/* CSS Document */

body, html {
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
background: #fff;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#000; line-height:24px;font-weight:400;
}

body2 { 
  background: url(images/bwbackground.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#content {
width:100%;
height: auto;
margin:0;
padding:0;
border:0;
background: url('images/stucco.png') #fff;
position: absolute;
top:192px;
z-index: 100;
}

#header {
width:100%;
height:190px;
position: relative;
top:0;
border-bottom: solid 2px #fff;
}

img.headerimage {
width:100%;
min-width:980px;
height: auto;
position: absolute;
top:0;
}

img.bwheaderimage {
width:100%;
min-width:980px;
height: auto;
position: absolute;
top:0;
}

#headertop {
width:100%;
height: 140px;
background: url('images/headershade2.png');
}

#headertoplogo {
width:980px;
height: 140px;
margin: auto;
background: url('images/headerlogo.png') no-repeat 0 30px;
}

#starthere {
width:432px;
height: 63px;
float:right;
background: url('images/starthere.png') no-repeat 0 10px;
cursor: pointer;
}

#starthere:hover {
opacity:0.8;
filter:alpha(opacity=80);
}

#headerbottom {
width:100%;
height: 50px;
background: url('images/headershade1.png') repeat-x;
}

#headermenu {
width:980px;
height: 50px;
margin: auto;
}

.menudiv {
width:auto;
height: 50px;
float: left;
margin-right: 30px;
}

.menuitem {
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#fff; line-height:50px;font-weight:400;
text-decoration: none;
cursor: pointer;
}

.menuselected, .menuitem:hover {
color: #dc8325;
}

#orangestrip {
height: 65px;
width: 100%;
background: url('images/orangeshade.png') repeat-x;
}

.leftrightpanel {
width:100%;
height: auto;
float: left;
padding-top: 80px;
padding-bottom: 80px;
border-bottom: solid 1px #ddd;
clear: both;
}

#leftpanel {width:50%;float:left;}

#leftpanelcontent {
width:460px;
height: auto;
min-height: 300px;
padding-right:30px;
float: right;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:16px; font-style:normal; color:#333; line-height:20px;font-weight:300;
}

.paneltitle {
font-size: 24px;
line-height: 56px;
font-weight: bold;
}

#rightpanel {
float: left;
width:50%;
height: auto;
background: #fff;
}

.panelimage {
margin: 20px;
}

.content980 {
width:980px;
margin: auto;
}

#footer {
clear: both;
width: 100%;
height: 300px;
border-top: solid 2px #fff;
background: #ccc;
}

#footercontainer {
width:980px;
margin: auto;
}


.footerlogo {
float:left;
margin-top: 65px;
padding-right: 20px;
padding-left: 20px;
width:auto;
height: 170px;
border-right: solid 1px #a4a4a4; 
cursor: pointer;
}

.footerlogo:hover {
opacity:0.6;
filter:alpha(opacity=60);
}

#footerlogo {
float:right;
margin-top: 65px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:11px; font-style:normal; color:#a4a4a4; line-height:20px;font-weight:300;
text-align: center;
}

.featurepanel {
width:300px;
height: auto;
float: left;
margin-right: 40px;
margin-bottom: 30px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#333; line-height:20px;font-weight:300;
}

.featureimg {
margin-bottom: 10px;
cursor: pointer;
}

.featuretitle{
background: #999;
width:260px;
height: 20px;
padding: 20px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#fff; line-height:20px;font-weight:300;
padding-bottom: 10px;
padding-top: 10px;
}

.featuretick {
background: url('images/featuretick.png') no-repeat;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:11px; font-style:normal; color:#333; line-height:19px;font-weight:400;
width:25%;
height: 22px;
float:left;
padding-left: 28px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

.formfieldleft {
font-size:18px;
margin-bottom: 10px;
}

.formfieldright, .formfieldrightta {
background-color: white;
border: 2px solid #888788;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:18px; font-style:normal; color:#888788; line-height:18px;font-weight:400;
height: 40px;
float: left;
width:100%;
padding: 0px 7px 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
margin-bottom:15px;
}

.formfieldrightta {
height: 100px;
}

.button {
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#fff; line-height:34px;font-weight:400;
background:#888788;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
float:left;
text-align: center;
margin-left: 10px;
width:230px;
height:36px;
cursor: pointer;
border-style: none;
}

.gallerytitle {
width:980px;
margin: auto;
margin-top: 30px;
margin-bottom: 0px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:20px; font-style:normal; color:#333; line-height:20px;font-weight:600;
}

#projectbox1, #projectbox2, #projectbox3, #projectbox4, #projectbox5, #projectbox6, #projectbox7  {
width: 270px;
height: 85px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
background: url(images/nb1thumb.jpeg) no-repeat #666;
padding-left: 200px;
padding-top: 65px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:20px; font-style:normal; color:#fff; line-height:20px;font-weight:600;
background-size: 150px 150px;
opacity:0.8;
filter:alpha(opacity=80);
}

#projectbox1:hover, #projectbox2:hover, #projectbox3:hover, #projectbox4:hover, #projectbox5:hover, #projectbox6:hover, #projectbox7:hover  {
opacity:1;
filter:alpha(opacity=100)
}

#projectbox2 {
background: url(images/nb2thumb.jpeg) no-repeat #666;
background-size: 150px 150px;
}

#projectbox3 {
background: url(images/extthumb.jpg) no-repeat #666;
}

#projectbox4 {
background: url(images/conthumb.jpg) no-repeat #666;
}

#projectbox5 {
background: url(images/kitthumb.jpg) no-repeat #666;
}

#projectbox6 {
background: url(images/drivethumb.jpg) no-repeat #666;
}

#projectbox7 {
background: url(images/brickthumb.jpg) no-repeat #666;
background-size: 150px 150px;
}


.testimonial, .testimonial2 {
width:415px;
float: left;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 30px;
height: auto;
background: #666;
margin-bottom: 40px;
font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:16px; font-style:normal; color:#fff; line-height:30px;font-weight:400;
}

.testimonial2 {
background: #888;
float: right;
}

.testname {
color: #dc8325;
font-weight: bold;
}

.testname2 {
color: #666;
font-weight: bold;
}

a.orangelink:link {font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#dc8325; line-height:30px;font-weight:400; text-decoration: none;}
a.orangelink:hover {font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#dc8325; line-height:30px;font-weight:400;text-decoration: underline;}
a.orangelink:active {font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#dc8325; line-height:30px;font-weight:400;text-decoration: none;}
a.orangelink:visited {font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; color:#dc8325; line-height:30px;font-weight:400;text-decoration: none;}