@import url("subpage.css");

body { background:url(images/bodybackground.gif) #383635 repeat-x 0 53px;
font-family: "Lucida Grande", Helvetica, Tahoma, Arial, sans-serif; font-size:0.78em; color:#C6B0A2;
text-align:center; margin:0; }

/*Structure*/
#maincontainer { width:778px; margin:0 auto; text-align:left; background:#383635; }
#leftcol { width:478px; float:left; position:relative; top:-40px;
padding:0 40px 0 0; }
#rightcol { width:260px; float:left; color:#000; }
#footer { margin:20px 0 0 0; }
#fcontainer { width:778px; margin:0 auto; text-align:left;  }

/*headings*/
h1 { float:left; margin:0; text-indent:-9999px; 
background:url(images/header.jpg) no-repeat 0 0; width:615px; height:327px; }
.h1a { display:block; overflow:hidden; width:198px; height:131px; }
h1.head2 { background:none; width:auto; height:auto; text-indent:0;
color:#EABB4B; float:none; font-size:2em; }

h1#testimonials { background:url(images/clientreviews_hd.gif) no-repeat 0 0; width:239px; height:81px; }
h1#portfolio { background:url(images/porfolio_hd.gif) no-repeat 0 0; width:231px; height:89px; }
h1#contacthd { background:url(images/contact_hd.gif) no-repeat 0 0; width:239px; height:81px; }

h2 { margin:0 0 9px 0;
color:#E0728D; font-size:1.7em; letter-spacing:-0.06em; }

h3 { margin:0;
color:#1CA3C3; font-size: 1.7em; font-weight:bold; letter-spacing:-0.06em; }

h4 { margin:0; padding:0; }
h4.preview { color:#1CA3C3; text-transform:uppercase; }

/*NAVIGATION*/
#globalnavcontainer { float:left; background:url(images/navigation_bg.jpg) no-repeat 0 0; width:163px; height:327px; }

ul#globalnav { list-style-type:none; margin:0; padding:0; text-indent:-9999px;
position:relative; top:92px;  }

ul#globalnav li a { display:block; overflow:hidden; width:95px; height:20px;
position:relative; left:6px; }

li#home a:hover { background:url(images/globalnav_on.jpg) no-repeat 0 0; }
li#portfolio a:hover { background:url(images/globalnav_on.jpg) no-repeat 0 -20px; }
li#clientreviews a:hover { background:url(images/globalnav_on.jpg) no-repeat 0 -40px; }
li#contact a:hover { background:url(images/globalnav_on.jpg) no-repeat 0 -60px; }
li#quoterequest a:hover { background:url(images/globalnav_on.jpg) no-repeat 0 -80px; }
li#blog a:hover { background:url(images/globalnav_on.jpg) no-repeat 0 -100px; }

ul.portfolio { list-style-type:none; padding:0 0 50px 0; margin:0; }
ul.portfolio li { float:left; padding:0 8px 5px 0; }

img { border:0; }
.clear { clear:both; }
.pnopad { margin:0 0 15px 0; padding:0; }
.psmaller { font-size: 0.85em; }
.imgfloat { float:left; margin:0; padding:0 5px 0 0; }
.survey { float:left; width:80%; }
.survey p {  font-size: 0.8em; }
.ctrfloat { position:relative; left:8px; }
.googleadrcol { padding:65px 0 35px 0; }

/*Links*/
#leftcol a { color:#b16738; }
#leftcol a:hover { color:#FFF; }
a:hover { text-decoration:none; }
#rightcol a { color:#1CA3C3; }
.bigblue { font-size:1em; text-transform: uppercase; font-weight:bold; }

/*Right column*/

.bordertop { background: url(images/rcol_top.gif) no-repeat 0 0; }
.borderbtm { background: url(images/rcol_bottom.gif)  no-repeat 0 bottom; }
.rleft { background:url(images/rcol_left.gif) #edf2ea repeat-y 0 0; }
.rright { background:url(images/rcol_right.gif) repeat-y right 0; }
.rcolwrap { width:210px; margin:0 auto; padding:15px 0; }
#rightcol a:hover { color:#8cbb00; }

/*Right column Portfolio*/
#rightcolsub { width:260px; float:left; color:#000; position:relative; top:18px; }

.portfoliobordertop { background: url(images/portfoliorcol_top.gif) no-repeat 0 0; }
.portfolioborderbtm { background: url(images/portfoliorcol_bottom.gif)  no-repeat 0 bottom; }
.portfoliorleft { background:url(images/portfoliorcol_left.gif) #3c3c3c  repeat-y 0 0; }
.portfoliorright { background:url(images/portfoliorightcol_right.gif) repeat-y right 0; }
.portfoliorcolwrap { width:210px; margin:0 auto; padding:15px 0; }
#rightcol a:hover { color:#8cbb00; }
.previewpad { position:relative; left:5px; top:10px; }

/*FORM*/
fieldset {border:0; margin:0; padding:0; }
form#contactform { font-size:0.85em; margin:0 0 10px 0; }
form#contactform div {clear: both; padding: 1px 0 0 0;}
label {float:left; width:20%;}
input,textarea,select {float: right; width: 70%; text-align: left; 
color: #192e33; border: 1px solid #7ccee2; font-size:0.9em; }
textarea {height:7em; font-size:1em; font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Arial, sans-serif; }
#submit { float: right; width: 65px; text-align:center; }

/*FOOTER*/
#footer { background:#1e1e1e url(images/footer_bg.gif); height:76px;
font-size:0.75em; text-transform:uppercase; }

#fcontainer { background:#1e1e1e; height:67px; padding:10px 10px 0 10px; }
#footer a { color:#b16738; text-decoration:none; }
#footer a:hover { text-decoration:underline; color:#b16738; }
#googlead { float:right; }
#siteinfo { width:65%; float:left; }

ul#reviewlist { list-style-type:none; padding:0; margin:0; }
#reviewlist li { border-bottom:1px dashed #b16738; padding: 0 0 10px 0; }

/*CONTACT PAGE*/
#contactpage fieldset {border:0;}
#contactpage form { width: 100% }
#contactpage div {clear: both; padding: 1px 0 0 0;}
#contactpage label {float: left; width: 45%; text-align: left;}
#contactpage input, #contactpage textarea, #contactpage select 
{float: left; width: 53%; color: #C6B0A2; 
border: 1px solid #2C2C2C; background-color: #2C2C2C; font-size: 1em; }

#contactpage textarea {height:7em;}
input#submit2 { float: right; width: 20%; text-align:center;
position:relative; left:-7px; }