body{
background:#000;
height:100%;
margin:0;	
}
html{
	height:100%;
}
#distance { 
	width:1px;
	height:50%;
	background-color:#000;
	margin-bottom:-300px; /* half of container's height */
	float:left;
}

#container{
	width:800px;
	height:600px;
	margin:0 auto;
	background:none;
	clear:left;
}
.home{
	background:none;
	margin:3px 0 0 3px;
}
.home a{
	position: absolute;
	display: block;
	width:30px;
	height:235px;
}
#left{
	width:30px;
	height:240px;
	float: left;
	background: url(../images/lintock.png) no-repeat;
}
#right{
	margin-top: 144px;
	width:22px;
	height:410px;
	float: right;
	background: url(../images/toinclude.png) no-repeat;
	padding:0;
	margin-right:0;	
}
#top-container{
	float: left;
	width:748px;
	height:60px;
	background: none;
}
#top{
	width:300px;
	height:60px;
	margin-left: 12px;
	display: inline;
	background: url(../images/photography.png) no-repeat;
	float: left;	
}
ul#paging{
	position: relative;
	left:320px;
	top:-166px;
	float: left;
	clear: left;
	background:none;
	margin:0;
	padding:0;
}
/*ul#paging li.empty{
	width:18px;
	height:18px;
	background:#333;
	float: left;
	color:#888;
	font-weight: bold;
	padding:0;
	margin:0;
	border: 2px solid #444;	
	list-style: none;
	font: 0.8em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
	text-align: center;
}*/
ul#paging li{
	display: inline;
	float: left;
}
ul#paging li a:link, ul#paging li a:visited{
	width:18px;
	height:18px;
	background:#333;
	float: left;
	color:#888;
	padding:0;
	margin:0 5px 0 0 ;
	border: 2px solid #444;	
	list-style: none;
	text-decoration: none;
	font: bold 0.8em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
	text-align: center;
	
} 
ul#paging li.active {
	float: left;
	width:18px;
	height:18px;
	background:#fff;
	border: 2px solid #999;	
	list-style: none;
	color:#000;
	margin:0 5px 0 0 ;
	padding:0;
	text-align: center;
	font: bold 0.8em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
}
#gallery{
	float: left;
	margin-left: 2px;
	margin-top:8px;
	width:740px;
	height:485px;
	background: none;	
}
#gallery ul{
	display: inline;
	background: none;	
}
/*#gallery ul li{
	list-style: none;
	display: inline;
	float: left;
	width:110px;
	height:110px;
	margin:0 0 10px 10px;
	background: none;
	border: 1px solid #333;		
}*/
#gallery ul li.photo {
	list-style: none;
	display: inline;
	float: left;
	margin:0 0 12px 12px;
	background: none;
	padding:0;	
}

#gallery ul li.photo a.zoom:link, #gallery ul li.photo a.zoom:visited{
	float: left;
	width:110px;
	height:110px;
	margin:-1px;
	border: 1px solid #333;	
}	
#gallery ul li.photo a.zoom:hover, #gallery ul li.photo a.zoom:active{
	float: left;
	width:110px;
	height:110px;
	margin:-1px;
	border: 1px solid #888;	
}
#gallery ul li.photo a img{
	border:none;
	margin-bottom:-5px;
	padding:0;
}
#gallery p{
	font-family: Georgia, Times, serif;
	color:#635c5c;
	margin-left:12px;
	font-size: 1.2em;
	line-height:1.5em;
}
#gallery span.notfound{
	color:#978E7D;
	font-size: 1.8em;
}
#gallery a:link, #gallery a:visited{
	font: bold 0.7em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#978E7D;
}
#gallery a:hover, #gallery a:active{
color:#635c5c;	
} 
/* contact */
.details, .title{
	font: 0.9em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#fff;
	margin-left:12px;
}
.titles{
	color:#978E7D;
	font-size: 0.9em;
	text-transform: uppercase;
}

/* contact form */
#contatti{
	position: relative;
	top:0;
	left:12px;
	display: block;	
	width:490px;
	background:none;
	border-top: none;
} 

div#form p.nb {
	font: normal 10px/6px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#fff; 
	float: right;
	margin: 0 20px 0 0;
}		
#contatti .zemContactForm{ 
	margin-top:6px;
	width:490px;
	background:none;
} 
#contatti .zemError{ 
	font:  0.8em 'Lucida Grande', Arial, sans-serif; 
	color:#fc0000; 
	list-style: none;
	margin:0;
	padding:0;
}
#contatti .zemError strong{
	color:#fc0000; 
}

#contatti .zemText, #contatti .zemTextarea, #contatti .zemSubmit {   
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	font: 0.75em/1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color:#635c5c;
} 

#contatti #nome, #contatti #email, #contatti #messaggio{
	font:  0.8em 'Lucida Grande', Arial, sans-serif; 
} 
#contatti #nome{ 
	margin-left:0;
	margin-top:0;	
	background:#978E7D;
	border:none;
	height:16px;
	width:200px;
	color:#fff;
	padding:5px;
} 

#contatti #email{ 
	margin-left:0;
	margin-top:0;	
	background:#978E7D;
	border:none;
	height:16px;
	width:200px;
	color:#fff;
	padding:5px;
} 
#contatti #messaggio{
	margin-left:0;
	margin-top:0;	
	background:#978E7D;
	border:none;
	height:140px;
	width:475px;
	color:#fff;
	vertical-align: top; 
	padding:5px; 
	overflow: auto;
} 
#contatti .zemSubmit { 
	text-align: center;
	margin-left:0;
	margin-top:0;
	padding: 2px 0;	
	background:#978E7D;
	border:none;
	height:20px;
	width:50px;
	color:#000;
	font-weight: bold;
	text-transform: uppercase;
}
#contatti .zemSubmit:hover{
color:#fff;	
}

#contatti #thankyou{ 
	display: block; 
	width:490px;
	margin-top:10px;
	text-align: left;
	
}  
#contatti #thankyou p{
	font:  0.8em/1.5em 'Lucida Grande', Arial, sans-serif; 
	color:#978E7D; 
	margin:10px 0 0 0;
}
#thankyou p a:link, #thankyou p a:visited{
	font:  1em/1.5em 'Lucida Grande', Arial, sans-serif; 
	text-decoration: none;
	color:#fc0000;
	font-weight: bold;
}
#thankyou p a:hover, #thankyou p a:active{
	color:#635c5c;
} 
/* end contact form */
/* end contact */
#footer{
	float: left;
	width:800px;
	height:25px;
	margin:3px 0 0 3px;
	background: none;	
}
#credits{
	display: inline;
	float: left;
	height:25px;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	color:#fff;	
	margin-left:40px;
	font: 0.75em/2em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: none;	
}
#credits a:link, #credits a:visited{
	color:#c9c9c9;
	text-decoration: none;	
} 
#credits a:hover, #credits a:active{
	color:#fff;
	text-decoration: underline;
}
#credits a.contact:link, #credits a.contact:visited{
	color:red;
	text-decoration: none;
	text-transform: uppercase;
}
#credits a.contact:hover, #credits a.contact:active{
	color:#c9c9c9;
	text-decoration: underline;
}
#bottom{
	float:right;	
	margin-right:0;
	width:175px;
	height:25px;
	background: url(../images/session.png) no-repeat;	
}