@charset "UTF-8";
/* CSS Document */

img, td {
border:none;
}

img a {
border:none;
}


body{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#444445;
}

a, a:link, a:visited{
text-decoration:none;
color:#FFFFFF;
}

a:hover{
color:#c2c2c2;
}


#header{
width:100%;
height:112px;
background-color:#FFFFFF;
}

#logo{
width:1000px;
height:112px;
margin-left:auto;
margin-right:auto;
background-image:url(images/skybg.jpg);
background-repeat:no-repeat;
}

#nav_container{
height:35px;
width:100%;
padding:0px;
margin:0px;
line-height:34px;
background-image:url(images/nav_bg.jpg);
}

#nav{
height:35px;
width:981px;
line-height:34px;
padding:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
}


#nav ul{
padding:0;
margin:0;
}

#nav li{
position: relative;
float: left;
list-style: none;
margin:0;
padding:0;
font-family:Helvetica,Arial,sans-serif;
font-size:16px;
letter-spacing:.25em;
} 

li.top {
background-image:url(images/dash.png);
background-repeat:no-repeat;
}

li#about_us a{
width:180px;
}

li#products a{
width: 180px;
}

li#how_to_buy a{
width:205px;
}

li#helpful_tools a{
width:220px;
}

li#contact_us a{
width:175px
}

#nav li a{
display: block;
text-decoration:none;
text-align: center;
} 

#nav li.top a:hover{
color:#ffffff;
background-color:#1d6430;
} 

#nav ul.second a:hover{
color:#ffffff;
background-color:#1d6430;
} 

#nav ul.third a:hover{
color:#ffffff;
background-color:#00903d;
} 

#nav ul.fourth a:hover{
color:#ffffff;
background-color:#1d6430;
} 

#nav ul ul.second{
position: absolute;
top: 35px; 
visibility: hidden;
}

#nav ul ul ul.third{
position: absolute;
left: 180px; 
top: 0px;
visibility: hidden;
}

#nav ul ul ul ul.fourth{
position: absolute;
left:180px;
top: 0px; 
visibility: hidden;
}

#nav ul li:hover ul.second{
visibility:visible;
background-color:#00903d;
} 

#nav ul li ul li:hover ul.third{
visibility:visible;
background-color:#1d6430;
} 

#nav ul li ul li ul li:hover ul.fourth{
visibility:visible;
background-color:#00903d;
} 

#nav ul li ul li{
font-size:14px;
letter-spacing:normal;
}

#nav ul li ul li ul li{
font-size:12px;
letter-spacing:normal;
}

#nav ul li ul li ul li ul li{
font-size:11px;
letter-spacing:normal;
}


#frame{
margin:auto;
width:900px;
color:#F9ECE4;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
text-align:center;
}

.content{
width:886px;
background-color:#555555;
letter-spacing:.045em;
line-height:1.23em;
padding:7px;
}

.content_port{
width:886px;
background-color:#555555;
background-image:url(images/portbassett_bg.jpg);
letter-spacing:.045em;
line-height:1.23em;
min-height:590px;
}

.port_left{
background:none;
width:415px;
float:left;
text-align:left;
margin:auto;
min-height:200px;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:7px;
}

.port_full{
background:none;
width:766px;
float:left;
text-align:left;
font-size:20px;
margin:auto;
min-height:200px;
padding-top:15px;
padding-bottom:15px;
padding-left:100px;
padding-right:7px;
}

.port_full img {
margin:0px;
padding:0px;
border:0px;

}

.port_full a {
color:#ffffff;
}

.port_full a:hover {
color:#000000;
}

.port_right{
width:427px;
float:left;
text-align:left;
margin:auto;
min-height:200px;
padding-top:15px;
padding-bottom:15px;
padding-left:7px;
padding-right:15px;
}

.content_text{
margin-left:25px;
margin-right:25px;
margin-top:auto;
margin-bottom:auto;
}

.content_text ul{
padding-left:15px;
margin-left:auto;
margin-right:auto;
}




a.loginlink, a.loginlink:link, a.loginlink:visited{
text-decoration:underline;
color:#880000;
background-color: transparent;
border-color: #880000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
text-decoration: none;
}

a.loginlink:hover{
color:#440000;
}

a.text, a.text:link, a.text:visited{
text-decoration:underline;
color:#AAAAAA;
background-color: transparent;
border-color: #ffffff;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
text-decoration: none;
}

a.text:hover{
color:#ffffff;
}


form{
padding-left:215px;
}

form label{
  display: block;
  float: left;
  text-align: right;
  width: 6em;
}

input,select,textarea{
display:block;
margin-bottom:.5em;
float:left;
}


#footer{
color:#F9ECE4;
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
letter-spacing:.1em;
width:885px;
height:111px;
vertical-align:bottom;
background-image:url(images/big_diff_bg_sm.png);
background-repeat:no-repeat;
background-position:right;
margin-left:auto;
margin-right:auto;

}


#footer_text{
text-align:center;
}

.about_text{
width:275px;
float:left;
padding:7px;
}

.before_after{
width:400px;
float:left;
padding:7px;
}

.subhead{
float:right;
text-align:right;
padding-top:28px;
letter-spacing:.25em;
}

.content ul{
width:600px;
text-align:left;
}

.logo_band{
background-color:#FFFFFF;
width:886px
}

#index_text{
width:542px;
margin:auto;
}

/*homepage revisions*/

.homepage_top{
width:395px;
text-align:left;
float:left;
}

.homepage_top2{
width:395px;
text-align:left;
float:right;
}

.icon_left{
float:left;
text-align:right;
margin-left:20px;
}

.icon_right{
text-align:left;
float:right;
}

h2{
line-height:85%;
margin-top:-7px;
}

#login{
width:250px;
height:80px;
float:right;
margin-right:25px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:center;
border:solid;
border-width:1px;
border-color:#AAAAAA;
font-family:Helvetica,Arial,sans-serif;
font-size:small;
letter-spacing:.1em;
color:#000000;
}

form.contractor{
padding-left:16px;
}

form.contractor input{
color:#888888;
border: 1px solid #666666;
width:105px;
background-color: #ffffff;
font-family: "Trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size: 11px;
text-align: left;
line-height: normal;
}

input.hide{
display:none;
}

.link {
color:#c40017;
text-decoration:underline;
}

#contractorlog {
color:#000000;
}

#contractorlog a {
color:#000000;
border:none;
}

#contractorlog a:hover {
color:#972c2b;
border:0px;
}

#login2 {
text-align:left;
float:left;
width:250px;
margin-left:-200px;
}