/* BODY AND FONTS: =body
----------------------------------------------- */
	* { 
	 margin: 0; 
	 padding: 0; 
	 text-align: left;
	 font-size: 100%;
	}

	body#home{
	 background: #484849 url(images/bgHome.gif) repeat-x center top;
	 height:100%;
	 margin:0px;
	 padding:0px;
	}
	
	body{
	 background: #484849 url(images/bg.gif) repeat-x center top;
	 height:100%;
	 margin:0px;
	 padding:0px;
	} 

	body, tr, td, input, select, textarea { 
	 font:small/150% Arial, Verdana, sans-serif;
	 color: #221E1F;	 
	}

	div.container {
	 background: url(images/rightbg.gif) repeat-y right top;
	 width: 994px; 
	 margin: 0px auto 0px auto;
	 padding: 0px;
	 position: relative; 	
	}
	
       .printonly {
         display:none;
       }
   	
	
/* CONTAINER: =Wrap
----------------------------------------------- */

	.parentWrap{
	   background: url(images/tag_construction.gif) no-repeat right top;
	   position:relative;
	   width:994px;
	   color:#2D2A28;
	   margin: 0px auto 0px auto;
	   padding: 0px;
	} 

	/* Hides from IE-mac \*/
	* html .parentWrap {height: 1%;}
	/* End hide from IE-mac */

	.parentWrap:after {
	   content: "."; 
	   display: block; 
	   height: 0; 
	   clear: both; 
	   visibility: hidden;
	}
	
	.contentWrap{
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;
	}
	

	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-size: 140%;
	   line-height: 110%;
	   color: #FFFFFF;
	   padding: 16px 0px 0px 0px;
	}
	
	h2 { 
	   margin: 0px;
	   padding: 25px 0px 0px 0px;
	   font-size: 140%; 
	   color: #003F72;
	}
	
	h3 { 
	   margin: 24px 0px 0px 0px;
	   padding: 0px;
	   font-size: 110%;
	   color: #003F72;
	}
	
	h4 { 
	   margin: 10px 0px;
	   padding: 0px;
	   font-size: 105%;
	   line-height: 135%;	   
	}
			
	p {
	   margin: 8px 0px 18px 0px;
	   padding: 0px;
	   line-height: 125%;
	}
	
	small {
	   font-size: 88%;
	   line-height: 95%;
	}  
	
	blockquote {
	   background: #F1F1F2;
	   padding: 20px;
	   margin: 10px 0px;
	}          
	
	div.chart {
	   width: 500px;
	   margin: 0px auto;
	   text-align: center;
	   clear: both;
	}
	
	div.chart img{   
	   padding: 20px 0px 30px 0px;
	}
	
  	.thumbnailsOuter {
    	   float: left;
    	   width: 170px;
    	   clear:none;
    	   margin: 0px;
    	   padding: 0px;
  	}
  	
   	.thumbnailsOuter h4{
    	   background: #9A9B9C;
    	   text-transform: uppercase;
    	   font-size: 80%;
    	   text-align:center;
    	   margin:0px 0px 4px 0px;
    	   padding:2px;
    	   width: 162px;
  	} 
  	
  	.thumbnailsOuter h4.thumbnailCat2{
    	   margin: 8px 0px 4px 0px;
  	} 
  	  	
  	.thumbnails {
    	   float: left;
    	   width: 85px;
    	   clear:none;
    	   margin: 0px;
    	   padding: 0px;
    	   color: #333333;
    	   font-size: 92%;
  	}
  
  	.thumbnails a{
    	   margin:0px 6px 0px 0px;
    	   padding:0px;   	    
    	   height:49px;
  	}
  
  	.thumbnails img{
    	   margin:0px 0px 2px 0px;
    	   padding:0px;
    	   border: 2px solid #ffffff; 
    	   width:77px; 
    	   height:49px;
  	}
  
  	.thumbnails h4{
    	   background: #9A9B9C;
    	   text-transform: uppercase;
    	   font-size: 80%;
    	   text-align:center;
    	   margin:0px 0px 4px 0px;
    	   padding:2px;
    	   width: 77px;
  	} 
  	
  	.thumbnails h4.thumbnailCat2{
    	   margin:14px 0px 4px 0px;
  	}   	
  	
  	img#Gallery {
  	   height: 324px;
  	   width: 627px;
  	   border: 6px solid #ffffff;
  	   float: left;
  	   margin: 0px 8px 0px 0px;
  	   padding: 0px;
  	   clear:both;
  	}
  	
  	div#ProjectInfo{
  	   padding: 30px 0px 0px 0px;
  	   clear:both;
	   width: 800px;  
  	}
  	
  	div#GalleryCaption{
  	   padding: 0px 10px;
  	   width: 225px;
	   position:relative;
	   float:left;
	   display:inline; 
  	}
  	
  	div#GalleryCaption p {
  	   padding: 0px;
  	   margin: 0px;   
  	}
  	
  	div#GalleryQuotation{
  	   background:#E9E9E9 url(images/quote_top.gif) no-repeat top center;
  	   color:#353536;
  	   float:left;
  	   margin: 0px;
  	   padding: 0px;
  	   clear:none;
	   position:relative; 
	   display:inline; 
  	   width: 494px;
  	}  
  	
  	div#GalleryQuotation p{
  	   margin: 0px;
  	   padding: 20px 20px 0px 20px; 
  	   line-height: 115%;
  	}     	
  	
  	div#GalleryQuotation p.source{
  	   background:#E9E9E9 url(images/quote_bottom.gif) no-repeat bottom center;
  	   font-style: italic;
  	   margin: 0px;
  	   padding: 10px 20px 40px 20px;
  	}    	
	
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       ul {
	 list-style-type: square;
	 list-style-image: url(images/bullet.gif);
	 list-style-position: outside;
       }       
       
       ul li{
         margin:0px 0px 0px 14px;
         padding:0px 0px 4px 0px; 
         line-height: 130%;

       } 
       
       ol li{
         margin:0px 0px 0px 14px;
         padding:0px;
         line-height:130%;       
       } 
       
       ol{
         margin: 0px;
         padding: 0px;
       }
              
      
  /**/

	hr{ 
	   color: #C9C2AD;
	   border: 0px;
	   height: 1px;
           clear: both;	   
	}	
	
	
/* HEADER BAR: =header
----------------------------------------------- */
	
	div.header { 
	   background: url(images/top_sozos.gif) no-repeat right 14px;
	   height: 80px; 
	   margin: 0px;
	}
	
	.header h1 { 
	   position: absolute; 
	   top: 24px; 
	   left: 507px; 
	   font-size: 100%;
	 }
	 
	.header h1,
	.header h1 span { 
	   background: transparent url(images/logo.gif) no-repeat; 
	   width: 268px; 
	   height: 37px;
	}
		
	div.header h1#homeLogo {  
	   top: 60px;
	 }
	
	.header h1#homeLogo,
	.header h1#homeLogo span { 
	   background: transparent url(images/logoHome.gif) no-repeat; 
	   width: 244px; 
	   height: 37px;
	}	
	
	.header h1 a, 
	.header h1 a:hover{ 
	   color: #484849;
	   text-decoration: none;	   
	}
	
	div.photos { 
	   padding: 28px 0px 0px 25px;
	   margin: 0px;
	   height: 212px;
	}
			
/* LINKS: =links
----------------------------------------------- */
	
	a { 
	   text-decoration: underline; 
	   color: #BBBABA; 
	   font-weight: bold;
	}
	
	a:hover	{ 
	   color: #FFFFFF;
	}
	
	a img { 
	   border: none; 
	}
	
	h4 a { 
	   font-weight: bold; 
	}	
		
		
/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
			
       /* FULL CONTENT: =fullContent	
       ----------------------------------------------- */
       #fullContent {
         width:771px;
         line-height:normal;
         margin: 0px;
         clear:none;
         padding: 0px 140px 0px 25px;
         color: #FFFFFF;
       }



       /* BASE CONTENT COLUMN (middle between subnav and photos): =baseContent	
       ----------------------------------------------- */
       #baseContent {
         background: #E9E9E9;
         width:455px;
         line-height:normal;
         margin: 0px 8px 0px 0px;
         clear:none;
         padding: 0px 40px 80px 25px;
         border-bottom: 6px solid #343434;
       }
       
       #baseContent a{
         color: #003F72;
         font-weight: normal;
       }

       #baseContent a:hover{
         color: #000F4F;
       }
     
       #baseContentServices {
         width: 520px;
         margin: 0px 8px 0px 0px;
         padding: 0px;
         clear:none; 
       }     
     
	/* RIGHT COLUMN: =rightColumn	
	----------------------------------------------- */
	div#rightColumn { 
	   margin: 0px;
	   padding: 0px 50px 0px 0px;
	   width: 358px;
	   clear:none;
	}	
	
	div#rightColumn img {
	   border: 6px solid #ffffff;
	   padding: 0px;
	   margin: 0px;
	   display: block;
	}	
	
	div#rightColumn h3{
	   padding: 22px 130px 4px 22px;
	   margin: 0px;
	   color: #FFFFFF;
	   text-align: left;
	   font-size: 130%;
	}
	
	div#rightColumn p{
	   padding: 0px 130px 12px 22px;
	   margin: 0px;
	   color: #E9E9E9;
	   text-align: left;
	}
	
	div#rightColumn p.caption{
	   font-size: 85%;
	   padding: 0px 0px 12px 0px;
	}
	
        div#rightColumn p a,
        div#rightColumn p a:visited {
         text-decoration: none;
        } 
       
        div#rightColumn ul {
	 margin: 0px 130px 8px 22px;
	 list-style-type: square;
	 list-style-image: url(images/dash.gif);
	 list-style-position: outside;	 
	 
        } 	
	
        div#rightColumn ul li,
        div#rightColumn ol li{
         margin:0px 0px 0px 12px; 
         line-height: 120%;
       }  
   
	
       

/* NAVIGATION: =nav
----------------------------------------------- */
	div#navigation { 
	   height: 26px; 
	   overflow: hidden; 	   
	   line-height:normal;
	   margin: 0px 0px 6px 0px;
	   padding: 14px 0px 0px 0px;
	}
	
	#navigation ul { 
	  height: 26px; 
	  padding: 0px; 
	  list-style-type: none;
	  list-style:none;
	  float: left;
	}
	
	#navigation li	{ 
	   height: 22px;
	   float:left; 
	   margin: 0 3px 0 0; 
	   padding: 0px; 
	   list-style-type: none;
	   border-bottom: 4px solid #484849;
	}
	
	#navigation a 	{	
	  width: auto;
	  background:#003F72;
	  float:left; 
	  display:block; 
	  width:.1em; 
	  padding: 3px 14px; 
	  text-decoration:none; 
	  white-space: nowrap; 
	  color: #ffffff;
	  font-size: 85%;
	  font-weight: bold;
	  text-transform: uppercase; 	  
	}
	
	#navigation > ul a	{ width:auto; }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navigation a 		{ float:none; }
	/* End IE5-Mac hack */
	

	#navigation .current a,
	#navigation .current a:link:hover,
	#navigation .current a:visited:hover{ 
	   background: #000F4F; 
	   color: #ffffff;
	   border-bottom: 4px solid #484849;
	   padding: 3px 146px 3px 14px;
	}
	
	#navigation a:link:hover,
	#navigation a:visited:hover { 

	}

	#navigation li a:link:hover,
	#navigation li a:visited:hover { 
	   border-bottom: 4px solid #000F4F;
	}		 
	
	
/* FOOTER: =footer
----------------------------------------------- */
	div#footer { 
	   background: url(images/bottom_sozos.gif) no-repeat top right;
	   /*background: url(images/rightbg.gif) repeat-y right top;*/
	   width: 947px;
	   margin: 0px 0px 0px 0px; 
	   padding: 53px 0px 40px 0px;
    	   float:left;
    	   display:inline;
    	   clear:both;
    	   color: #BBBABA;
	}
	
	#footer p { 
	   margin: 0px 0px 6px 0px; 
	   padding: 0px 0px 0px 95px;
	   font-size: 85%;
	   line-height: 145%;
 	   text-align: left; 
	   position: relative; 	   
	}
	
	#footer p.home { 
	   background: url(images/footer_sozos.gif) no-repeat 25px 1px;
	   padding: 0px 0px 0px 120px;   
	}	
	
	#footer p b { 
	   color: #ffffff;	   
	}	
	
	#footer p a {  
	   color: #BBBABA;
	   font-weight: bold;
	}
	
	#footer p.credit { 
	   background-image: none;
	   width: 869px;
	   margin: 0px;
	   padding: 0px;
	   text-align: right;
	}
	
	#footer p.credit a{ 
	   font-weight: normal;
	   color: #807F7F;
	}
	
	#footer p a:hover,
	#footer p.credit a:hover {
	   color: #FFFFFF;
	}
	
	

/* FORM: =form
----------------------------------------------- */

	fieldset {
	    margin: 30px 0px 20px 0px;
	    padding: 20px 30px 6px 30px;
	    width: 88%;
	}	

	fieldset p {
	   margin: 8px 0px 8px 0px;
	}


	legend {
	   font-size: 110%;
	   padding: 0px 0px 6px 0px;
	   font-weight: normal;
	   color: #40403A;
	}


	label {
	   width: 100px;
	   margin: 0px;
	   padding: 0px 4px 0px 0px;
	   text-align: right;
	   float: left;
	   font-weight: bold;
	   font-size: 90%;
	}

	label.checkbox,
	label.br,
	label.textarea {
	   clear: both;
	   padding: 2px 4px;
	   width: 100%;
	   text-align: left;
	} 

	label a{
	   color: #8F3F28;
	   font-size: 95%;
	   font-weight: normal;
	}

	.required { 
	   color: #CC0000; 
	}

	input, select, textarea {
	   font-size: 90%;
	   text-align: left;
	}

	input.submit {
	   test-align: center;
	   padding: 0px 3px;
	   margin: 0px 0px 0px 34px;
	}

	textarea { 
	   text-align: left;
	   margin: 0px;
	   padding: 0px;   
	}


/* REPLACE FIXES: =replace
----------------------------------------------- */	
	
	/* 
	 * Image replacement using the Gilder/Levin IR technique 
	 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	 */		
	.replace { 
		position: relative;
		/* hide overflow: hidden from mac ie5 \*/
		overflow: hidden;
		
		/* end hide from mac ie5 */
	}
	.replace span {
		display: block;
		position: absolute;
		top: 0px; left: 0px;
		z-index:1; /*for Opera 5 and 6*/
	 }
	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }
	
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  


	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */