html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 font-weight:normal;
}

:focus {outline: 0;}
a{text-decoration:none;}
p{text-align:justify;}
ol, ul {list-style: none;}

/* End of reset
-------------------------------------------------------------------*/

html, body{
	height:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	background:#ffffff url(../img/bg_top.gif) top repeat-x;
	}
	
h1{
	color:#a7b167;
	font-size:1.3em;
	}

#global{
    min-height: 100%;
	height:auto!important;
	height:100%;
	margin:0 auto -100px auto;
	}
	
	/* Top
-------------------------------------------------------------------*/

#top {
	margin:0 auto;
	position:relative;
	width:850px;
	height:134px;
	}
	
#logo img{
	float:left;
	margin-top:7px;
	margin-left:25px;
	position:relative;
	}
	
	/* Main nav
-------------------------------------------------------------------*/

#navcontainer {
		 margin:0;
		 position:relative;
	   height:45px;
     color:#dde1a0;
	   background:#5f6248 url(../img/menu_bg.gif) bottom repeat-x;
	   font-family:Verdana, Geneva, sans-serif;

	}
#mainnav {
		 position:relative;
		 height:33px;
		 font-size:0.8em;
		 text-transform:uppercase;
		 font-weight:bold;
		 width:850px;
		 background:#dde1a0 url(../img/dolphin_bg.gif) bottom repeat-x;
		 padding:0 20px 0 0;
		 }
     #mainnav ul {
		     margin:0;
				 padding:0;
				 list-style-type:none;
				 width:auto;
				 float:right;
				 }
     #mainnav ul li {
		     display:block;
				 float:right;
				 margin:0 1px;
				 }
     #mainnav ul li a {
		     display:block;
				 float:left;
				 color:#f2f2f2;
				 text-decoration:none;
				 padding:0 0 0 20px;
				 height:33px;
				 }
     #mainnav ul li a span {
		     padding:12px 20px 0 0;
				 height:21px;
				 float:left;
				 }
		 #mainnav ul li a:hover {
		     color:#f2f2f2;
				 background:transparent url(../img/dolphin_bg-OVER.gif) repeat-x bottom left;
				 }
     #mainnav ul li a:hover span {
		     display:block;
				 width:auto;
				 cursor:pointer;
				 }
     #mainnav ul li a.current,#mainnav ul li a.current:hover {
		     color:#ffffff;
				 background:#5f6248 url(../img/dolphin_left-ON.gif) no-repeat top left;
				 line-height:275%;
				 }
     #mainnav ul li a.current span {
		     display:block;
				 padding:0 20px 0 0;
				 width:auto;
				 background:#5f6248 url(../img/dolphin_right-ON.gif) no-repeat top right;
				 height:33px;
				 }

  /* Intro
-------------------------------------------------------------------*/

#intro{
	background:#ffffff;
	}
	#intro p{
		margin:0 auto;
		width:810px;
		font-family:Verdana, helvetica, arial;
		line-height:25px;
		color:#7b7b7b;
		font-size:0.9em;
		text-align:left;
		}
		#intro p span{
			padding:30px 0 15px 0;
			color:#a7b167;
			font-size:1.5em;
			display:block;
			}
		#intro p a span{
			font-size:0.9em;
			}
			
#intro_home{
	height:265px;
	}
		
#project{
	float:right;
	margin:78px 0 10px 62px;
	}
	
#intro_link{
	margin-top:20px;
	}
	#intro_link img{
		float:right;
		}
	#intro #intro_link span{
		float:right;
		padding:0;
		border-bottom:1px solid #e0ecc5;
		font-family:Verdana, Geneva, sans-serif;
		color:#a0b4a0;
		line-height:15px;
		cursor:pointer;
		}
		#intro #intro_link span:hover{
			border-bottom:1px solid white;
			}
			
/*
**************************
middle
**************************
*/

#middle{
	margin:35px auto 50px auto;
	width:850px;
	text-align:left;
	}
#middled{
	margin:15px auto 50px auto;
	width:850px;
	text-align:left;
	}
	
/*
******************************
footer
******************************
*/
	
#footer{
	margin:20px auto 0px auto;
	background:#ffffff url(../img/footer.gif) no-repeat bottom center;
	}	
			
/*
******************************
work
******************************
*/



#intro_work{
	height:220px;
	}
	#intro_work p{
		padding-top:50px;
		}
	#intro_work a{
		color:white;
		}
		#intro_work a:hover{
			border-bottom:1px solid #f3f7ec;
			}
		

#portfolio h1{
	clear:both;
	margin-left:4px;
	text-transform:uppercase;
	color:#413a2b;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	}
#portfolio h2{
	padding-bottom:6px;
	margin:0 8px 35px 4px;
	text-transform:uppercase;
	color:#88ac3d;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:0.95em;
	border-bottom:1px solid #817862;
	}
#portfolio h3{
	margin-bottom:10px;
	font-weight:bolder;
	text-transform:uppercase;
	font-size:1.2em;
	color:white;
	}

#portfolio li{
	margin-bottom:10px;
	}
.infos_none, .infos_show{
	float:left;
	margin:0 40px 40px 0;
	}
.unmarged .infos_none, .unmarged .infos_show{margin:0 0 40px 0;}
.infos_none .infos, .infos_none .view_large{display:none;}
.infos_show .infos, .infos_show .view_large{display:block;}

.infos{
	position:absolute;
	width:366px;
	height:200px;
	margin:8px 0 0 8px;
	padding:10px 10px 0 10px;
	font-size:0.7em;
	line-height:16px;
	background:#828d41;
	color:white;
	}
	.infos span{
		color:#92c12f;
		text-transform:uppercase;
		}
	.infos a{
		color:#d4e5b5;
		border-bottom:1px solid #536c1d;
		}
		.infos a:hover{
			border:0;
			}

.visit{
	text-align:center;
	}
	.visit a{
		padding:5px 0 10px 0;
		font-size:1.2em;
		font-weight:bold;
		border:0!important;
		}
		.visit a:hover{
			color:white;
			text-decoration:underline;
			}

.view_large .thickbox{
	position:absolute;
	width:299px;
	height:123px;
	padding:90px 9px 0 9px;
	margin:7px 0 0 7px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-align:center;
	text-decoration:underline;
	border:0!important;
	background:#828d41;
	color:white;
	}
	
.none{
	display:none;
	}