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

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/* background: #f0f0f0 url(../images/body_bcgr.gif) top repeat-x; */
	background: url(../images/body_bcgr_woody.jpg) top repeat;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333;
}

.wrapper {clear: both; height: 0px;}
.wrapperL {clear: left; height: 0px;}
.wrapperR {clear: right; height: 0px;}

a {color:#003882; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {color: #025236; font-weight: normal; line-height: 130%; margin: 10px 0; padding: 0;}
h1 {font-size: 220%}
h2 {font-size: 170%}
h3 {font-size: 130%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 100%}

hr {
	border: 0;
	height: 1px;
	color: #A4A4A4;
	background-color: #A4A4A4;
}

form, input, textarea, select, option {font-family: Verdana, Arial, Helvetica, sans-serif;}

#container {background: #ffffff; margin: 0; text-align: left;}


/* ############################################## */
/* header */
#headerBcgr {width: 980px; margin: 0 auto; background: url(../images/header_bcgr.jpg) top center no-repeat;}
#headerBox {width: 980px; margin: 0 auto;}
#header {height: 261px;}
#header h3 {float: right; margin: 0; padding: 0; color: #365589; margin: 20px;}
#header a img {border: none; float: left; padding: 0 1px;}
/* ############################################## */

/* ############################################## */
/* menu */ 
#menu {height: 34px;}
#menu ul {margin: 0; padding: 0; list-style: none; font-size: 13px;}
#menu ul li {padding: 0; margin: 0; border-right: 1px solid #a6a589; float: left; height: 34px;}
#menu ul li a {display: block; text-transform: uppercase; color: #ffffff; padding: 10px 10px 0 10px; height: 24px; float:left;}
#menu ul li a:hover {background: #717106; text-decoration: none;}
#menu ul li.current {}
#menu ul li.current a {background: #3b3f1c; cursor: default;}
#menu ul li.current ul a {}
#menuContact {float: right; background: url(../images/menu_contact_bcgr.jpg) top right no-repeat; color: #eeeeee; font-size: 18px; padding: 5px 20px 0 30px; height: 29px;}
/* ############################################## */

#contentFrame {width: 978px; margin: 0 auto; border: 1px solid #545618; border-top: none; background: #ffffff; margin-bottom: 5px;}

/* ############################################## */
/* sidebar | startpage */ 
#mainContent {margin: 0 390px 0 0; padding: 20px 30px 20px 30px; line-height: 150%;}
#mainContent .simpleList li {}
/* ############################################## */


#confirmtxt {text-align: center; font-size: 100%; padding-bottom: 30px;}

#sidebar {float: right; width: 370px;}


/* ############################################## */
/* sidebar | startpage */
.sidebarBox {background: #e7e7e7 url(../images/sidebar_box_bottom.gif) bottom right no-repeat; margin-bottom: 20px;}
.sidebarBoxServices {background: #e7e7e7 url(../images/sidebar_box_bottom_services1.jpg) bottom right no-repeat;}
.sidebarBoxServices .simpleList li {background: url(../images/li_arrow.gif) 0 6px no-repeat; padding-left: 12px;}
.sidebarBoxCommunities {background: #e7e7e7 url(../images/sidebar_box_bottom_communities.jpg) bottom right no-repeat;}
.sidebarBoxContent {padding: 0px 20px 30px 20px; margin: 0;}
.sidebarBox h3 {background: url(../images/sidebar_box_top.gif) top right no-repeat; padding: 40px 20px 10px 20px; margin: 0;}
.sidebarBoxTop h3 {background: none; padding-top: 30px;}
/* ############################################## */

/* ############################################## */
/* seidebar | estimate form */ 
#estimateForm {background: #eeeeee; padding: 1px; border: 1px solid #8e8e8e; margin: 10px 10px 10px 0;}
#estimateForm h2 {margin: 0 0 10px 0; padding: 10px; background: url(../images/title_bcgr.gif) repeat; color: #ffffff; font-size: 18px;}
#estimateForm h2 span {font-size: 70%;}
#estimateForm form {margin: 0; padding: 0;}
#estimateForm form p {margin: 5px 0px; padding: 0;}
#estimateForm form div {padding: 10px; border-bottom: 1px solid #cccccc;}
#estimateForm form div.last {border: none; padding: 20px 10px 10px 10px;}
#estimateForm form b {margin: 0; padding: 0 10px 10px 0; display: block;}
#estimateForm form strong {margin: 0; padding: 0 10px 0 0;}
#estimateForm label {display: block; padding: 2px 5px 0 0; float: left; width: 120px;}
#estimateForm input[type="text"] {width: 200px;}
#estimateForm input[type="radio"] {width: auto;}
#estimateForm input[type="text"], #estimateForm textarea {border: 1px solid #a4a4a4; padding: 2px; font-size: 11px; color: #000000;}
#estimateForm select, #estimateForm option {font-size: 11px;}
#estimateForm select {border: 1px solid #a4a4a4;}
#estimateForm textarea {width: 325px;}
#estimateForm input[type="submit"], #estimateForm input[type="button"], #estimateForm input[type="reset"] {
	width: auto; padding: 2px 5px; font-size: 11px; /*background: #eeeeee; color: #a4193e; border: 1px solid #a4193e;*/
}
#estimateForm input[type="submit"] {width: 170px;}
/* Estimate Form custom styles */
#estimateForm h2 {margin: 0 0 10px 0; padding: 10px; background: url(../images/title_bcgr.gif) repeat; color: #ffffff; font-size: 18px;}
#estimateForm.contactForm label {width: 40px;}
#estimateForm.contactForm input[type="text"] {width: 280px;}
/* ############################################## */

/* ############################################## */
/* footer page */
#footer {height: 50px; background: url(../images/footer_bcgr.gif) repeat; width: 978px; margin: 0 auto; border: 1px solid #889086;}
#footer ul {margin: 0; padding: 0; list-style: none; height: 50px; background: url(../images/footer_logo.gif) right no-repeat;}
#footer li {padding: 20px 0px 0 0px; float: left;}
#footer li a {color:#ffffff; border-right: 1px solid #e4e4e4; padding: 0 10px;}
#footer li a:hover {text-decoration: underline;}
#copyright {padding: 10px 0; margin: 0 auto; color: #555555 /*#6c6c6c*/; font-size: 10px; text-align: center;}
#copyright a:link {color: #003399; text-decoration: underline;}
#copyright a:visited {color: #800080; text-decoration: underline;}
#copyright a:hover {color: #0000ff; text-decoration: underline;}
#copyright a:active {color: #cc0000; text-decoration: underline;}
/* ############################################## */

/* ############################################## */
/* Start page */
#contentIntro {background: #d7dfe2 url(../images/content_intro_bcgr.jpg) bottom right no-repeat; border: 1px solid #d7d7d7; padding: 20px 230px 10px 20px; margin: 20px auto 10px auto; font-size: 120%; color: #2d3827; font-style:italic;}
#contentIntro h3 {margin: 0;}
ul#contentStartPage2Cols {margin: 30px 0; padding: 0; list-style: none;}
ul#contentStartPage2Cols li {float: left; width:250px; padding: 0 50px 0 0; background: url(../images/content2cols_sepline.jpg) top right no-repeat;}
ul#contentStartPage2Cols li.last {margin-left: 55px; background: none; padding: 0;}
/* ############################################## */

/* ############################################## */
/* Services page */
.serviceDesc {border-top: solid #cccccc 1px; padding: 10px 0; margin: 10px 0;}
.serviceDescInfo {float: left; width: 280px;}
.serviceDescInfo a:link {color: #003399; text-decoration: underline;}
.serviceDescInfo a:visited {color: #800080; text-decoration: underline;}
.serviceDescInfo a:hover {color: #0000ff; text-decoration: underline;}
.serviceDescInfo a:active {color: #cc0000; text-decoration: underline;}
.serviceDescPic {margin-left: 316px; padding-top: 45px;}
.serviceDescPic img {border: 1px solid #cccccc; padding: 1px;}
.serviceDescPicThumbs {margin: 5px 0;}
.serviceDescPicThumbs a {float: left; display: block; padding: 0 1px 2px 0;}
/* ############################################## */

/* ############################################## */
/* Testimonials */
#testimonialBox {background: #b8bbbe; padding: 20px 20px 0 20px; border: 1px solid #70777d;  margin: 10px 10px 0px 0;}
#testimonialBox h3 {color: #464b52; font-size: 170%; margin: 0 0 20px 0;}
.testimonial {background: url(../images/testimonial_bcgr.gif) left top no-repeat; padding: 0 0 10px 80px; color: #ffffff; line-height: 130%; margin: 0 0 20px 0;}
.testimonial p {padding: 0; margin: 5px 0;}
.testimonial h5 {text-align: right; margin: 3px 0; color: #ffffff; font-size: 100%; font-weight: bold;}
/* Testimonials on white background */
.testimonial2 {background: url(../images/testimonial2_bcgr.gif) 10px 10px no-repeat; padding: 10px 10px 10px 80px; color: #70777d; line-height: 160%; margin: 30px auto  10px auto; border: 1px solid #e6e7e8; width: 500px;}
.testimonial2 p {padding: 0; margin: 5px 0;}
.testimonial2 h5 {text-align: right; margin: 3px 0; color: #70777d; font-size: 100%; font-weight: bold; padding: 10px 0;}
.testimonial3 {background: #b8bbbe url(../images/testimonial_bcgr.gif) 10px 10px no-repeat; padding: 10px 10px 10px 80px; color: #ffffff; line-height: 160%; margin: 30px auto 10px auto; border: 1px solid #555555; width: 500px;}
.testimonial3 p {padding: 0; margin: 5px 0;}
.testimonial3 h5 {text-align: right; margin: 3px 0; color: #ffffff; font-size: 100%; font-weight: bold; padding: 10px 0;}
/* ############################################## */

/* ############################################## */
/* contact page */
#contactDetails {margin-top: 20px;}
#contactDetails div {margin: 0; border-bottom: 1px solid #ececec; padding: 20px 0 10px 0;}
#contactDetails b {display: block; width: 180px; float: left;}
#contactDetails p {margin: 0 10px 10px 200px;}
#contactDetails a:link {color: #003399; text-decoration: underline;}
#contactDetails a:visited {color: #800080; text-decoration: underline;}
#contactDetails a:hover {color: #0000ff; text-decoration: underline;}
#contactDetails a:active {color: #cc0000; text-decoration: underline;}
/* ############################################## */

/* ############################################## */
/* other */
.simpleList {margin: 0; padding: 10px 0; list-style: none;}
.simpleList li {padding: 3px 0;}
.simpleList a:link {color: #003399; text-decoration: underline;}
.simpleList a:visited {color: #800080; text-decoration: underline;}
.simpleList a:hover {color: #0000ff; text-decoration: underline;}
.simpleList a:active {color: #cc0000; text-decoration: underline;}
.communitiesList {float: left; width: 130px;}
.arrowList {margin: 0; padding: 10px 0; list-style: none;}
.arrowList li {padding: 2px 0; background: url(../images/li_arrow.gif) 0 7px no-repeat; padding-left: 12px;}
.arrowList a:link {color: #003399; text-decoration: underline;}
.arrowList a:visited {color: #800080; text-decoration: underline;}
.arrowList a:hover {color: #0000ff; text-decoration: underline;}
.arrowList a:active {color: #cc0000; text-decoration: underline;}
.backTop img {border: none;}
/* ############################################## */

/* ############################################## */
/* custom styles | start page */
#contentFrame.startPage #sidebar {width: 310px;}
#contentFrame.startPage
#mainContent {margin-right: 310px;}
#mainContent a:link {color: #003399; text-decoration: underline;}
#mainContent a:visited {color: #800080; text-decoration: underline;}
#mainContent a:hover {color: #0000ff; text-decoration: underline;}
#mainContent a:active {color: #cc0000; text-decoration: underline;}
/* ############################################## */

/* ############################################## */
/* patio custom pictures */
#patioCovers {margin: 20px 0; padding: 0; list-style: none;}
#patioCovers h5 {margin: 0; padding: 3px 0; font-size: 11px; text-transform: uppercase;}
#patioCovers li {padding: 0 17px 40px 0; float: left;}
#patioCovers li img {border: none;}
#patioCovers li a img {border: 1px solid #cccccc; padding: 2px; display: block;}
#patioCovers li a img:hover {border-color: #000000;}
/* ############################################## */

/* ############################################## */
/* discount coupon */ 
div.coupon {border: 2px dashed #CC0000; padding: 20px; margin: 20px 0; line-height: 150%;}
div.coupon h1 {margin: 0px; font-size: 20px; color: #CC0000; text-align: center;}
div.coupon h2 {margin: 10px 0 20px 0; font-size: 16px; color: #CC0000; text-align: center;}
div.coupon h3 {margin: 0px; margin-top: 10px; font-size: 11px; font-weight: normal; text-align: center;}
/* ############################################## */

/* ############################################## */
/* peephole ad */ 
#peepholeAd {background:url(../images/peephole_bcgr.jpg) top center no-repeat; height: 200px; padding: 280px 0 0 0; font-size: 13px; color: #616161}
#peepholeAd h2 {color: #616161; font-size: 30px;}
/* ############################################## */