/*.. 	Reset	.................................................................. */	
  
  

   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,footer,section,aside { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}



/*..	Defaults	.................................................................. */


		body 	
			{
			font-family:  Arial, sans-serif;
			font-size:  12px;
			line-height: 20px;
			color: #333;
			background: #ededed url('../images/background.gif') 0px 0px repeat-x;
	     	}
	     	
		a,
      	a:link,
      	a:active,
      	a:visited
      		{
      		color: #195899;
      		text-decoration: underline;
      		}
      				
      	a:hover
      		{
      		text-decoration: none;
      		}     	
	     	
	     	
/*..	Header	.................................................................. */	     	
	    
		#header
			{
			background: transparent url('../images/header.jpg') 0px 0px no-repeat;
			height: 264px;
			margin: 0px 0px -10px 0px;
			position: relative;
			}
	     	
	     #logo
	     	{
			position: absolute;
			top: 0px;
			left: 0px;
	     	width: 110px;
	     	height: 97px;
	     	background: transparent url('../images/logo.gif') top left no-repeat;
			float: left;
			margin: 45px 45px 0px 45px;
	     	}
	     	
	     #logo a,
	     #logo a:link,
	     #logo a:active,
	     #logo a:visited
	     	{
	     	display: block;
	     	width: 110px;
	     	height: 97px;	     	
	     	text-indent: -999px;
	     	overflow: hidden;
	     	}
	
		#header ul
			{
			margin-left: 200px;
			width: 710px;
			}
		
		#header ul li
			{
			float: left;
			text-transform: uppercase;
			display: block;
			font-weight: bold;
			}
			

		#header ul li span
			{
			display: block;
			}			
		
		#header ul li a,
		#header ul li a:link,
		#header ul li a:active,
		#header ul li a:visited,
		#header ul li a:hover
			{
			display: block;
			padding: 55px 50px 5px 15px;
			color: #FFF;
			text-decoration: none;
			background: transparent url('../images/separator.gif') bottom left no-repeat;
			}

		#header ul li a:hover  
			{
			color: #bf9c3d !important;
			}
		
		#header strong
			{
			color: #bf9c3d;			
			}

		
		h1
			{
			clear: left;
			display: block;
			height: 41px;
			display: block;
			background-color: #af8f32;
			padding: 113px 0px 0px 376px;
			font-size: 22px;
			color: #FFF;
			font-weight: 200;
			text-indent: -999px;
			overflow: hidden;
			}
			
		h1#geneve { background: #af8f32 url('../images/photo-geneve.jpg') 0px 0px no-repeat;	}
		h1#phare { background: #af8f32 url('../images/photo-phare.jpg') 0px 0px no-repeat;	}
		h1#buildings { background: #af8f32 url('../images/photo-buildings.jpg') 0px 0px no-repeat;	}
		h1#target { background: #af8f32 url('../images/photo-target.jpg') 0px 0px no-repeat;	}
		h1#keyboard { background: #af8f32 url('../images/photo-keyboard.jpg') 0px 0px no-repeat;	}
		h1#pecheur { background: #af8f32 url('../images/photo-pecheur.jpg') 0px 0px no-repeat;	}
		h1#interior { background: #af8f32 url('../images/photo-interior.jpg') 0px 0px no-repeat;	}
		h1#structures { background: #af8f32 url('../images/photo-engrenage.jpg') 0px 0px no-repeat;	}
		h1#sunset { background: #af8f32 url('../images/photo-sunset.jpg') 0px 0px no-repeat;	}
		h1#cervin { background: #af8f32 url('../images/photo-cervin.jpg') 0px 0px no-repeat;	}
		h1#dubai { background: #af8f32 url('../images/photo-dubai-02.jpg') 0px 0px no-repeat;	}
		h1#geneve { background: #af8f32 url('../images/photo-geneve.jpg') 0px 0px no-repeat;	}
		
		
/*..	Content	.................................................................. */

		#section
			{
			clear: left;
			display: block;	
			background-color: #FFF;
			overflow: visible;;
			}	     	

	     #section h2
	     	{
	     	font-size: 14px;
			text-transform: uppercase;
			color: #195899;
			margin: 20px auto;
	     	}
		
		#section h2.first
			{
			margin-top: 0px;
			}
			
     	#section h3
	     	{
	     	font-size: 14px;
			color: #195899;
			margin: 15px auto;
			font-weight:bold;
			color: #bf9c3d;
	     	}			
	     
		#section p
			{
			margin: 0px 0px 15px 0px;
			text-align: justify;
			}
		
		#section #article
			{
			float:left;
			width: 444px;
			min-height: 210px;
			height:auto !important;
  			height:210px;	
			border-left: 1px dotted #CCC;
			padding: 35px 35px 25px 35px;
			}
			
		#section div.floater
			{
			float: left;
			}
		#section div.first
			{
			margin-right: 45px;
			}
		
		h2.separator
			{
			clear: both;
			padding-top:5px;
			}
			
		#illustration
			{
			float: right;
			}
		
		#article ul
			{
			margin: 0px 0px 15px 0px;
			}
		
		#article ul li
			{
			list-style-position:inside;
			list-style-type:none;
			line-height: 28px;
			padding: 0px 0px 0px 15px;
			background: #FFF url('../images/arrow.gif') 0px 9px no-repeat;
			
			}
			
			
/*..	Subnavigation	.................................................................. */

		#section #aside
			{
			display: block;
			float: left;
			width: 274px;
			margin: 35px 0px 30px 65px;
			_margin: 35px 0px 30px 32px;
			}
		
		#section #aside ul
			{
			width: 220px;
			}
			
		#section #aside ul li
			{
			line-height: 30px;
			border-bottom: 1px dotted #DEDEDE;
			}
		
		#section #aside ul li a,
		#section #aside ul li a:link,
		#section #aside ul li a:active,
		#section #aside ul li a:visited,
		#section #aside ul li strong
			{
			color: #333;
			text-decoration: none;
			line-height: 35px;
			}

		#section #aside ul li a:hover,
		#section #aside ul li strong
			{
			color: #b68f27;
			text-decoration: none;
			}

		#section a.external,
		#section a.external:link,
		#section a.external:active,
		#section a.external:visited
			{
			color: #333;
			text-decoration: underline;
			font-style: italic;
			}

		#section a.external:hover
			{
			color: #195899;
      		text-decoration: none;
			}
		
		


/*..	Footer	.................................................................. */

		#footer
			{
			clear: left;
			background-color: #EDEDED;
			border-top: 1px dotted #C4C4C4;
			_border-top: 0px ;						
			_border-bottom: 0px ;						
			padding: 30px 0px 30px 70px;
			color: #999999;
			font-size: 11px;
			line-height: 18px;
			height: auto;
			}  
		
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited
			{
			color: #999;
			text-decoration: none;
			}

		#footer a:hover
			{
			color: #444;
			text-decoration: underline;
			}
			
		#footer div
			{
			display: block;
			z-index: 555;
			margin: -57px 0px 0px -5px;
			border: 0px;
			}
		
		#footer div a,
		#footer div a:link,
		#footer div a:active,
		#footer div a:visited
			{
			color: #3675ac;
			text-decoration: none;
			display: block;
			width: 146px;
			height: 38px;
			background: transparent url('../images/contact.gif') 0px 0px no-repeat;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 36px;
			border: 0px !important;
			}

		#footer div a:hover
			{
			color: #000;
			text-decoration: none;
			}
			
		#footer address
			{
			margin-top: 25px;
			}
		
		
		
		


/*..	Clearfix	.................................................................. */	     	


		.clearfix:after 
			{
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
			}
 
		.clearfix
			{
			display: inline-block;
			}
 
		html[xmlns] .clearfix 
			{
			display: block;
			}
 
		* html .clearfix
			{
			height: 1%;
			}