/* CSS Document */
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
a:active
{
  outline: none;
}

A { color:#0099ff; text-decoration: none }
img {border: none; padding:0;}
img, div, .homewelcomeheader, #homeright h2 { behavior: url(iepngfix.htc); }
p {
line-height:16px;
margin:0;
padding:12px 0 12px 0;
font:12px Verdana, Helvetica, sans-serif;
color:#666666;

}
h1,h2,h3,h4 {
	margin: 0;
	padding:12px 0 6px 0;
	font-weight:900
}

body{
height:100%; 
width:100%;
margin:0 auto;
padding:0; 
text-align: center; 
font:12px Verdana, Helvetica, sans-serif;

color:#625b4f;
background-color:#ffffff;

}

.preload {
display:none;
}
#roofblurb {
position:absolute;
text-indent:-7000px;
}
#container {
width:978px;
height:auto;
background-image:url(../images/home/lshadow.gif);
background-repeat:repeat-y;
background-position:left;
padding:0 0 0 14px;
position:relative;
top:-10px;
margin:auto;
left:0px;
text-align:left;
}
#containerwbg {
background-color:#FFFFFF;
width:984px;
background-image:url(../images/home/rshadow.gif);
background-repeat:repeat-y;
background-position:right;
}
#topbar {
height:7px;
width:966px;
background-color:#b4aa96;
}
#header {
width:978px;
height:97px;
background-color:#FFFFFF;
position:relative;
}
#servicesmain {
position:relative;
width:929px;
height:333px;
margin:0;
padding:40px 0 0 0;
}
#roofingmain {
position:relative;
width:929px;
height:333px;
background-image:url(../images/roof/bg.jpg);
background-repeat:no-repeat;
background-position:right;
margin:0;
padding:0;
}
#guttersmain {
position:relative;
width:929px;
height:333px;
background-image:url(../images/gutters/bg.jpg);
background-repeat:no-repeat;
background-position:right top;
margin:0;
padding:0;
}
#guttersmain .guttersheader {
margin:0 0 0 234px;
padding:0;
text-indent:-7000px;
background-image:url(../images/gutters/gutters.gif);
background-repeat:no-repeat;
}
#insulationmain {

position:relative;
width:929px;
height:auto;
background-image:url(../images/insulation/insulation.gif);
background-repeat:no-repeat;
background-position:160px top;
margin:0;
padding:0;
}
#insulationright {
margin:0 0 0 667px;
padding:0;
height:335px;
width:244px;

}
#insulationbox1 {
margin:0;
padding:8px 0 8px 0;
}
#insulationbox2 {
margin:0;
padding:8px 0 8px 0;
}
#insulationbox3 {
margin:0;
padding:8px 0 8px 0;
}

#insulationtextc {

float:left;
width:648px;
margin:0;
padding:36px 0 0 0;
height:322px;
background-image:url(../images/insulation/oclogo.gif);
background-position:right;
background-repeat:no-repeat;
}
#rooflaunchlink {
position:absolute;
left:730px;
top:262px;
}
#sidinglaunchlink {
position:absolute;
left:730px;
top:262px;
}
#roofingmainc, #sidingmainc, #guttersmainc {
margin:0;
padding:36px 0 0 32px;
}
#roofingmainc p, #sidingmainc p, #insulationtextc p, #guttersmainc p {
width:388px;
margin:0;
padding:4px 0 4px 0;
}
#insulationtextc p {
width:388px;
margin:0;
padding:4px 0 4px 30px;
}
#roofingmainc ul {
margin:0;
padding:0 0 0 30px;
}
#roofingmainc ul li {
margin:0;
padding:0;
}
#roofinglinks {
margin:0;
padding:34px 0 0 0;
}
#roofinglinks img {
float:left;
padding:0 4px 0 4px;
}
#sidingmain {
position:relative;
width:929px;
height:333px;
background-image:url(../images/siding/bg.jpg);
background-repeat:no-repeat;
background-position:right;
}
#header .logo {
padding:9px 0 0 24px;
float:left;
width: 222px;
height:84px;
}
#header .nav {
margin:0 0 0 217px;
}

#header .nav ul {
position:relative;
top:0px;
left:-16px;
padding:11px 0 0 0;
margin:0 0 0 0;
height:21px;
}
#header .nav ul.main-nav {
position:relative;
top:60px;
}
#header .nav ul li {
display:inline;
list-style:none;
margin:0;
padding:0 2px 0 2px;
}
#action {
position:absolute;
right:0px;
bottom:0px;
}
#mainc {
position:relative;

}
#mainc .aimgs {
position:absolute;
top:0;
left:0;
}
#mainimg {
position:absolute;
z-index:5;
left:43px;
top:35px;
}
#bg {
z-index:1;
}
#bg1 {
z-index:2;
}
#bg2 {
z-index:2;
}
#bg3 {
z-index:2;
}
#thermalIMG {
padding:20px 20px 22px 40px;
margin:0;
}
#scannerIMG {
padding:0 0 10px 0;
margin:0;
}
#maincontent {
position:relative;
top:0px;
padding:10px 0 0 10px;
margin:0 0 0 7px;
width:940px;
height:auto;
background-color:#FFFFFF;
background-image:url(../images/home/bottombg.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#homebnav {
width:100%;
padding:12px 0 0 0;

}
#homebnav p {
width:157px;
padding:4px 0 0 0;
margin:0;
}
#homebnav p.give, .give {
width:657px;
padding:7px 0 10px 5px;
margin:0;
color:#999966;
font-size:14px;
} 
.giveblue {

color:#1c439a;
} 
#homebox1 {
float:left;
width:299px;
margin:0;
padding:0;
height:105px;

}
#homebox2 {
float:left;
width:299px;
margin:0;
height:105px;
margin:0;
padding:0 0 0 17px;
}
#homebox3 {
float:left;
width:299px;
margin:0;
padding:0 0 40px 17px;
height:105px;
}
#homebox3 p {
width:270px;
margin:5px 0 0 12px;
}
#homebox4 {
float:left;
width:282px;
height:89px;
margin:0 0 0 17px;
padding:14px 0 0 14px;
border:1px solid #d8d5d0;
background-image:url(../images/home/pinkpanther.jpg);
background-repeat:no-repeat;
}
#footer {
height:40px;
width:999px;
background-image:url(../images/home/bb.gif);
background-repeat:no-repeat;
background-position:top;
padding:0 0 0 0px;
margin:0 auto;
text-align:left;
position:relative;
top:-10px;
}
#footer p {
float:left;
width:604px;
position:relative;
left:40px;
margin:0 0 0 0px;
color:#999999;
font-size:12px;
}
#footer ul {
float:left;
}
#contactmain {
margin:0;
padding:0;
}
#contactmain h2 {
font-size:14px;
}
#contactmain h3 {
font-size:12px;
}
#contactc1 {
width:294px;
float:left;
padding:31px 0 0 40px;
}
#contactc2 {
width:297px;
float:left;
padding:31px 0 0 0;
}
#contactc3 {
float:left;
width:258px;
height:301px;
background-color:#d0d7bc;
padding:0 0 0 40px;
}
#contactc3 h2 {
font-size:14px;
color:#003399;
margin:0;
padding:30px 0 4px 0;
}
#contactc3 a {
color:#003399;
}
#contactc3 p {
color:#666633;
}
#contactc3 .ctype {
color:#999966;

}
#contactmsg {
width:254px;
height:187px;
}
#footer ul li {
display:inline;
list-style:none;
margin:0;
padding:0 3px 0 3px;
color:#999999;
font-size:12px;
}
#footer ul li a {
color:#999999;
font-size:12px;
}
#social {
background-color:#FFFFFF;
width:984px;
background-image:url(../images/home/rshadow.gif);
background-repeat:repeat-y;
background-position:right;
position:relative;
top:0px;
left:0px;
padding:0;
margin:0;
}
#social ul li {
display:inline;
list-style:none;
margin:0;
padding:0 26px 0 0px;
color:#999999;
font-size:12px;
}
#social ul li a {
color:#999999;
font-size:12px;
}
#mainleftcontent {
float:left;
width:380px;
padding:37px 0 116px 24px;
}
#galleryleftcontent {
float:left;
width:362px;
height:471px;
background-color:#e1ded8;
margin:11px 0 0 0;
padding:37px 0 0px 24px;
}
#galleryrightcontent {
padding:37px 0 0 0;
margin:0 0 0 396px; 
}
#photosbar {
position:relative;
width:530px;
height:33px;
background-color:#9b8d82;
}
#photosbar img {
position:absolute;
bottom:0px;
left:20px;
}
#gallerytable td {
padding:15px 18px 15px 18px;
}
#videolist {
padding:16px 0 0 0;
}
#videotable {
border-top:1px solid #c5bdb4;
margin:6px 0 0 0;
width:318px;
}
#videotable td {
padding:5px 19px 5px 0px;
}
#mainrightcontent {
padding:37px 0 0 0;
margin:0 0 0 400px; 
}
#mainrightcontent p {
padding:6px 0 6px 0;
}
#mainrightcontent p {
width:510px;
font-size:11px;
}
#bottomdividersiding {
background-image:url(../images/siding/bottombg.jpg);
background-position:right;
background-repeat:no-repeat;
clear:both;
width:929px;
height:13px;
background-color:#183c85;
}
#bottomdividerroofing {
background-image:url(../images/roof/bottombg.jpg);
background-position:right;
background-repeat:no-repeat;
clear:both;
width:929px;
height:13px;
background-color:#183c85;
}
#bottomdivider {
clear:both;
width:930px;
height:13px;
background-color:#173a82;
}
#popupcontainer {
display:none;
z-index:4;
background-color:#FFFFFF;
position:absolute;
top:20px;
left:250px;
width:496px;
height:auto;
margin:0;
padding:15px 0 10px 17px;
}
#quoteform {

position:relative;
width:481px;
height:auto;
margin:0 0 0 0;
border:1px #cac5ba solid;
text-align:left;

}
#quoteform .quotecenter {
margin:0 0 0 112px;
}
#quoteform .quotecenterlogo {
margin:0 0 0 133px;
position:relative;
top:-5px;
}
#contactc1 label, #contactc2 label {

margin-right: 20px;
display: block;
}
#quoteform label {
margin-right: 20px;
display: block;
}
#quoteform .freeQuoteForm { 
margin:0;
padding:5px 0 0 30px;
}
#quoteform input {
color: #781351;

}
#quoteform textarea {
color: #781351;

width:342px;
height:55px;
}
#quoteform label.lastname_field, #quoteform label.firstname_field {
width:80px;
}
#quoteform label.city_field, #quoteform label.zip_field {

}
#quoteform label.phone_field, #quoteform label.email_field {

}
#popclose {
margin:0 0 0 460px;
padding:0;
}
#opacc {
display:none;
position:absolute;
top:0;
left:0;
z-index:2;
background-color:#000000;
width:100%;
height:100%;

}
#servicesmain  {
height:333px;
}
#aboutmain  {
height:400px;
width:929px;
position:relative;
background-image:url(../images/about/aboutbg.gif);
background-repeat:repeat-x;
}
#aboutmain .servicesleft {
float:left;
width:413px;
}
#aboutmain .contactleft {
float:left;
width:595px;
}
#aboutmain .servicesleft p, #aboutmain .contactleft p {
width:413px;
}

#aboutmain .servicesright {
width:405px;
padding:0;
margin:0 0 0 440px;

}
#aboutmain .contactright {
position:absolute;
right:0;
top:0;
background-image:url(../images/contact/cbgl.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
width:268px;
height:398px;

}
#aboutmain .contactright h2 {
font-size:12px;
padding:30px 0 0 20px;
margin:0;
color:#003399;
}
#aboutmain .contactright p {
font-size:12px;
color:#003399;
padding:0 0 0 20px;
margin:0;
}
#aboutmain .contactright p a {
color:#006600;
}
#aboutmain .servicesleft p.leftltxt {
font-size:16px;
}
#aboutmain .servicesleft p.leftltxt .dblue {
color:#003399;
}
#aboutmain .servicesright p.lgreentxt {
font-size:18px;
color:#336600;
}
#aboutmain .servicesleft .arrow  {
padding:0 25px 0 0;
}
#aboutmain .servicesright p {
width:413px;
}
#aboutmain .servicesright p .servwhoh {
color:#003399;
font-size:14px;
}
#aboutmain p, #aboutmain table {
width:532px;
padding:0 0 0 42px;
}
#aboutmain .contactleft p {
padding:0 0 0 42px;
width:545px;
}
#aboutmain table td {
padding:3px 2px 0 0;
}
#aboutmain p {
padding:12px 0 0 42px;
}
#aboutmain table td .bs {
width:142px;
}
#aboutmain table td .errc {
color:#FF0000;
}
#reqfields {
color:#FF0000;
}
#aboutmain p, #aboutmain table td .address {

}
#aboutmain p .ltxt {
font-size:24px;
color:#006600;
}
#aboutmain p.btxt {
color:#003399;
font-size:14px;
font-weight:bold;
}
#abouttl {
position:absolute;
left:0px;
top:0px;
}
#aboutr {
position:absolute;
right:0px;
top:0px;
}
#servicesmain .servicebox {
border:1px solid #d8d5d0;
float:left;
width:225px;
height:223px;
background-image:url(../images/services/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
margin:0 2px  0;
}
#servicesmain .servicebox p {
padding:0 0 0 16px;
width:162px;
}
#servicesmain .servicebox img.servheader {
margin:4px 0 4px 16px;
}
#servicesmain .servicebox img.pimg {
margin:8px 0 0 10px;
}
#mainc .guttermain {
background-image:url(../images/gutters/header.jpg);
background-repeat:no-repeat;
width:929px;
height:121px;
}
#mainc .sideheader {
background-image:url(../images/siding/header.jpg);
background-repeat:no-repeat;
width:929px;
height:120px;
}
#mainc .insulheader {
background-image:url(../images/insulation/header.jpg);
background-repeat:no-repeat;
width:929px;
height:121px;
}
#mainc .roofheader {
background-image:url(../images/roof/header.jpg);
background-repeat:no-repeat;
width:929px;
height:121px;
}
#mainheader {
padding:0 0 13px 0;
}
#mainheader .servnav {
padding:0 0 0 24px;
margin:0;
}
#mainheader .servnav li {
display:inline;
padding:0 4px 0 4px;
margin:0;
}
#mainheader .servnav li a {
position:relative;
top:-4px;
}