 
/*  GLOBALS  */

 img, div { behavior: url(css/iepngfix.htc) }
 


html {
overflow-y: scroll;   /* forces firefox scrollbar on */
padding-bottom: 20px;
}

body {
font-size: 80%;
margin: 0em auto;
padding: 0em;
font-family: arial, sans-serif;  
background: #ffffff url(../images/back_page.gif) 0 0 repeat-x; 
color: #31384A;
}

h1 {
font-size: 2.3em; 
font-weight: normal;
color: #b6b6b6;
font-family: tahoma, arial, sans-serif;  
margin:0px 0px 25px 0px;
padding: 0 0 8px 0;
background: url(../images/line_h1.gif) 0 100%  no-repeat;
}

h2 {
font-size: 1.7em; 
font-family: tahoma, arial, sans-serif;  
font-weight: normal;
color: #006a4e;
margin:0px 0px 25px 0px;
padding: 0 0 8px 0;
background: url(../images/line_h1.gif) 0 100%  no-repeat;
}

h3 {
font-size:16px;
font-family: tahoma, arial, sans-serif;  
color: #7e7448;
margin:0px 0px 10px 0px;
text-transform: uppercase;
background: #ffffff url(../images/back_header.gif) -4px 0 repeat-x; 
padding: 3px 3px 2px 5px;
font-weight:normal;
}

h4 {
font-size: 1.4em; 
font-family: tahoma, arial, sans-serif;  
font-weight: normal;
color: #006a4e;
margin: 10px 0px 5px 0px;
padding: 0 0 2px 0;
border-bottom: 1px dotted #a7a7a7;
}

 

p {
font-size: 1em;
line-height:19px;
margin: 5px 0px 15px 0px;
}

a {
color:#006a4e;
text-decoration: none;
outline: none; 
}
a:hover {
color:#002e22;
text-decoration: underline;
}

TABLE{
border-collapse: collapse;
} 

IMG{
border: 0px;
}


/*  CONTAINER CSS */

div.container{ 
width: 898px; 
margin: 0em auto;
background: url(../images/back_white.png)  0 0 repeat-y; 
padding: 0 0 0 8px; 
} 

div.container-bottom{
width: 898px;
margin: 0em auto;
background:  url(../images/back_white_foot.png) 0 0 no-repeat; 
height: 65px; 
padding: 0 0 0 8px; 
}

/*  HEADER  */

div.header{
background:  #ffffff url(../images/back_header.png) 0 0 no-repeat; 
width: 890px;
height: 73px;
padding: 12px 0 0 0; 
}
 
 
div.header img.logo{  
width: 244px;
height: 63px;
margin: 5px 0 0 35px;
float:left; 
} 
div.header img.perform{   
width: 91px;  
height: 46px;
margin: 0 0 0 10px;  
float:left; 
} 

div.header div.tagline{  
float: left;
padding: 27px 0 0 50px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #959ca1; 
font-style: italic;
}

div.header img.subbrand{  
width: 186px;
height: 41px;
margin:  14px 20px 0 0;
float:right; 
}
 


/*  PRIMARY NAV  */ 
div.nav {
background: #008a5f url(../images/nav_sprite.gif) 0 0 repeat-x;
width: 890px;  
height: 40px; 
} 

div.nav ul {   
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
height: 40px;
}

div.nav li {
float: left;
white-space: nowrap;
margin-bottom: -10px;
} 
/*div.nav li.right {
border-right: 1px solid #6d7882;
} */

div.nav li a {
background: url(../images/nav_sprite.gif) 0 0 repeat-x; 
height: 28px;
color: #FFFFFF;
border-right: 1px solid #008a5f;
border-left: 1px solid #008a5f;
text-decoration: none;
font-size: 15px;
font-weight: bold; 
display: block;
position: relative;
padding: 12px 18px 0px 17px;
float: left;
}
 
.gecko div.nav li a {
padding: 12px 17px 0px 17px;
}


div.nav li a:hover {
background-position: 0 -40px;
color: #FFFFFF;
text-decoration: none;
}

div.nav li a.on,
div.nav li a.on:hover {
background-position: 0 -40px;
color: #000000;
border-right: 1px solid #192026;
border-left: 1px solid #6d7882;
}
 
 

/*   BREAD CRUMBS  */ 
div.breadcrumb{  
width: 840px; 
margin: 8px 0 10px 30px;
background-color: #ffffff;
color: #7a7a7a;
font-size: .8em;
}
div.breadcrumb A { 
color: #7a7a7a;
padding: 0 4px 0 2px;
}








	
/*    side nav        */ 

div.side-nav{
width: 203px;
float:left;
}

div.side-nav div.side-header{
width: 203px;
height: 28px;
background: #008a5f;
color: #e9e8e8;
text-align: center;
font-size: 1.4em;
text-transform: uppercase;
padding-top: 25px;
}
 

div.side-nav UL {
PADDING: 0 0 0 0; 
MARGIN: 0 0 0 0;  
LIST-STYLE-TYPE: none;
}
div.side-nav LI {
PADDING: 0 0 0 0; 
MARGIN: 0 0 0 0;   
} 
div.side-nav A {
background:  #f4f4f3 url(../images/side-nav_back.gif) 0px 0px  no-repeat;   
font-size: 12px;
font-weight: bold;
color: #006a4e;
padding: 10px 7px 0px 30px;
height: 26px;
MARGIN: 0 0 0 0; 
display: block; 
}
div.side-nav a.two {
padding: 4px 7px 6px 30px;
line-height: 14px;
 }

div.side-nav A:hover,  div.side-nav A.s-on{
background:  #f4f4f3 url(../images/side-nav_back.gif) 0px -36px  no-repeat; 
text-decoration: none;
color: #525f44; 
}

 
div.side-nav ul.sub A {
background:  #f4f4f3 url(../images/side-nav_back-sub.gif) 0px 0px  no-repeat;   
font-size: 12px;
color: #006a4e;
padding: 10px 0px 0px 50px;
height: 26px;
MARGIN: 0 0 0 0; 
display: block; 
}
 
div.side-nav ul.sub A:hover,  div.side-nav ul.sub  A.sub-on{
background:  #f4f4f3 url(../images/side-nav_back-sub.gif) 0px -36px  no-repeat; 
text-decoration: none;
color: #525f44;  
}



div.side-nav A.estimate {
background:  url(../images/spacer.gif) 0 0  no-repeat; 
padding: 0px 0 0px 0px;
margin: 40px 0 100px 20px;
display: block;   
} 


/*  FOOTER  */

div.footer { 
width: 842px;
margin: 0 0 0 23px;
font-size: 11px;
color: #7a7a7a;
padding-top: 15px;
}
div.footer div.links{ 
float: left;
}


div.footer A { 
color: #7a7a7a;
padding: 0 5px 0 2px;
}

div.footer div.links IMG{ 
padding: 24px 15px 0 10px;
}
 
div.footer div.phone{ 
float: right;
text-align: right;
line-height: 15px;
}
div.footer div.phone SPAN{ 
color: #00694d;
font-size: 19px;
line-height: 24px;
}
div.footer div.copyright{ 
clear: both;
font-size: .7em;
padding: 0 0 0 10px;
}
 
 


/*   CONTENT   */ 
div.content{
border: 1px solid #cccccc; 
background:  #ffffff url(../images/back_content.gif) 0px 0px repeat-y; 
margin:0px auto;
width: 835px;  
}

div.content div.main{  
float: right;
width: 530px;
margin: 20px 48px 20px 35px;
}

div.content div.main div.pics{  
float: right;
padding: 0 0 10px 20px;
}
div.content div.main div.pics IMG{  
background-color: #ffffff;
padding: 1px;
border: 1px solid #666666; 
}
 
div.content div.right{  
float: right; 
width: 175px; 
padding-left: 20px;
border-left: 1px solid #7e7448; 
font-size: .88em;
}
 
div.clear{  
clear: both;
} 

ul.arrow { 
list-style-type: none;
}

ul.arrow LI{   
background: url(../images/arrow_gold.gif) 0 6px  no-repeat; 
padding: 0 0 0 20px;
line-height: 1.8em;
}

.teal { 
color: #1c7f99;
}

a.button-grey{   
background: url(../images/button_sprite_grey.gif) 0 0px  no-repeat; 
height: 22px;
width: 121px;
font-size: 12px;
text-decoration: none;
font-weight: bold; 
display: block; 
text-align: center;
padding: 8px 0px 0px 0px;
margin: 10px 0 10px 0;
} 
a.button-grey:hover {
background-position: 0 -30px; 
text-decoration: none;
}

a.button-green{   
background: url(../images/button_sprite_green.gif) 0 0px  no-repeat; 
height: 22px;
width: 121px;
font-size: 12px;
text-decoration: none;
font-weight: bold; 
display: block; 
text-align: center;
padding: 8px 0px 0px 0px;
margin: 10px 0 10px 0;
} 
a.button-green:hover {
background-position: 0 -30px; 
text-decoration: none;
}

	p.testimonials{	
	margin-top:0px; margin-bottom:40px; font-style:italic; text-align:right}
	
