@charset "utf-8";

/* Main elements defined */



body {

	width:100%;

	margin:0;

	padding:0;

	font-family:Helvetica, sans-serif, Georgia;

	font-size:12px;

	color:#333333;

	line-height:120%;

	background-color:#28190b;

	background-image:url(../images/childpage_background.jpg);

	background-repeat:repeat-x;

}

body#homepage {

	background-image:url(../images/homepage_background.jpg);

	background-repeat:repeat-x;

}

DIV#body {

	width:1024px;

	margin:0 auto; /*center site body*/

	padding:0;

}

DIV#container { 

	width:940px;

	float:left;

	margin:0;

	padding:0; 

}

#heading {

	float:left;

	width:100%;

	margin:0;

	padding:0;

	clear:both;

}

#heading #branding {

	float:left;

	width:100%;

	margin:0;

	padding:0;

	height:99px;

}

#heading #branding .primary, #heading #branding .secondary {

	float:left;

	width:50%;

	margin:0;

	padding :0;

	overflow:hidden;

}

/* Breadcrumbs */

.B_crumbBox { margin-bottom:20px; display:inline-block; }


/* HEADING PHONE AND NAV */

.more { text-align: right; padding-right: 15px; margin-top: 20px; }

.more .phone { font-size: 20px; }

.like { float:right; width:50px; text-align: right; }



/* SEARCH FORM */

#heading #branding .secondary form { float:right; margin-top:15px; margin-right:15px; }

.search input { display:inline-block; vertical-align:middle;}

.search input.inputbox { height:17px; font-family:helvetica; overflow:hidden;

padding:6px 5px 0; font-size:12px; width:200px; border:1px solid #bab9b9;

border-right:none; color:#bab9b9; text-transform:uppercase; }



/* BANNER -- OLD */

#heading #wow {

	float:left;

	width:952px;

	clear:both;

	padding:14px 0 0 0;

	position:relative;

	left:-12px;

	background-image:url(../images/child_header_bg.jpg);

	background-repeat:no-repeat;

}

#heading #wow .grid {

}

#heading #wow.homepage {

	background-image:url(../images/home_header_bg.jpg);

	background-repeat:no-repeat;

}

#heading #wow .size2 img {

	position:relative;

	left:12px;

}

#heading #wow .size1 {

	position:relative;

	top:-13px; 

	left:42px;

	z-index:99;

	margin-bottom:-13px;

	background-image:url(../images/bg-notepad.png);

	background-repeat:no-repeat;

}

#heading #wow .size2 { width:66%; }

#heading #wow .size1 { width:33%; }

#heading #wow.homepage .size2 { width:64%; }

#heading #wow.homepage .size1 {

	width:35%;

    background-image:url(../images/bg-homepage-notepad.png);

	background-repeat:no-repeat;

}

#heading #wow .size1 .left {

	display: table; position: static;

	width:100%;

	height:213px;

    overflow:hidden;

	/*width:258px;*/

	color:#4f3c2a;

	margin:0 0 0 35px;

	padding:0;

}

#heading #wow.homepage .size1 .left {

	width:260px;

	height:311px;

	padding-right:20px;

}

#heading #wow .size1 .left div.blog_clip_text {

	display: table-cell; padding-top:50px; position: static;

	font-size:14px;

	font-weight:normal;

	line-height:18px;

	font-family:Georgia;

    width:100%;

}

#heading #wow .size1 .left div.blog_clip_date { display:none; }

#heading #wow.homepage .size1 .left .blog_clip_text.contactus { font-size:25px; text-align:center; }

#heading #wow.homepage .size1 .left .blog_clip_text.contactus H4 { }

#heading #wow.homepage .size1 .left .blog_clip_text.contactus H4 { font-weight:bold; }

#heading #wow .size1 .left H4 { font-size:25px; text-align:center;width: 66%; font-family:times New Roman; line-height:150%; margin:0; padding:0; }

#heading #wow .size1 .left H6 { font-size:25px; font-weight:normal; text-align:center;width: 65%; line-height:150%; margin:0; padding:0;   }

#heading #wow .size1 .left P  { text-align:center; width: 65%; margin:0; padding:0; }

#heading #wow.homepage .size1 .left  { text-align:left; }

#heading #wow.homepage .size1 .left .blog_clip_text P  { text-align:left !important; width:250px !important;  }

#wrapper, #wrapperNone {

	float:left;

	width:100%;

	margin:0;

	padding:0 0 0 0;

	border-top: solid 10px #eae3d9;

	background-color:#fcf8f1;

	background-image:url(../images/bg_wrapper_plus_menu.jpg);

	background-repeat:repeat-y;

	background-position:top right;

} 

#wrapper.noNav { background-image:none; }



/* BANNER */

#wow2 { padding: 0 0 10px 0; width: 680px; overflow: hidden; }



/* SIDE COLUMN */

.side_column { float:right; width:257px; margin:0; margin-bottom:26px; overflow:hidden; }



/* FOOTER */

#footer { float:left; width:940px; margin:0; padding:20px 0 0 0; background-image:url(../images/footer_bg.jpg); background-repeat:repeat; color:#5B534B; font-size:11px;}

#footer a { color:#5b534b;}

#footer a:hover { color:#5b534b; text-decoration:underline;}



/* CONTENT */

#content, .content {

	 float:left;

	 width:680px;

	 margin:0;

	 padding:0;

}

#page ul li {padding:4px 0;}

#content.noNav { width:100%; clear:both; }

#content_footer {

	display:block;

        margin:0;

        padding:0 0 10px;

	background-image:url(../images/bg_content_footer.jpg);

	background-color:#C8B08A;

        overflow:hidden;

	background-repeat:repeat-x;

	width:940px;

}

/* Top Horizontal Navigation */

#pNav {

	float: left;

	width: 100% !important; /* */

	margin: 0px;

	margin-top: 3px !important;

	padding: 0px;

	clear: both;

	overflow: hidden;

	font-family:Georgia;

}

#pNav UL.menu {

	float:left;

	width:100%;

	margin:0;

	padding:0;

	list-style-type:none;

	list-style:none;

}

#pNav UL.menu li#current, #pNav UL.menu li.active { 

	margin-top:0px;

	list-style:none;

}

#pNav UL.menu li { 

	float:left;

	margin:3px 1px 0 0;

	padding:0;

	list-style:none;

}

#pNav UL.menu LI A {

	float:left;

	margin:0;

	padding:5px 10px; /* x-browser lowered lft-rght by 1px */

	height:21px;

	line-height:21px;

	color:#ffffff;

	font-size:15px;

	letter-spacing:normal;

	background-color:#c8b18b;

	text-decoration:none;

}

#pNav UL.menu li.active a { 

	background-color:#ede3d4;

	color:#4e3b29;

	padding-bottom:8px;

}

#pNav UL.menu LI a:hover { 

	background-color:#ede3d4;

	color:#4e3b29;

}



/* Content Navigation */

#navII { 

	float:right;

	width:257px;

	margin:0;

	margin-bottom:26px;

	padding:0;

	overflow:hidden;

}

#navII ul {

	color:#493726;

	margin:0;

	padding:0;

	list-style-image:none;

	margin:0 0 0 5px;

	padding:0;

	width:255px; /*223px;*/

	border-top:1px solid #e3d0b2;

	overflow:hidden;

}

#navII ul li {

	float:left;

	clear:left;

	width:100%;

	list-style-type:none;

	margin:0;

	padding:0;

	font-size:13px;

	border-bottom:1px solid #e3d0b2;

}

#navII ul li a {

	float:left;

	width:230px;

	color:#493726;

	font-weight:normal;

	font-family:georgia;

	font-size:13px;

	margin:0;

	padding: 5px 0;

	padding-left:15px;

	line-height:120%;

	text-decoration:none;

}

#navII ul li a:hover {

	color:#000000;

}

#navII ul li a.active, #navII ul li#current a:first-child {

	background-image:url(../images/bg_navII_active.gif);

}



/* ----------- Second Level Navigation --------------*/

#navII ul li ul{

	padding-bottom:0px !important;

	margin-left:0;

    margin-bottom:-1px !important;

}

#navII ul li ul li a{

    width:188px !important;

    padding-left:40px;

}



/* ----------- Third Level Navigation --------------*/

#navII ul li ul li ul{

	padding-bottom:0px !important;

    margin-bottom:-1px !important;

}

#navII ul li ul li ul li a{

    width:168px !important;

    padding-left:60px;

}





/* Define Grid Layouts */



.grid {

	 float:left;

	 width:100%;

	 margin:0;

	 padding:0;

}

.grid .size1 {

	 width:33%;

}

.grid .size2 {

	 width:66%;

}

.grid .size3 {

	 width:100%;

}

.grid .half {

	 float:left;

	 width:50%;

	 overflow:hidden;

}

#content_footer .size1 { border-right:solid 1px #decbab; margin-top:20px; margin-bottom:5px; min-height:200px;}

#content_footer > .size1:last-child { border-right:none; }

#content_footer .last {border:none;}

#content_footer .size1 .text { padding-top:0px;}

#content_footer .size1 .text .x_content img { margin-top:12px;}

.grid .size1, .grid .size2, .grid .size3, .grid .half {

	 float:left;

	 padding:0;

	 margin:0;

}



/* Boxed */

div.box { float:left; width:100%; margin:0; padding:0; clear:both; }

div.box .text, .text { float:left; width:auto; margin:0; padding:5px 20px;clear:both; }

.mod_bg { background-image:url(i/mod_bg.jpg); }



/* Basic Styles */

.fntAlt { color:#af8659; }

.noMP { margin:0; padding:0; }

.clear { width:100%; clear:both;  }

.bb { border-bottom:1px dotted #4f3c2a; }

h1, h2, h3 {

	margin:0 0 10px 0; padding:0 0 1px 0;

	font-family:Georgia;

	letter-spacing:normal;

	color:#4f3c2a;

	text-transform:none;

    line-height:normal;

	font-weight:normal;

}

h1 { font-size:28px; }

h2 { font-size:20px; }

h3 { font-size:18px; }

h2 { /*color:inherit; font-size:inherit;*/ text-transform:none; font-weight:bold; }

.x_heading H2 { font-size:16px; color:#4f3c2a; border-bottom:1px solid #baaa9a;  }

.x_content .contentheading { font-size:12px; color:#af8659; font-weight:bold;}

.x_content { font-family:helvetica; font-size:12px; color:#231f20; }

#content_footer .x_heading H2 { margin-bottom:1px; margin-top:0; border:none; color:#312010; }

A {

	color:#af8659;

	text-decoration:none;

	font-size:inherit;

}

a.readmore:link { font-size:11px; text-transform:uppercase; text-decoration:none;}

a.readmore:visited { font-size:11px; text-transform:uppercase; text-decoration:none;}

a.readmore:hover { font-size:11px; text-transform:uppercase; text-decoration:underline;}

a.readmore:active { font-size:11px; text-transform:uppercase; text-decoration:none;}

A img { border:none; clear:both; }

P {

   display:block;

   margin:0 0 15px 0;

   padding:0;

   line-height:18px;

}

ul.none {

	list-style-type:none;

	margin:0;

	padding:0;

	margin-top:-10px;

}

ul.none li {

	list-style-type:none;

	margin-left:0;

	padding:10px 0 10px 0;

	border-bottom:1px solid rgb(194,194,194);

}

ul.linklist { list-style-type:none; margin:0; padding:0; margin-bottom:15px; }

ul.linklist li { list-style-type:none; list-style-image:none; margin:0;padding:0; line-height:115%; }

a.more { text-transform:uppercase; letter-spacing:.1em; display:block; }

a.btn { float:left; margin:0; padding:0; line-height:normal; }

a.btn span.lc { 

	background-image:url(../images/btn-lc.gif);

	background-repeat:no-repeat; 

}

a.btn span.rc { 

	background-image:url(../images/btn-rc.gif);

	background-repeat:no-repeat;

 }



/* Default Print Styles */

@media print {

	* {

	  float:none !important;

	  width:auto !important;

	  margin:0;

	  padding:0;

	}

}





.first-quote, .end-quote  {

color:#4F3C2A;

font-family:Georgia,serif;

font-size:20px;

font-weight:bold;

line-height:24px;  

position:absolute;

}

.first-quote {

margin:-1px 0 0 -14px;

}

.end-quote {

margin:-1px 0 0 4px;

}





/* FORMS */

.bf_form_row { display:block; margin:0; padding:0; margin-bottom:4px;}

.bf_form_row label { display:inline-block; width:175px; text-align:left; font-weight:bold; }

.bf_form_row .inputbox { display:inline-block; width:195px;text-align:left;border:1px solid #cccccc; }

form.bfform div label { width:175px; }



div#estimateForm { width:450px;}

#estimateForms { width:450px;margin-bottom:15px; padding:15px;}

#err{width:450px; padding:0px 0px 0px 15px;}

form fieldset { border:1px solid #3C2C1D; margin-bottom:15px; padding:15px; }

form fieldset label { color:#3C2C1D; margin-bottom:10px;}

form div.bf_form_row.fulltxtarea textarea { width:380px; }

.clear { float:left; clear:both; height:1px; } 

.required {

	color: red;

	font-weight: bold;

	margin-left: 5px;

	font-size: 20px;

}

form fieldset legend {

	font-size: 150%;

	font-weight: normal;

	color: #000000;

	margin: 0 0 0 0;

	padding: 0 5px;

}

form div small {

	display: block;

	margin: 0 0 5px 142px;

	padding: 1px 3px;

	font-size: 88%;

        width:250px;

}

form fieldset legend {

	font-size: 150%;

	font-weight: normal;

	color: #000000;

	margin: 0 0 0 0;

	padding: 0 5px;

}

textarea {

	overflow: auto;

}

form div fieldset {

	clear: none;

	margin: 0 0 0 144px;

	padding: 0 5px 5px 5px;

}



/* SIDE IMAGE */

.sideimage { clear: right; float:right; width:257px; margin:0; margin-bottom:26px; overflow:hidden; }



/* GET A PRICE FORM */

#page .gap_form { padding: 5px; background: #fff; width: 250px; color: #000; float: left; }

.side_column .gap_form { float:right; margin: 0 0 26px 0; padding: 20px; overflow:hidden; background: #c9b088; width: 213px; color: #000; }

.gap_form h2 { font-size: 24px;}

.gap_form form div { margin: 0 0 10px 0; }

.gap_form label { display: block; }

.gap_form .inputbox { width: 150px; }



/* GET A PRICE PAGE FORM */

#gap_form_container { background: #fff; border: solid 1px #c9b088; float: left; padding: 20px; }



/* BODY INLINE FORMS */

.inline_form h2 { font-size: 20px; line-height: 1.4em;}

.inline_form { background: #c9b088; width: 300px; color: #000; padding: 15px; }

.inline_form form div { margin: 0 0 10px 0; }

.inline_form label { display: block; font-size: 14px; }

.inline_form .inputbox { width: 180px; font-size: 14px; }

.inline_form input { font-size: 14px; }



/* GET A PRICE FORM FOR HOMEPAGE */

.size1 .gap_form { padding: 20px; overflow:hidden; background: #c9b088; color: #000; width: 240px; }



/* HOME PAGE LAYOVER */

#layover { display: none; width: 347px; height: 400px; background: url(/assets/templates/bordner/images/layover.png); bottom: 0; left: 20px; position: fixed; z-index: 10; font-family: inherit; }

.layover_body { padding: 20px 30px 20px 30px; margin-top: 45px; }

.layover_body .close { text-align: right; }

.layover_body h2 { font-family:Georgia; font-size: 18px; }

.layover_header { margin-left: 80px; margin-top: 5px; }

.layover_header p { font-size: 11px; font-style: italic;}

.layover_body form div { margin: 0 0 10px 0; }

.layover_body label { display: block; }

.layover_body .inputbox { width: 200px; }

.layover_body a { text-decoration: underline; }



/* SPECIAL FOOTER LINKS */

.footerlinks span { display: block; margin-bottom: 0px; }



/* HOME PRODUCT MENU */

#product-menu { float: left; padding: 0; margin-left: 20px; list-style: none; }

#product-menu li { float: left; }

#product-menu a span { font: normal 23px/1em Georgia, serif; position: absolute; bottom: 7px; left: 10px; color: #fff; }

#product-menu a:hover span {  text-decoration: underline; }

#product-menu a { float: left; display: block; width: 140px; height: 167px; margin-right: 12px; position: relative; }

#product-menu a.siding { background: url(/assets/templates/bordner/images/home/product-menu-siding.jpg); }

#product-menu a.roofing { background: url(/assets/templates/bordner/images/home/product-menu-roofing.jpg); }

#product-menu a.windows { background: url(/assets/templates/bordner/images/home/product-menu-windows.jpg); }

#product-menu a.doors { background: url(/assets/templates/bordner/images/home/product-menu-doors.jpg); }

#product-menu a.stone { background: url(/assets/templates/bordner/images/home/product-menu-stone.jpg); }

#product-menu a.stucco { margin-right: 0; background: url(/assets/templates/bordner/images/home/product-menu-stucco.jpg); }



/* HOME SIDE BUTTON OFFERS*/

.button-offers { text-align: right;}

.button-offers a { padding-bottom: 0; display:block; }

.button-offers a.top-button { padding-top: 25px; }



/* FLOATING */

#page .right_form { float: right; padding: 20px;background: #c9b088; width: 213px; color: #000; }



/* HOME SLIDES */

.slides_container {

	width:685px;

	display:none;

}



.slides_container a {

	width:685px;

	height:321px;

	display:block;

}