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

	body{
	 background : #161616  url(images/bg.jpg) no-repeat top center;
	 height:100%;
	 margin:0px;
	 padding:0px;
	}
	
	body, tr, td { 
	 font:small/150% Tahoma, Arial, Verdana, Helvetica, sans-serif;
	 color: #c2c2c2;	 
	}
	
       .printonly {
         display:none;
       }
   	

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

	h1 { 
	   font-size: 140%;
	   line-height: 110%;
	   color: #ffffff;	 
	   margin: 30px 0px 16px 0px;	
	   padding: 0px;
	   text-transform: uppercase;
	}
	
	h2 {
	   color: #ffffff;	
	   font-size: 100%;	    	   
	   margin: 14px 0px 6px 0px;
	   padding: 0px;	   
	   text-transform: uppercase;	 
	   letter-spacing: 1px;
	   font-weight: normal;	 	   	   
	}
	
	h3 {
	   color: #ffffff;	
	   font-size: 95%;	    	   
	   margin: 30px 0px 0px 0px;
	   padding: 0px 0px 4px 0px;
	   text-transform: uppercase;
	   font-weight: normal;
	   letter-spacing: 1px;
	   /*border-bottom: 1px solid #000000;*/
	   line-height: 120%;	   
	}
	
	h4 { 
	   font-size: 90%;	    
	   color: #ffffff;	   
	   margin: 8px 0px 0px 0px;
	   padding: 0px;
	   text-transform: uppercase;
	   line-height: 135%;	 
	   letter-spacing: 1px;
	   font-weight: normal;	   
	}
	
	p {
	   margin: 4px 0px 18px 0px;
	   padding: 0px;
	   font-size: 11px;
	   line-height: 155%;
	}
	
	.subtitle {
	   color: #ffffff;
	   padding-right: 4px;	   
	   font-weight: normal; 
	   text-transform: uppercase;
	   letter-spacing: 1px;		   	   
	}
	
	p.action {
	   border-top: 1px dotted #2A2A2A;
	   color: #807F7F;	   
	   padding: 18px 0px;
	   margin: 0px;
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   text-size: 95%;
	}	
	
	p.action a {
	   color: #66B2D6;	
	   text-decoration: none;
	}	
	
	p.action a:hover,
	p.action a.visited:hover {
	   text-decoration: none;
	   color: #66B2D6;
	}	
	
	p.top {
	   margin: 0px;
	   text-align: right;
	}
	
	p.top a,
	p.action a:hover,
	p.action a.visited {
	   text-decoration: none;
	}	
	
	p.months a,
	p.months a:hover,
	p.months a.visited  {
	   padding: 0px 2px;
	   text-transform: uppercase;
	   font-size: 10px;
	   text-decoration: none;	   
	}
	
	p.checklist {
	   background: url(images/checkbox.gif) no-repeat left 6px;
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   font-size: 85%;
	   color: #66B2D6;
	   font-weight: normal;
	   margin: 0px 0px 12px 0px;
	   padding: 0px 0px 0px 14px;
	   /* font-weight: bold;
	   color: #ffffff; */
	}	
	
	small {
	   font-size: 85%;
	   line-height: 95%;
	}   
	
	sup {
	   font-size: 80%;
	   line-height: 80%;
	   padding: -4px 0px 0px 0px;
	   margin: -4px 0px 0px 0px;	   
	} 
	
	img.border {
	   float:right;	
	   padding: 12px;
	   margin: 0px 0px 24px 24px;
	   border: 1px solid #e1e1e1;
	}	
	
	img.left {
	   float: left;	
	   padding: 0px;
	   margin: 0px 18px 12px 0px;
	}
	
	img.right {
	   float: right;	
	   padding: 0px;
	   margin: 0px 0px 12px 18px;
	}
	
	img.quad {	
	   padding: 0px;
	   margin: 0px 10px 10px 0px ;
	   border: 1px solid #000000;
	}	
	
	a img.quad:hover {	
	   border: 1px solid #ffffff;
	}		
	
	hr{ 
	   border-top: 1px dotted #2A2A2A;
	   color: #2A2A2A;
	   height: 1px;
           clear: both;	   
	   margin: 4px 0px 8px 0px;
	   padding: 0px;
	}
	
	ul.listLinks li a,
	ul.listLinks li a:link,
	ul.listLinks li a:visited {
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   font-size: 95%;
	   color: #66B2D6;
	   text-decoration: none;
	}
	
	ul.listLinks li a:hover	{
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   font-size: 95%;
	   color: #66B2D6;
	   text-decoration: underline;	   
	}	
	
	
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       #baseContent ul, #baseContentWide ul {
	 list-style-position: outside;
	 list-style-type: square;
	 margin: 4px 0px 18px 14px;
	 padding: 0px; 
	 font-size: 11px; 	 
       }       
       
       ul li{
         margin: 0px;
         padding: 0px 0px 4px 0px;        
       }
       
       #baseContent ol, #baseContentWide ol{
	 margin: 4px 0px 18px 0px;
	 padding: 0px 0px 0px 14px; 
	 font-size: 11px;	 
       }       
       
       ol li{
         margin:0px 0px 0px 14px;
         padding:0px;
         line-height:130%;         
       }       
     	
       ul#columns {       
	   list-style-position: outside;
	   list-style-type: none;
	   list-style-image: none;
	   margin: 0px;
  	   padding: 0px;
  	   width: 265px;
	}
	
       ul#columns li {
	   width: 51px;
	   float: left;	   
	   clear:none;
	   margin: 0px;
  	   padding: 0px 2px 24px 0px;
	   text-align: center;  	   
	}
	
       ul#columns li img{
	   margin: 0px;
	   padding: 0px;
	   display: block;
	   border: 1px solid #000000;
	   width: 50px;
	   height: 61px;
	}
	
       ul#columns li img:hover{
	   border: 1px solid #ffffff;
	}	
        
       ul#columns li span.name {
	   font-weight: normal;
	   font-size: 80%; 
	   text-transform: uppercase;
	   letter-spacing: 1px;	   
       }
       
       ul#columns li a {
	   text-decoration: none;
	   color: #7D7C7C;
       }         
       
       ul#columns li a:hover {
	   text-decoration: none;
	   color: #66B2D6;
       }      
       
       
       div.birdlist {  
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;       
	}
	
       div#birdcolumn1 {  
	   width: 209px;
	   clear:none;
	   margin: 0px;
	   padding: 0px 10px 0px 0px;	   
	}
	
       div#birdcolumn2 {  
	   width: 220px;
	   clear:none;
	   margin: 0px;
	   padding: 0px;	   
	}
	
       div.birdlist ul li {  
         padding: 0px 0px 2px 0px; 
         margin: 0px;
         line-height: 135%;
	}	
        
       div.email {
       	   background: url(images/btn_email.gif) no-repeat top left;     
       	   text-transform: uppercase;
       	   height: 23px;
       	   width: 120px;
       	   text-align: center;
           padding: 3px 0px 18px 0px;
       	   margin: 0px; 
       	   float: right;
      	   font-size: 85%;
	   letter-spacing: 1px;	      	   
       }
       
       div.email a,
       div.email a:hover {
       	   color: #FFFFFF;
       	   text-decoration: none;
       	   padding: 6px 0px 0px 0px;
       	   margin: 0px;
       } 
       
       div.email:hover {
       	   background: url(images/btn_email-over.gif) no-repeat top left;     
       }         
       	           
      
  /**/

		
	
	
/* LINKS: =links
----------------------------------------------- */
	
	a { 	    
	   color: #7D7C7C; 
	   text-decoration: underline;
	}
	
	a:hover	{ 
	   color: #66B2D6;
	   text-decoration: underline;	   
	}
	
	a:visited { 
	   color: #7D7C7C;
	   text-decoration: none;
	}	
	
	a img { 
	   border: none; 
	}  
		
/* CONTAINER: =Wrap
----------------------------------------------- */
	div.container {
	 width: 790px; 
	 margin: 0px auto 0px auto;
	 padding: 0px;
	 position: relative;
	 /*border: 1px solid red;*/
	}
	
	.parentWrap{
	   position:relative;
	   width: 764px;
	   margin: 20px 0px 0px 5px;
	   padding: 0px;
	   background: #171717 url(images/bg-inner.jpg) no-repeat top center;
	   border: 1px solid #000000;	   	   	   
	} 	

	/* 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;
	}		
		
		
/* HEADER BAR: =header
----------------------------------------------- */
			
	div.header { 
	   height: 115px;
	   width: 771px;
	   margin: 0px;	
	   padding: 0px;	   
	}
	
	div.header h1{ 
	   position: absolute; 
	   top: 0px; 
	   left: 0px; 
	   font-size: 160%;
	   padding: 0px;
	   margin: 0px;
	 }
	 
	div.header h1 img{ 
	   position: absolute; 
	   top: 0px; 
	   left: 0px;  
	   height: 115px;
	   width: 771px; 	   
	 }
	 
	div.header h1 span{ 
	   padding: 0px;
	   margin: 20px 0px 0px 14px; 
	   clear: both;
	   display: block;
	   color: #221E1F;	   
	 }	 
	 
	div.header h1 a, 
	div.header h1 a:link,
	div.header h1 a:visited,
	div.header h1 a:hover { 
	   color: #221E1F; 	   
	 }	 
	 	 

/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
				
/* FULL CONTENT (no right or left column): =fullContent	
----------------------------------------------- */
	#fullContent {
	   width:790px;
	   margin: 0px;	   
	   padding: 0px;
	   clear:none;		   
	}
	
/* TEMPLATE ONE:	
----------------------------------------------- */	
	
	#baseContent {
	   width:385px;
	   margin: 0px;	   
	   padding: 0px 27px 12px 35px;	
	   clear:none;
	   border-right: solid 1px #2A2A2A;
	}	

	div#rightColumn { 
	   margin: 0px;
	   padding: 0px 25px 12px 25px;	
	   width: 264px;
	   clear:none;
	}
	
	
/* TEMPLATE TWO: 	
----------------------------------------------- */

	#baseContentWide {
	   width:439px;
	   margin: 0px;	   
	   padding: 0px 27px 12px 35px;	
	   clear:none;
	   border-right: solid 1px #2A2A2A;
	}	

	div#rightColumnSm { 
	   margin: 0px;
	   padding: 0px 25px 12px 25px;	
	   width: 210px;
	   clear:none;
	}
        
                     		               
       
/* NAVIGATION: =nav
----------------------------------------------- */
	div#navbox { 
	  width: 799px;
	  height: 52px;	         
	  line-height:normal;
	  margin: 10px 0px 0px 0px;
	  padding: 0px 0px 0px 5px;
	  clear: both; 
	  /*overflow: hidden;*/
	}

	#navbox ul { 
	  line-height:normal;
	  margin: 0px;
	  padding: 0px; 
	  list-style-type: none;
	  list-style:none;
	  float: left;   	  
	}

	#navbox li{      
	  float:left;
	  /*position: relative;*/
	  margin: 0px 27px 0px 0px; 
	  padding: 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;
	}

	#navbox a {
	  font-size: 14px;
	  float:left; 
	  display:block; 
   	  margin: 0px;
	  padding: 0px; 
	  text-decoration:none; 
	  color: #545353;
	  font-weight: normal;
   	  height: 52px;
	  width:171px;    	  
	  /* white-space: nowrap; */  	  
	}

	#navbox > ul a{ width:auto; }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navbox a { float:none; }
	/* End IE5-Mac hack */

	#navbox a:hover,
	#navbox a:link:hover,
	#navbox a:visited:hover { 
	   padding: 0px; 
	   color: #000000;	   
	}


/* NAVIGATION: =nav
----------------------------------------------- */
	#navbox a {
   	  height: 52px;
	}	
	

/* DROP DOWN SUBNAVIGATION: =subNavigation
----------------------------------------------- */

	ul#navigation li ul {
	   padding: 0px;
	   margin: 0px;
	}

	ul#navigation li li{
	   display: block;
	   float:left;
	   background: none;
	   padding: 0px;
	   margin: 0px;
	   width: auto;
	   list-style-image: none;
	   list-style-type: none;
	   list-style:none;	   
	}

	ul#navigation li li a,  
	ul#navigation li li a:link,
	ul#navigation li li a:visited	{	   
	   border-top: 0px;	   
	   background-color: #0F0E0C;
	   background-image: none;
	   display: block;
	   color: #FDFAFA;	   
	   padding: 5px 15px;
	   margin: 0px;
	   width: 141px;
	   font-size: 95%;
	   font-weight: normal;
	   height: 16px;
	   text-align: center;
	}

	ul#navigation li li a:hover,
	ul#navigation li li a:link:hover,
	ul#navigation li li a:visited:hover {
	   background-color: #063B4D;
	   background-image: none;
	   color: #ffffff;	   
	   padding: 5px 15px;
	   margin: 0px;
	   width: 141px;
	   font-size: 95%;
	   font-weight: normal;
	   border-top: 0px;
	   height: 16px;		   
	}

	ul#navigation li ul { /* second-level lists */
	   background-color:#0F0E0C;
	   background-image: none;
	   display: none;
	   position: absolute;
	   top:  0px;
	   left: 0px;
	   z-index: 8;
	   clear:both;
	   width:171px;
	   margin: 0px;
	   padding: 0px;
	   border-bottom: 3px solid #0F0E0C;
	}
	

	ul#navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	   top: auto;
	   left: auto;
	}

	ul#navigation li:hover ul, 
	ul#navigation li.over ul { /* lists nested under hovered list items */
	   display: block;
	}		


	
/* RIGHT COLUMN LISTED SUBNAVIGATION: =subNav
----------------------------------------------- */
	

	#subnav ul { 
	  line-height:normal;
	  margin: 0px 0px 45px 0px;
	  padding: 0px; 
	  list-style-type: none;
	  list-style:none;
	  border-bottom: 1px solid #242321;
	  width: 210px;
	}

	#subnav li{       
	  margin: 0px; 
	  padding: 8px 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;
	  border-top: 1px solid #242321;
	}

	#subnav li a {  
	  padding: 0px; 
	  text-decoration:none; 
	  white-space: nowrap; 
	  color: #ffffff;
	  font-weight: normal;
	  font-size: 12px;	  
   	  margin: 0px;
	}
	
	#subnav li a:hover {   
	 color: #B3B2B1;
	}
	
	#subnav li#subactive a {   
	  font-weight: bold;
	  color: #ffffff;	  
	}	
	
	
	
/* FOOTER: =footer
----------------------------------------------- */
	div#footer { 
	   background: url(images/footerbg.png) repeat-x left top;
	   width: 775px;
	   margin: 0px; 
	   padding: 0px;
    	   float:left;
    	   display:inline;
    	   clear:both;			   
	}
	      
	
	#footer div#footerInfo { 
	   width: 775px;
	   margin: 0px; 
	   padding: 20px 0px 0px 0px; 
	   color: #F1DEDB;	   
	}	
	
	div#footerInfo p { 
	   padding: 0px;
	   margin: 0px;
	   font-size: 92%;
	   line-height: 145%;
 	   text-align: center;	   
	}
	
	#footerInfo p a {  
	   font-weight: normal;
	}
	
	div#footerInfo p.copyright { 
	   color: #999B99;
	   font-size: 85%;
	   padding: 10px 0px 14px 0px;	   
	}
	
	div#footerInfo img { 
	   border: 0px;	   
	}	
	
	a.credit, a:visited.credit, a:link.credit {  
	   font-weight: normal;
	   padding: 0px;
	   color: #505050;
	   text-decoration: none;	   
	}
	
	a:hover.credit {  
	   color: #666C66;
	   text-decoration: none;
	}
	
	span.creditText {
	   color: #505050;	
	}
	

/* FORM: =form
----------------------------------------------- */
   	
	form {
	    margin: 0px;
	    padding: 0px;
	}
	
	fieldset {
	    padding: 10px;
	    margin: 10px 0px;
	    border: 1px solid #2A2A2A;
	}
	
	form p{
	    margin: 0px;
	    padding:  3px 10px;
	}	

	legend {
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   font-size: 90%;
	   color: #66B2D6;
	   font-weight: normal;
	   padding: 0px 3px 8px 3px;
	   margin: 0px;
	}

	label {
	   width: 110px;
	   padding: 0px;
	   margin: 0px 4px 0px 0px;
	   text-align: right;
	   float: left;
	} 

	.required { 
	   color: #52C4EF; 
	}

	input {
	   text-align: left;
	   margin: 0px 2px;
	   color: #323232;
	}
	
	select {
	   text-align: left;
	   margin: 0px 2px 0px 2px;
	   color: #323232;	   
	}	

	input.submit {
	   text-align: center;
	   float: right;
	   color: #323232;	   
	}

	textarea { 
	   text-align: left;
	   margin: 0px;
	   padding: 0px;  
	   color: #323232;
	   width: 460px;
	}


/* 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 */


/* HOMEPAGE
----------------------------------------------- */	

	.parentWrapHome{
	   position:relative;
	   width: 799px;
	   margin: 20px 0px 0px 0px;
	   padding: 0px;   
	} 	

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

	.parentWrapHome:after {
	   content: "."; 
	   display: block; 
	   height: 0; 
	   clear: both; 
	   visibility: hidden;
	}
	
	div#homeflash {
	  margin: 0px;
	  padding: 0px;
	  width: 775px;
	}
	
	div#homeflash p{
	  text-align: center;
	}	
	
	div#homeflash img{
	  border: 0px;
	}	
	
/* WHAT WE DO
----------------------------------------------- */	

	div.products {
	   margin: 0px;
	   padding: 0px;
	   clear: both;
	}

	div#productImagesDesign,
	div#productContentDesign,
	div#productImagesConst,
	div#productContentConst,
	div#productImagesMaint,
	div#productContentMaint {
	   float: left;
	   margin: 0px;
	   padding: 0px;
	   clear: none;
	}

	div#productImagesDesign,
	div#productImagesConst,
	div#productImagesMaint {	
	   width: 100px;	
	}
	
	div#productImagesDesign img,
	div#productImagesConst img,
	div#productImagesMaint img {	
	   border: 1px solid #000000;	
	}
	
       div#productImagesDesign img:hover,
       div#productImagesConst img:hover,
       div#productImagesMaint img:hover{
	   border: 1px solid #ffffff;
	}	
	
	div#productContentDesign,
	div#productContentConst,
	div#productContentMaint {	
	   width: 339px;
	   padding: 0px 0px 20px 0px;	   
	}
		
	div#productContentDesign p,
	div#productContentConst p,
	div#productContentMaint p {	
	   margin: 0px;
	   padding: 0px;
	}
	
	a.readmore {
	   padding-left: 4px;
	}
	
	table.how td {
	   font-size: 11px;
	}
	
	table.how td,
	table.how th {
	   padding: 8px 5px 0px 0px;
	}
	
	table.how th {
	   text-align: right;
	   text-transform: uppercase;
	   letter-spacing: 1px;
	   font-size: 90%;
	   color: #66B2D6;
	   font-weight: normal;
	}
	
	
	table#goalsForm {
	   width: 460px;
	   padding: 0px;
	   margin: 0px 10px;
	}
	
	table#goalsForm tr.even {
	   background: #232222;
	}	
		
	table#goalsForm td {
	   font-size: 11px;
	}
		
	table#goalsForm td {
	   padding: 2px 5px 0px 0px;
	   margin: 0px;	   
	}



/* BLOG from Google */

div.blogContent {
   margin: 4px 0px 18px 0px;
   padding: 0px;
   font-size: 11px;
   line-height: 155%;
   clear:both;
}

.gfg-title {
  display:none;
}

.gfg-root {

}

.gfg-title a {

}

.gfg-subtitle {

}

.gfg-subtitle a {

}

.gfg-entry {

}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {

}

.gfg-list {
  display:none;
}

.gfg-listentry {
  display:none;
}

.gfg-listentry-odd {

}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 

}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
	   font-size: 100%;	    
	   color: #ffffff;	   
	   margin: 8px 0px;
	   padding: 0px;
	   text-transform: uppercase;
	   line-height: 135%;	 
	   letter-spacing: 1px;
	   font-weight: normal;
}

.gfg-root .gfg-entry .gf-result .gf-title a,
.gfg-root .gfg-entry .gf-result .gf-title a:visited{
	   color: #ffffff;
	   text-decoration: none;
}

.gfg-root .gfg-entry .gf-result .gf-title a:hover {
	   color: #66B2D6;
	   text-decoration: none;	   
}

.gfg-root .gfg-entry .gf-result .gf-snippet {

}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {

}

.gfg-horizontal-root {

}

.gfg-horizontal-root .gfg-title {
	
}

.gfg-horizontal-root .gfg-title a {

}

.gfg-horizontal-root .gfg-entry {

}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {

}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {

}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {

}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {

}

.gfg-branding {

}

.gfg-collapse-open, .gfg-collapse-closed {

}

.gfg-collapse-open {

}

.gfg-collapse-closed {

}

.gfg-collapse-href {

}

.clearFloat {

}