/* Layout */

*{margin:0;padding:0;}

html, body{
	height: 100%;
}

body{
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size:14px;
	color: #222;
}

div#container {
	position: relative;
	width:95%;
	margin:0 auto;	
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #container {
	height: auto;
}

div#splash{
	position:relative;	
	clear:both;
	float:left;
	width:100%;
	background-image: url('/images/sunflower_seeds.png'); 
	background-repeat: repeat-x;
}

div#header, div#footer{
	position:relative;	
	clear:both;
	float:left;	
	background:#033E1E url('/images/nav.gif') repeat top left;		
	border:4px solid #fff;
	border-width:2px 0;	
	width:100%;		
}	

div#content{
	clear:both;
	margin-top:1px;
	border-top:1px solid #033E1E;
	padding-bottom: 4em;
}

div#left, div#center{
	position:relative;	
	width:35%;
}

div#right{
	position:relative;
	width:18%;
	float:right;
	margin-right:1%;
}

div#left_center{
	position:relative;
	margin-left:5%;		
	width:70%;
	padding-top:3em;
}

div#center_right{
	position:relative;
	clear:right;
	float:left;
	width:60%;
	margin:0 !important;
}

div.col{
	clear:right;
	float:left;
	margin:0 4% 0 1%;
	padding-bottom:35px;
}

div#footer{
	background-position: bottom left;
	position: absolute;
	bottom: 25px;
	text-align:center;		
}

/*  ---------------------  Default content --------------------- */

img	{border:0;}
ul	{list-style:none;}
a 	{color: #222;
	text-decoration:none;
}
a:hover, .col p a , .col li a {
	text-decoration:underline;
}
br.clear{
	display:block;
	clear:both;
}
hr.clear{
	clear:both;
	margin:0.5em;
	display:block;
	visibility:hidden;
}
.hidden{
	display: none !important;	
}

/*  ---------------------  Header content --------------------- */

h1#logo{
	float:left;
	margin-top:0;
	width:220px;
	height:28px;
	background-image: url('/images/logo.png');
	background-repeat: no-repeat;
	text-indent: -100em;
}
h1#logo a{
	display:block;
	width:15em;
}

ul#main_nav{
	clear:right;
	float:right;
	list-style:none;
	margin:0.2em 0.5em;
}

ul#main_nav li{
	float:left;
	margin:0;
	background:url('/images/nav2.gif') no-repeat top left;		
}
	
ul#main_nav li a{
	display:block;
	padding:0.3em 1em;
	text-decoration:none;
	color:#fff;	

}
	
ul#main_nav li a:hover{
	text-decoration:underline;
}

div#splash img{
	float:left;
	width:198px;
}
	
div#splash p{
	clear:right;
	float:right;
	border:0;
	margin:65px 1.5em 0 0;
	color:#033E1E;
	font-size:1.2em;
}	

/*  ---------------------  Main content --------------------- */

h1{
	font-size:1.4em;
	letter-spacing: 0.1em;
	margin:0.2em 1em;
	color:#033E1E;
	float:left;
}
h1 a{
	color:#033E1E;
	text-decoration:none;
}		

h2{
	color:#033E1E;
	border-bottom: dotted 1px #999;
	margin:0.5em 0;
	padding:0.1em 0.4em;
}
h2 a, legend{
	color:#033E1E;
}	

/*  ---------------------  Footer content --------------------- */	

p#contact{
	float:right;
	font-size:0.8em;
	padding:0.3em 1em;
	color:#fff;		
}
p#contact a{
	color:#fff;		
	text-decoration:none;
}
p#contact a:hover{
	text-decoration:underline;
}
ul#validation{
	position: absolute;
	bottom:-25px;
	left:40%;
	margin:0 auto;
	padding:0;
	list-style: none;
}	
ul#validation li{
	display:inline;
}	

	
/*  ---------------------  Front page --------------------- */			

ul{
	margin:1em 2em;
}
	
img.fp_thumb{
	clear:both;
	float:left; 
	margin:-1.3em 1em 0.1em 1em;
	padding:2px;
	border:1px solid #777;
}
	
.col h3{
	color:#033E1E;	
	clear:left;
	margin:0 0 0 130px;

}
.col h3 a{
	color:#033E1E;	
}

.col p{
	margin:0 0 1em 1em;
}	
	
p.all{
	clear:both;	
	text-align:right;
	margin:1.4em 0;
	border-top: dotted 1px #999;	
}	
p.all a{
	color:#033E1E;
	text-decoration:none;
}
p.all a:hover{
	text-decoration:underline;
}		
	
	
/*  ---------------------  Projects Pages --------------------- */	

div#left_center img{
	float:right; 
	padding: 5px; 
	border:1px solid #666; 
	margin:0 10px 10px 20px;
}		
#left_center.col p{
	text-align:justify;
}
ul.archive{
	margin:0.5em 0 0.5em 2em !important;
}	
h3.rc{margin:0.5em 0 0 1em !important;}


/*  ---------------------  Photos Index --------------------- */	

ul.latest{
	position:relative;
	width:100%;
	margin:1.2em 0;
}	
ul.latest li{
	float:left;
	margin:2px 3px;
}
	
/*  ---------------------  Sitemap --------------------- */	

ul.list_col{
	width:17%;
	clear:right;
	float:left;
	margin:0;
	padding:0 0.5em 3em;
}