/* CSS Document */

* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.0625em;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#898989;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

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

.link{color:#0c0c0c; font-weight:bold; background:url(images/marker1.gif) top left no-repeat; padding-left:7px; background-position:0 5px;  }
.link1{color:#0c0c0c; }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:7px; }
#content ul li a{color:#0c0c0c; font-weight:bold; text-decoration: underline; line-height:1.58em} 
#content ul li a:hover { text-decoration:none; }

#content ol{margin:0; padding:0; list-style-position:inside; font-weight:bold; color:#ff6225}
#content ol li{background:none; margin:0; padding-left:0; }
#content ol li a{color:#898989; font-weight:bold; text-decoration: underline; line-height:2em; font-weight:normal} 
#content ol li a:hover { text-decoration:none; }

#content .ol{margin:0; padding:0; list-style-position:inside; font-weight:bold; color:#ff6225}
#content .ol li{margin:0; padding-left:0; background:url(images/tail.gif) repeat-x left  bottom; padding-bottom:21px;  }
#content .ol .last{margin:0; padding-left:0; background:none; padding-bottom:31px;  }
#content .ol li span{color:#898989; font-weight:normal }
#content .ol li a{color:#ff6225; font-weight:bold; text-decoration:none; line-height:2em;} 
#content .ol li a:hover { text-decoration:underline; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:.916em }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:1px 11px 4px 11px; font-style:normal;}
.link-1:hover{ background:url(images/link_bg-1.gif) left top repeat-x;}
.link-1:hover em{ background:url(images/link_left-1.gif) no-repeat left top;}
.link-1:hover  b { background:url(images/link_right-1.gif) no-repeat right top; }

.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:.916em;padding-bottom:5px; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:1px 11px 4px 11px; font-style:normal;}
.link-2:hover{ background:url(images/link_bg1-1.gif) left top repeat-x;}
.link-2:hover em{ background:url(images/link_left1-1.gif) no-repeat left top;}
.link-2:hover  b { background:url(images/link_right1-1.gif) no-repeat right top; }

.link-2a { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:.916em; }
.link-2a em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2a  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:1px 11px 4px 11px; font-style:normal;}

#company-info{margin-bottom:30px;}
#content #company-info li{margin-bottom:7px;}
.nounderline{text-decoration:none;}
#victorian{margin-left:23px;margin-top:30px;}
#conservatory{margin-left:15px;margin-top:10px;}

/*header*/
#header {font-size:0.75em; color:#445471 }
#header .block{ height:291px; background:url(images/top.jpg) no-repeat top left; }
#header .menu{ height:71px; background:url(images/menu.gif) repeat-x top left; text-align: center;}
#header .menu-left{ height:71px; background:url(images/menu-left.gif) no-repeat top left; }
#header .menu-right{ height:71px; background:url(images/menu-right.gif) no-repeat top right; text-align:center;}
#header .logo{ margin:86px 0 0 71px }
#header .indent{padding:30px 0 6px 662px}
#header a{color:#445471; text-decoration:none; padding-left:10px} 
#header a:hover{color:#ff8b23; text-decoration:underline}
#header .current{color:#ff8b23; text-decoration:underline; background:url(images/marker.gif) top left no-repeat; padding-left:10px; background-position:0 5px;} 
#header .current:hover{text-decoration:none; background:none; color:#445471}

#header ul{margin:0; padding:0 0 0 8px; list-style:none;}
#header ul li .first{background:none; padding-left: 40px;}
#header ul li{ margin:0; display:inline; background:url(images/bg_menu-act.gif) no-repeat top center; background-position:23px 8px; padding:0px 0px 0px 0px ; float:left}
#header ul .li{  background-position:10px 8px; }
#header ul li a{color:#f9f5b2; text-decoration:none; text-align:center; font-size:1.33em; display:block; float:left; background:url(images/bg_menu1.gif)  center left no-repeat; padding:25px 23px 25px 25px} 
#header ul li a:hover { color:#0c0c0c; text-decoration:none;}


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:17px 27px 0 26px}
#content .indent-main1{padding:28px 4px 33px 16px}
#content .indent-main1-1{padding:28px 4px 23px 16px}
#content .indent-main1-2{padding:0 4px 33px 16px}
#content .indent-main2{padding:18px 3px 33px 15px}
#content .indent-main3{padding:17px 27px 20px 26px}
#content .indent-col{padding:25px 25px 0 11px}
#content .indent-col1{padding:0 25px 45px 11px}
#content .indent-col2{padding:0 25px 25px 11px}
#content .indent-col3{padding:25px 15px 0 0}
#content .title{  margin-bottom:13px}
#content .title1{  margin-bottom:23px}
#content .title2{  margin-bottom:29px}
#content .title3{  margin-bottom:39px}
#content .img-left{ float:left; margin:0 24px 16px 0}
#content .img-left1{ float:left; margin:0 17px 16px 0}
#content .img-left2{ float:left; margin:0 17px 4px 0}
#content .img-indent{ margin:0 3px 20px 0}
#page8 #content p{ margin:0 0 17px 0}
#content p{ margin:0 0 13px 0}
#content .p{ margin:0 0 19px 0}
#content .p1{ margin:0 0 25px 0}
#content h3{color:#272727; font-size:1em; margin-bottom:13px; text-transform:uppercase  }
#content h4{color:#ff6225; font-size:1em; margin-bottom:3px;   }
#content .txt{color:#272727; font-size:1.5em; font-weight:bold  }
#content .tail{ background:url(images/tail1.gif) no-repeat bottom; padding-bottom:0px; margin-bottom:0px}
#content .tail1{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:0px; margin-bottom:9px}
#content .tail2{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#page1 #content .indent{padding:0 0 0 176px}
#page4 #content .indent{padding:0 0 0 176px}
#page5 #content .indent{padding:0 0 0 250px}
#page7 #content .indent{padding:0 0 0 176px}

/*box*/
.box{ background:#e8e8e8; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:23px 27px 26px 27px; }

/*box1*/
.box1{ background:#e3e3e3; width:100%;}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:23px 27px 26px 27px;}
#page1 .col-3 .box1{margin-top:15px;}

/*footer*/
#footer { color:#878787; font-size:0.75em; }
#footer .indent-footer{ padding:22px 25px 0 27px;}
#footer a {color:#ffffff; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer span { float:right; color:#878787}
#footer span a {color:#ac721a; }

.indent-2{ position:relative; padding-left:10px; float:left}
.h{ height:26px}
.block-contact span{ float:right; margin-right:60px}
input{
   	border:1px solid #a4a4a4; 
	background:#ebebeb;
	width:172px; height:17px;
	font-size:1em;
	padding-top:2px;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #a4a4a4; 
	background:#ebebeb;
	width:218px; height:71px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
#gallerythumbs {
	display: block;
	position: relative;
	width: 125%;
	left: -20px;
	margin: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #663333;
	text-align: center;
	padding-top: 195px;
	text-decoration: underline;
	margin-right: 80px;
}
#gallerythumbs a {color: #663333;}
#callerycategorythumb {
	display: block;
	position: relative;
	float: left;
	margin-left: -1px;
	width: 224px;
	height: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	float: left;
	color: #663333;
	text-align: center;
	text-decoration: underline;
}

#spacer {
	display: block;
	top: 20px;
	position: relative;
	height: 100px;
}
.singlegallery {min-height: 570px; font-size: 14pt;}
.maingallery {min-height: 220px; font-size: 14pt;}
.brochuregallery {min-height: 220px;}
.brochuregallery ol {font-size: 11pt;}
#gallerythumb {
	display: block;
	position: relative;
	width: 125%;
	left: -20px;
	color: #663333;

}
#gallerythumb ol {
	list-style-type: none;
	color: #663333;
}
#gallerythumb li {
	display: block;
	position: relative;
	float: left;
	margin-left: -1px;
	min-width: 224px;
	min-height: 190px;
	font-family: Arial, Helvetica, sans-serif;
	color: #663333;
	text-align: center;
	text-decoration: underline;
}
#gallerythumb a {
	color: #663333;
}
#negativespacer {
	display: block;
	position: relative;
	height: 10px;
	margin-bottom: -45px;
	}

#logolist img {
	float: left;
}
#navbuttons {
	width: 100%; text-align: center; padding-top: 15px;
}
#navbuttons img {
	padding-left: 10px;
	padding-right: 10px;
}
.partner_column {
	display: block;
	height: auto;
	float: left;
	width: 170px;
	margin-top: 15px; 
	margin-bottom: 15px;
}
#bottomnav {
	display: block;
	position: relative;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}
#bottomnav ul {list-style-type: none;}
#bottomnav ul li {float: left; margin-right: 7px; padding-right: 7px font-size:0.75em;}
#bottomnav ul li.last {border-right: none;}
#bottomnav ul li a {color: #878787;}


.estimate-logo-area {float: left; width: 350px; }
.estimate-table {width: 500px; float: left; border-collapse: collapse;}
.estimate-table.accs {width: 440px; margin: 0 12px; float: left;}
.estimate-table th, .estimate-table td {width: 75px; text-align: center;} 
.estimate-table input {width: 1.5em; display: inline;}
.estimate-table input[disabled='disabled'] {border-color: #ccc;}

.estimate-table-right {width: 400px; margin-left: 25px;}

tr.table-head {background-color: #aaa; color: #000; font-size: 17px;}
tr.table-head th {padding-top: 10px; padding-bottom: 10px;}
tr.table-head.grn {background-color: #77aa44; background-color: #F59235;}
tr.table-label {background-color: #ccc; color: #000; margin-top: 15px; border-top: 15px solid #ebebeb;}
tr.table-label td {padding-top: 10px; padding-bottom: 10px; text-align: center;}
.estimate-table td img {display: inline; margin-top: 10px;}
tr.table-label.blu {background-color: #aabbcc; background-color: #7c3911; color: #fff;}
tr.table-label.grn {/*background-color: #c5ddaa;*/ background-color: #f9c492;}
tr.odd {background-color: #ebebeb; height: 50px;}
tr.even {background-color: #ebebeb; height: 50px;}
tr.odd.blu, tr.even.blu {background-color: #e2eaee; background-color: #f4e2d1;}
tr.odd.grn, tr.even.grn {background-color: #e3eeda; background-color: #f4e2d1;}
#categories {color: #000; font-size: 14px; margin-bottom: 20px; display: none; clear: both;}
#terms {color: #000; font-size: 14px; margin-bottom: 20px; display: none; clear: both;}
#sample, #sample-2 {
	position: relative; 
	color: #000; 
	font-size: 14px; 
	margin-bottom: 20px; 
	display: none; 
	clear: both; 
	background-color: #F59235; 
	top: -20px; 
	padding-top: 20px; 
	width: 924px;
	padding-bottom: 10px;
}
#categories h3 {font-size: 18px;}
.glossary-img {
	float: left;
	margin: 0 10px 10px 0;
}
.window-size {float: left; margin-right: 25px; text-align: center; color: #444;}
.def {text-decoration: underline; cursor: pointer;}
.oversized-def, .above-def {color: #000;}
.customer-info {width: 240px; text-align: right; float: left; margin-top: 15px;}
.customer-info input {width: 150px; background-color: #fff;}
.customer-info .zip {width: 4.8em;}
.customer-info .state-input {width: 2em; margin-right: 0.2em;}
.contractor {width: 330px;}

#categories-tab, #terms-tab, #sample-tab, #accs-tab, .accs-link {
	display: block; 
	height: 30px; 
	width: 298px; 
	text-indent: 10px; 
	font-size: 17px; 
	color: #000;
	background-color: #ccc;
	line-height: 29px;
	font-weight: bold;
	margin-bottom: 20px;
	cursor: pointer;
	float: left;
	margin-right: 15px;
}
#sample-tab {margin-right: 0; cursor: default;}
#sample-tab-1, #sample-tab-2 {cursor: pointer; display: block; float: left; height: 100%; padding-left: 30px; padding-right: 30px; margin-left: 21px;}
#sample-tab-2 {margin-left: 0;}
#accs-tab, .accs-link {background-color: #557abb; cursor: pointer; width: 950px; text-align: center; background-color: #663318; color: #fff;}
#accs {display: none;}
.orange-bg {background-color: #F59235 !important;}

#sample-table {
	border-color: #F59235;
	background: none;
}
#sample-table td {
	border-color: #F59235;
	border: none;
}
.questions {
	width: 390px;
	height: 270px;
	margin-top: 10px;
	background-color: #fff;
}
#submit {
	display: block;
	position: relative;
	background: none; 
	border: none; 
	color: #000; 
	height: 110px; 
	width: 125px; 
	background: url("images/email-icon.png") center top no-repeat; 
	cursor: pointer;
	text-indent: -99999px;
}
#submit-area {position: fixed; right: 0; padding: 7px;}
label.error {font-weight: bold; position: absolute; right: 140px; height: auto;}
label.error[for="zip"] {margin-top: -8px;}
label.error[for="state"] {margin-top: 8px;}

input.error {background-color: #FFF4DE;}
input[type="radio"] {width: auto; margin-right: 10px;}
a[href="estimate-form.html"] {font-weight: bold;}