html, body{ 

	margin:0; 
	
	padding:0; 
	
	text-align:center;
	
	color: #666666;
	
	font: 9px/14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	
	background: #ffffff;
} 

h1 {

	color: #0080ff;

	font-size: 12px;

	font-weight: bold;
	
	margin: 0;
	
	padding: 0;
	line-height: 2px;
}

h3 {
	
	font-size: 10px;
	
	font-weight: bold;
	
	margin: 0;
	
	padding: 0;
	
	line-height: 12px;
}

hr {
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}

a {
	
	color : #0090f0;
	
	text-decoration : none;

	font-weight: bold;

}

a:hover {
	
	color : #0066aa;
	
	text-decoration : none;

	font-weight: bold;

}

#pagewidth{
	 
	width:600px;
	
	text-align:left;  
	
	margin-left:auto; 
	
	margin-right:auto;  
} 
 
#header{

	background: no-repeat url(imgs/header.jpg); 
	
	position:relative; 
	
	height:295px; 
	
	width:100%;
} 

#mainnav {
	
	position:relative; 

	width: 600px;

	height: 35px;
}

#mainnav ul {
	width: 600px;
	height: 35px;
	list-style: none;
	display: inline;
}

#mainnav a {
	text-decoration: none;
}

#mainnav li {
	float: left;
}

#home {
	background: no-repeat url(imgs/nav_home.gif);
}

#leftcol{
	
	width: 300px; 
	
	float:left; 
	
	position:relative; 
	
	background: #e0faff no-repeat url(imgs/left_bck.gif);
	
	padding: 20px;
	
	text-align: justify;
}

#maingallery{
	
	width: 590px; 
	
	float:left; 
	
	position:relative; 
	
	background: #e0faff no-repeat url(imgs/gallery_bck.gif);
	
	text-align: center;

	padding: 20px 5px;

}

#wrapper {
	
	width: 600px;
	
	background: repeat-y url(imgs/mainbck.jpg);
}

#galwrapper {
	
	width: 600px;
	
	background: repeat-y url(imgs/maingalbck.jpg);
}
 
#maincol{
	
	background: no-repeat url(imgs/right_bck.jpg);
	
	padding: 20px 10px 10px;  
	
	float: right; 
	
	display:inline; 
	
	position: relative; 
	
	width:240px; 
 }
 
#footer{
	
	height: 40px; 
	
	clear:both;
	
	font-size: 10px;
	
	text-align: center;
	
	margin-bottom: 20px;
	
	padding-top: 20px;
	
	line-height: 16px;
	
	background: no-repeat top url(imgs/mainbtm.gif);
}

#galfooter{
	
	height: 40px; 
	
	clear:both;
	
	font-size: 10px;
	
	text-align: center;
	
	margin-bottom: 20px;
	
	padding-top: 20px;
	
	line-height: 16px;
	
	background: no-repeat top url(imgs/maingalbtm.gif);
}

.galimg {

	border: solid #e6e6e6 5px;

	margin-right: 2px;

	margin-left: 2px;

} 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
	
	content: "."; 
	
	display: block; 
	
	height: 0; 
	
	clear: both; 
	
	visibility: hidden;
 }
 
.clearfix{
	
	display: inline-table;
}


/* Hides from IE-mac \*/

* html .clearfix{
	
	height: 1%;
}

.clearfix{
	
	display: block;
}

/* End hide from IE-mac */  


/*printer styles*/ 

@media print{ 

/*hide the left column when printing*/ 

#leftcol{
	
	display:none;
} 
#twocols, #maincol{
	
	width:100%;
	
	float:none;
	
}

}