body 	  { position: relative;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 13px;
			color: #BED8EB;
			margin: 0; 
			background-image: url(images/banner_sm.gif);
			background-color: #525D58;
			background-repeat: repeat-x;
			background-position: 0px 109px;
			line-height: 160%;
			 }
			
#header   { width:  900px;
            margin: 10px auto 20px auto; }
			
#nav      { width:  900px;
            margin: 0 auto;	
			text-align: right; }
			
#tagline  { width:  900px;
            margin: 12px auto;
			text-align: left; }
			
/* establish portfolio div as a container */			
#portfolio {  position: relative;
              width:  900px;
              margin: 40px auto;
			  height: 920px;
			  font-size: 12px;
			  line-height: 150%; }

/* establish services div as a container */				  
#maintext {  position: relative;
              width:  900px;
              margin: 40px auto;
			  font-size: 12px;
			  line-height: 150%; }			  
			  
#portnav   {  position: absolute;
              top: 10px;
			  width:  280px;  }			  
			
#recent   { width:  900px;
            margin: 20px auto 0px auto;
			text-align: left; }
			
#costbox   {  position: relative;
                 width: 400px;
				 left:  10px; 
				 border: 1px solid #7e97aa;		
				 margin: 20px;		
                 padding: 20px;
				 background-color: #5b6661;
				 float: right;  }			
				 
#zoovybox   {  position: relative;
                 width: 820px;
				 border: 1px solid #7e97aa;		
				 margin: 0px;		
                 padding: 20px;
				 background-color: #5b6661;
				   }	
				 
#corebox   {  position: relative;
                 width: 820px;
				 border: 1px solid #7e97aa;		
				 margin: 20px auto;		
                 padding: 20px;
				 background-color: #5b6661;
				   }					 				 
			
img.recentwk  { margin: 0px 10px 0px 0px;
                border: 1px solid #AEC9DD; }	
				
img.pf        { border: 1px solid #90a8b9; }

img.srvicon   { border: 1px solid #90a8b9;
                float: left;
				margin: 8px 20px 10px 0px; }						

#clientbanr  { position: relative;
			   margin: 10px auto 0px auto;
			   width: 900px;
			   background-color: #6E797A;
			    }		
			   
#clientbanr2  { position: relative;
			   margin: 0px auto;
			   width: 900px;
			   background-color: #404A45;
			   height: 5px;
			    }	

			
#clientpara { width:  850px;
              padding: 10px 20px; 		
			  line-height: 160%;
			  font-family: Verdana, Helvetica, sans-serif;
			  font-size: 11px; }
										
#lgbanner  { position: relative;
			   margin: 0px auto;
			   width: 900px;
			   background-color: #6E797A;
			   padding: 8px 0px; }		
			   
#smbanner  { position: relative;
			   margin: 0px auto;
			   width: 900px;
			   background-color: #404A45;
			   height: 5px;
			    }				   	   
			
#footer   { width:  900px;
            margin: 30px auto;
			text-align: left;}
			
.info     { position: relative;
            left: 155px;  }			
			
.copy     { font-size:  10px;
            color: #8F9C9D; }		
			
.lghdr     {  padding-top: 5px;
			  color: #F4F4B4;
			  font-family: helvetica, verdana, arial, san serif;
			  font-size:  16px;
			  font-weight:  bold;	
              letter-spacing:  1px; } 
			  
.pghdr     {  padding-top: 5px;
			  color: #BED8EB;
			  font-family: helvetica, verdana, arial, san serif;
			  font-size:  16px;
			  font-weight:  bold;	
              letter-spacing:  1px; }	
			  
.svcpara    {  margin: 0px 0px 0px 136px;  }
			  
.navsection  {  font-family: helvetica, verdana, arial, san serif;
				font-size:  16px;
              	font-weight:  bold;
				letter-spacing:  1px; } 	
				
.processbox  {  border: 1px solid #BED8EB;				
                padding: 20px;
				background-color: #3f4945; }
				
.printer      {  float: right;
                 margin-left:  80px;
				 vertical-align: top;  }
				 				
								
a.ftrlink         { font-weight: bold;
			         color: #BED8EB;
			         text-decoration: none;  }
			  
a:visited.ftrlink  { font-weight: bold;
			  		  color: #BED8EB;
					  text-decoration: none;  }			  

a:hover.ftrlink   { font-weight: bold;
					 color: #F4F4B4;
					 text-decoration: underline; }
					 
a:active.ftrlink  { font-weight: bold;
			  		  color: #F4F4B4;
     	  			  text-decoration: underline;  }			  

a.pflive    { color: #BED8EB;
		 	text-decoration: underline;
			font-weight: bold;  }
			
a:hover.pflive   { color: #F4F4B4;
		 	text-decoration: underline;
		 	font-weight: bold; }		
			
a.textlink    { color: #BED8EB;
		 	text-decoration: underline;
			font-weight: normal;
			font-style: italic;  }
			
a:hover.textlink   { color: #F4F4B4;
		 	text-decoration: underline;
		 	font-weight: normal;
			font-style: italic; }	
			
a.pftextlink    { color: #F4F4B4;
		 	text-decoration: underline;
			font-weight: bold;
			font-style: italic;  }
			
a:hover.pftextlink   { color: #FFF;
		 	text-decoration: underline;
		 	font-weight: bold;
			font-style: italic; }	
			
a.pnav    { color: #BED8EB;
		 	text-decoration: none;
			font-weight: normal;
			 }
			
a:hover.pnav   { color: #F4F4B4;
		 	text-decoration: underline;
		 	font-weight: normal; }
			
a.contact    { color: #F4F4B4;
		 	text-decoration: none;
			font-weight: bold;  }
			
a:hover.contact   { color: #F4F4B4;
		 	text-decoration: underline;
		 	font-weight: bold; }		
			


/* client divs are positioned absolutely relative to their parent container.
Put the client divs first and float them right, put portfolio nav afterwards */
#wsh {  position: absolute;
        top: 10px;
		left:  325px; 
		width: 560px;
		visibility: visible;
		float: right;
	}
#sdc, #oms, #abg, #boo, #usc, #usc2, #baj, #baj2, #baj3, #dcf, #gin, #gin2, #ddc, #ddc2, #ddc3, #lht, #lht2, #lml, #sfc, #sch, #awo, #red {  position: absolute;
top: 10px;
left:  325px; 
width: 560px;
visibility: hidden;
float: right;
}