html, body{
	margin:0;
	padding:0;
	border: 0;
}

body {
	font-family:  "Georgia", Georgia, serif;
	text-align: left; 
	height:100%;
	width:100%; 
	background-color: #efebe0;
}

#content {
	background-color: #ffffff;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-450px;	 
	margin-top:-330px;	 
	font-size: 10px;
	width: 900px;
	height: 660px;
}

#logo{
	background: #ffffff url('logo.gif') no-repeat;
	position: absolute;
	top: 55px;
	left: 51px;
	width:263px;
	height:44px;
}

#nav{
	position: absolute;
	top: 152px;
	left: 50px;
	width:486px;
	height:30px;
}

#nav img{
	margin:0;
	padding:0;
	position: relative;
	top: 3px;
}

.button{
	color: #DA2128;
	margin:0;
	padding:0;
	display: inline;
	font-size:14px;
}

.button a{
	text-decoration:none;
	color:#80705C;
}

.button a:hover{
	color: #DA2128;
	font-size:14px;
}

#pics{
	position: absolute;
	top: 186px;
	left: 51px;
	width:486px;
	height:468px;
}

#pics a img{
	border:none;
}

#bodycopy{
	color:#80705C;
	font-size:14px;
	position: absolute;
	top: 182px;
	left: 540px;
	width:300px;
	height:468px;
	line-height:125%;
}

#bodycopy a{
	color:#DA2128;
}

#bodycopy a:hover{
	text-decoration: none;
}


p {
	margin-top: 17px;
}

h1 {
	font-weight:normal;
	color: #DA2128;
	font-size:14px;
	margin:0;
}

h2 {
	font-weight:normal;
	color: #80705C;
	font-size:10px;
	margin:0;
}


.thumbnail{
	position: relative;
	width: 120px;
	height: 115px;
	margin: 0 38px 34px 0;
	background-color:#cc0000;
}

#popup{
margin: 20px 0 0 20px; /* this refers to gap around content i.e. top right bottom left */
}

#info{
margin-top: 15px; /* gap inbetween image and text */
width: 400px; /* change this value to final width of pictures NB. current set-up only allows one image size for all pop-ups*/
display: block;
}