/* CSS Document */

* {margin:0px; padding:0px;font-family:Geneva, Arial, Helvetica, sans-serif;}


body {
margin:0px;
padding:0px;
background-image:url(images/mainback.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

.greybkgd {
background-color:#666666;
}

#wrapper {
width:800px;
height:auto;
padding:0px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}

#title {
width:800px;
height:170px;
margin:0px;
padding:0px;
}

/*------------------------------Navigation Settings DamnDropDowns----------------------------------*/


#nav{
width:800px;
height:27px;
padding:0px 0px 0px 20px;
margin:0px;
list-style-type:none;
background-image:url(images/navbar.jpg);
background-repeat:no-repeat;
}
#nav a {
display:block;
}
#nav a{
color:#333333;
font-size:15px;
text-decoration:none;
text-align:center;
padding: 3px 0px 0px 0px;
}
#nav a:link:hover {
color:#111111;
}
#nav a:visited {
color:#333333;
}
#nav a:hover:visited {
color:#111111;
}

#nav li {
float:left;
list-style-type:none;
width:188px;
height:27px;
text-align:center;
}

#nav1drop li{
display:block;
float:none;
width:186px;
height:auto;
background-color:#FFCC00;
border:1px solid #666666;
margin:0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}
#nav2drop li{
display:block;
float:none;
width:187px;
height:auto;
background-color:#FFCC00;
border:1px solid #666666;
margin:0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}
#nav3drop li{
display:block;
float:none;
width:228px;
height:auto;
background-color:#FFCC00;
border:1px solid #666666;
margin:0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}

#nav li ul {position: absolute; width:auto;left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#nav1drop li a, #nav2drop li a, #nav3drop li a{
color:#333333;
font-size:13px;
text-decoration:none;
text-align:center;
}
#nav1drop li a:link:hover, #nav2drop li a:link:hover, #nav3drop li a:link:hover {
color:#111111;
}
#nav1drop li a:link:visited, #nav2drop li a:link:visited, #nav3drop li a:link:visited {
color:#333333;
}
#nav1drop li a:hover:visited, #nav2drop li a:hover:visited, #nav3drop li a:hover:visited {
color:#111111;
}


/*------------------------------Image Bar Settings----------------------------------*/

#imagebar {
clear:both;
width:800px;
height:197px;
background-image:url(images/imagebar.jpg);
background-repeat:no-repeat;
margin:2px 0px 0px 0px;
}

/*------------------------------Front Page Settings----------------------------------*/

#frontcontent {
clear:both;
width:690px;
height:404px;
background-color:#FFFFFF;
padding:35px;
margin:0px;
margin-left:auto;
margin-right:auto;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #FFCC00;
}

#left {
float:left;
width:430px;
height:400px;
margin:0px;
padding:0px;
padding-top:10px;
font-size:16px;
color:#333333;
}
#left span {
display:inline;
color:#CC9900;
font-weight:700;
}

#chart {
width:430px;
height:262px;
background-image:url(images/roofchart.gif);
background-repeat:no-repeat;
margin-top:40px;
}

#right {
float:right;
width:208px;
height:360px;
background-color:#333333;
margin:0px;
padding:0px;
padding-top:10px;
border:1px solid #000000;
}

#cert {
width:208px;
height:185px;
background-image:url(images/statecert.jpg);
background-repeat:no-repeat;
}

#infoFront {
padding:15px;
line-height:28px;
}

#right p {
font-size:24px;
color:#CCCCCC;
}
#right h4 {
color:#FFCC00;
font-variant:small-caps;
}
#right span {
display:block;
color:#FFCC00;
font-size:16px;
}

/*------------------------------Alternate Content Settings----------------------------------*/


#altcontent {
clear:both;
float:left;
display:inline;
width:100%;
height:100%;
background-color:#FFFFFF;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #FFCC00;
}


/*------------------------------Why We...Page Formating-----------------------------------*/

#whyimagebar {
clear:both;
margin:2px 0px 0px 0px;
width:800px;
height:197px;
background-image:url(images/whyimage.jpg);
background-repeat:no-repeat;
}
#whycontent {
display:block;
height:260px;
width:auto;
font-size:14px;
color:#333333;
background-color:#FFFFFF;
line-height:1.5em;
margin:10px 20px 10px 20px;
padding:30px 20px 20px 20px;
}
#good {
float:left;
width:90px;
height:194px;
background-image:url(images/good_roof.jpg);
background-repeat:no-repeat;
padding: 0px 0px 0px 15px;
}

#whydesc {
float:left;
width:400px;
height:auto;
padding: 25px 0px 15px 25px;
margin: 0px 0px 0px 20px;
}
#whydesc h2 {
color:#CC9900;
font-weight:700;
font-size:16px;
display:inline;
}
#whydesc p {
color:#333333;
font-size:16px;
}

#bad {
float:right;
width:90px;
height:194px;
background-image:url(images/bad_roof.jpg);
background-repeat:no-repeat;
padding: 0px 0px 0px 15px;
}

#infowhy {
clear:both;
width:610px;
padding: 35px 20px 20px 0px;
font-size:14px;
color:#333333;
}

#infowhy h4 {
display:inline;
font-size:14px;
}

#infowhy p {
display:inline;
font-size:14px;
}
#infowhy span {
color:#333333;
font-size:14px;
}

/*------------------------------BeforeAfter...Page Formating-----------------------------------*/
#examplepage {
clear:both;
float:left;
display:inline;
width:100%;
height:100%;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
border-bottom:1px solid #FFCC00;
}

#flatimg {
background-image:url(images/flat_b_a.jpg);
height:225px;
}

#churchimg {
background-image:url(images/church_b_a.jpg);
width:690px;
height:225px;
}

#windimg {
background-image:url(images/wind_b_a.jpg);
width:690px;
height:225px;
}

#shingleimg {
background-image:url(images/shingle_b_a.jpg);
width:690px;
height:225px;
}

#tileimg {
background-image:url(images/tile_b_a.jpg);
width:690px;
height:225px;
}

.imgcenter {
background-color:#FFFFFF;
background-position:center;
background-repeat:no-repeat;
margin:10px 20px 10px 20px;
padding:20px 30px 20px 30px;
border:5px solid #FFFFFF;
}

/*------------------------------Testimonials Page Formating-----------------------------------*/
#spage {
clear:both;
float:left;
display:inline;
width:100%;
height:100%;
/*background-color:#D2D2D2;*/
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
border-bottom:1px solid #FFCC00;
}

h2.tellmeheading {
display:block;
height:25px;
width:auto;
color:#FFCC00;
font-size:20px;
background-color:#333333;
border: 5px solid #FFFFFF;
margin:10px 20px 10px 20px;
padding:20px 100px 20px 50px;
}

#statements {
display:block;
height:auto;
width:auto;
font-size:14px;
color:#333333;
background-color:#FFFFFF;
line-height:1.5em;
margin:10px 20px 10px 20px;
padding:20px 100px 20px 50px;
}
#statements p{padding: 5px 0px 5px 0px;}

#statements h5 {display:block; padding: 5px 5px 5px 15px; color:#333333; font-size:11px; font-style:italic;}

#exinfo {
display:block;
height:auto;
width:auto;
font-size:14px;
color:#333333;
background-color:#FFFFFF;
line-height:1.5em;
margin:10px 20px 10px 20px;
padding:20px 100px 20px 50px;
}

#exinfo h4 {
display:inline;
font-size:14px;
}

#exinfo p {
display:block; 
display:inline;
font-size:14px;
}

#exinfo span {
color:#333333;
font-size:14px;
}
/*------------------------------Company Info Page Formating-----------------------------------*/
#infodesc {
clear:both;
display:block;
height:auto;
width:auto;
font-size:14px;
color:#333333;
background-color:#FFFFFF;
line-height:1.5em;
margin:10px 20px 20px 20px;
padding:20px 20px 20px 20px;
}

#infodesc h2 {
color:#CC9900;
font-weight:700;
font-size:18px;
display:block;
padding:20px 20px 10px 30px;
}
#infodesc h3 {
color:#999999;
font-weight:700;
font-size:16px;
padding:15px 20px 5px 30px;
}
#infodesc p {
color:#333333;
font-size:14px;
padding:5px 20px 5px 40px;
}

.infoimg {
padding:10px 20px 15px 30px;
}

#infoinfo {
clear:both;
width:610px;
padding: 45px 20px 20px 150px;
font-size:14px;
color:#666666;
}

#infoinfo h4 {
display:inline;
font-size:14px;
}

#infoinfo p {
display:inline;
font-size:14px;
}
#infoinfo span {
color:#333333;
font-size:14px;
}

/*------------------------------Supplies and Materials----------------------------------*/

#slogo {
display:block;
height:auto;
width:auto;
font-size:14px;
color:#333333;
background-color:#FFFFFF;
line-height:1.5em;
margin:10px 20px 10px 20px;
padding:20px 60px 20px 50px;
}
#slogo h5 {display:block; padding: 5px 5px 5px 15px; color:#333333; font-size:11px; font-style:italic;}
.slogolink {
text-align:center;
}

/*------------------------------Request Info Formating-----------------------------------*/
#contentbar {
clear:both;
display:block;
width:auto;
height:auto;
margin:10px 20px 10px 20px;
padding:10px 100px 10px 50px;
background-color:#333333;
border: 5px solid #FFFFFF;
font-size:13px;
color:#FFCC00;
}
#contentbar p {padding: 5px 0px 5px 0px; line-height:1.5em;}

#requestcontent {
clear:both;
width:690px;
height:auto;
background-color:#FFFFFF;
padding:35px;
margin:0px;
margin-left:auto;
margin-right:auto;
/*border-left:1px solid #999999;
border-right:1px solid #999999;*/
border-bottom:1px solid #FFCC00;
}

#form {
clear:both;
float:left;
width:430px;
height:700px;
margin:0px;
padding:0px;
padding-top:10px;
font-size:12px;
color:#333333;
}



form div input, form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px;
}

form label {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
width:130px;
background-color:#FFFFFF;
border-bottom: 1px solid #CCCCCC;
display:block;
float: left;
}

form small{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
display:block;
}


form fieldset {
  font-size: 100%;
  border-color: #CCCCCC;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  margin: 0px 0px 0px 0px;
  display:block;
}
form fieldset label.labelRadio {
  float:none;
  display: block;
  width: 200px;
  padding: 5px 5px 5px 0px;
  margin: 0px;
  text-align: left;
}
form fieldset .inputText {
display:inline;
width:330px;
}




.required {
padding:5px;
}
.optional {
padding:5px;
}




/*------------------------------Footer Formating-----------------------------------*/


#footer {
clear:both;
width:755px;
font-size:11px;
color:#999999;
padding:0px;
padding-bottom:5px;
padding-top:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
}


#footer a:link {
color:#999999;
text-decoration:none;
}
#footer a:hover {
color:#333333;
text-decoration:none;
}

#footer a:visited {
color:#999999;
text-decoration:none;
}
#footer a:visited:hover {
color:#333333;
text-decoration:none;
}