﻿/* Able Roof CSS Document May 2009 */
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #362919 url('../images/pg-bg.gif') repeat-x fixed left top;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6, div, form {
	margin: 0px;
}
/* >>>>>>>>>>>>>>> Header >>>>>>>>>>>>>>> */
.header {
	background: #fce6cd url('../images/header-bg.gif') no-repeat scroll left top;
}
.header-inside {
	background: #fce6cd url('../images/header-inner-bg.gif') no-repeat scroll left top;
	text-align: left;
	vertical-align: top;
	height: 89px;
}
.fr {
	float: right;
	margin-left: 10px;
}
.fl {
	float: left;
	margin-right: 10px;
}
.bcolor {
	background-color: #fce6cd;
}
.hero {
	background: #fce6cd url('../images/hero-bg.gif') repeat-x scroll left top;
}
.sup {
	font-size: 12px !important;
}
.sup {
	font-size: 12px !important;
}
.icon {
	border: 0;
	vertical-align: bottom;
	margin: 0 5px 0 0;
	padding: 0;
}
p {
	margin: 1em 0;
}
.ptop {
	margin-top: 0em;
}
.pno {
	margin: 0;
}
.top {
	margin: 0;
	text-align: right;
	padding-bottom: 5px;
}
.hr {
	border: 0;
	background-color: #8d7b6d;
	color: #8d7b6d;
	margin: 0 0 10px 0;
	height: 1px;
	padding: 0;
}
/* Table Styles */
.mtbl {
	background-color: #ecd0ba;
}
.mtbl tr.rowhead td {
	padding: 3px;
	border: 0;
}
.mtbl td {
	background-color: #f5f0ea;
}
.mtbl td.hcol {
	background-color: #e3ded8;
	border: 0;
	padding: 3px;
}
.grid {
	background-color: #cccccc;
	font-size: 11px;
}
.grid td {
	background-color: #ffffff;
	text-align: center;
	padding: 4px 1px;
}
tr.row1 td {
	background-color: #dcdcdc;
}
/* >>>>>>>>>>>>>>> Testimonials >>>>>>>>>>>>>>> */
.tbox-wrapper {
	padding: 10px 10px 10px 25px;
}
.tbox {
	border-left: 5px solid #ecd0ba;
	padding: 15px 10px;
	background-color: #f4e9dc;
	margin-bottom: 15px;
	font-family: Georgia;
	font-size: 12px;
	line-height: 20px;
	font-style: italic;
	color: #545454;
}
.quote {
	background: transparent url(../images/ldquo-grey.gif) left top no-repeat;
}
div.tbox p.quoteme {
	margin: 0 0 10px 20px;
	background: transparent url(../images/rdquo-grey.gif) right bottom no-repeat;
	padding: 0 4px 0 0;
}
.author {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #9a4d32;
}
/* >>>>>>>>>>>>>>>>>>>> FAQ Display >>>>>>>>>>>>>>>>>>>>>>> */
.faq {
	padding: 25px 0 0 0;
	margin: 0;
}
.faq li {
	padding: 0 0 15px 0px;
	list-style-type: none;
	font-weight: bold;
	color: #9a4d32;
	line-height: 17px;
}
.faq li ul {
	padding: 0;
	margin: 0;
}
.faq li ul li {
	padding: 5px 0 0 0;
	background-image: none;
	font-weight: normal;
	font-size: 12px;
	color: #545454;
	line-height: 17px;
}
/* >>>>>>>>>>>>>>> Local Navigation >>>>>>>>>>>>>>> */
.localnav {
	background-color: #fce6cd;
	padding: 5px;
	margin: 0;
	text-align: right;
}
.localnav ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.localnav li {
	margin: 0 12px 0 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	color: #dd0024;
	line-height: 15px;
	display: inline;
	background: transparent url(../images/blt.gif) no-repeat scroll left 4px;
}
.localnav a {
	color: #dd0024;
	text-decoration: none;
}
.localnav a:hover {
	color: #773c33;
	text-decoration: underline;
}
.localnav a.current:link, .localnav a.current:visited {
	text-decoration: none;
	color: #773c33;
}
.localnav a.current:active, .localnav a.current:hover {
	text-decoration: underline;
	color: #773c33;
}
/* >>>>>>>>>>>>>>> Global Navigation >>>>>>>>>>>>>>> */
.globalnav {
	text-transform: uppercase;
	font-size: 11px;
	color: #ffffff;
	line-height: 15px;
	padding: 5px;
	width: 600px;
}
.globalnav a {
	color: #ffffff;
	text-decoration: none;
}
.globalnav a:hover {
	color: #f40026;
	text-decoration: none;
}
/* >>>>>>>>>>>>>>> Main Navigation >>>>>>>>>>>>>>> */
#menu_inner {
	background: transparent url('../images/nav-bg1.gif') no-repeat scroll right top;
}
#menu_inner1 {
	background: #282828;
}
#menu_home {
	background: transparent url('../images/nav-bg.gif') no-repeat scroll left top;
	text-align: center;
}
#mainmenu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 15px;
	height: 48px;
	text-align: center;
}
#mainmenu li {
	margin: 0;
	float: left;
}
#mainmenu li a {
	display: block;
	text-decoration: none;
	padding: 0 19px;
	line-height: 48px;
	color: #d1a67e;
}
#mainmenu li a:hover, #mainmenu li a.current, #mainmenu li a.current:visited {
	color: #f5f0ea;
	text-decoration: none;
}
/* >>>>>>>>>>>>>>> Left Navigation >>>>>>>>>>>>>>> */
#menu {
	width: 302px;
	background: #9b6158 url('../images/leftnav-bg.gif') repeat-y scroll left top;
	padding: 0px;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu ul li {
	padding: 0 0 1px 10px;
	margin: 0;
	list-style-type: none;
	background: transparent url('../images/nav-split.gif') no-repeat scroll left top;
}
#menu li a, #menu li a:visited {
	line-height: 37px;
	text-decoration: none;
	padding: 0 0 0 30px;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: #e6c090;
	display: block;
	background: transparent url(../images/nav-blt.gif) no-repeat scroll left 11px;
}
#menu li a:hover, #menu li a:active {
	color: #f5f0ea;
	background: transparent url(../images/nav-blt.gif) no-repeat scroll left 11px;
}
/* >>>>>>>>>>>>>>> Left Navigation Inner Page >>>>>>>>>>>>>>> */
#menu-inner {
	width: 222px;
	background: #9b6158 url('../images/leftnav-bg.gif') repeat-y scroll left top;
	padding: 0px;
}
#menu-inner ul {
	padding: 0;
	margin: 0;
}
#menu-inner ul li {
	padding: 0 0 1px 10px;
	margin: 0;
	list-style-type: none;
	background: transparent url('../images/nav-split.gif') no-repeat scroll left top;
}
#menu-inner li a, #menu-inner li a:visited {
	line-height: 37px;
	text-decoration: none;
	padding: 0 0 0 30px;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: #e6c090;
	display: block;
	background: transparent url(../images/nav-blt.gif) no-repeat scroll left 11px;
}
#menu-inner li a:hover, #menu-inner li a:active, #menu-inner li a.current, #menu-inner li a.current:visited {
	color: #f5f0ea;
	background: transparent url(../images/nav-blt.gif) no-repeat scroll left 11px;
}
/* Bullet List */
.bullet {
	text-align: left;
	padding: 10px 0px 8px 10px;
	margin: 0px;
}
.bullet li {
	background: transparent url(../images/blt.gif) no-repeat scroll left 5px;
	color: #545454;
	font-size: 12px;
	line-height: 16px;
	margin: 0pt;
	padding: 0px 0px 7px 12px;
	list-style-type: none;
}
.bullet li a {
	text-decoration: none;
	color: #545454;
}
.bullet li a:hover {
	text-decoration: none;
	color: #D25137;
}
.bullet1 {
	text-align: left;
	padding: 10px 0px 8px 0px;
	margin: 0px;
}
.bullet1 li {
	background: transparent url(../images/blt.gif) no-repeat scroll left 5px;
	color: #545454;
	font-size: 11px;
	line-height: 15px;
	margin: 0pt;
	padding: 0px 0px 2px 12px;
	list-style-type: none;
}
.bullet1 li a {
	text-decoration: none;
	color: #545454;
}
.clist {
	text-align: left;
	padding: 5px 0px 0px 10px;
	margin: 0px;
}
.clist li {
	color: #545454;
	font-size: 12px;
	line-height: normal;
	margin: 0pt;
	padding: 0px 0px 15px 35px;
	list-style-type: none;
	background: transparent url(../images/blt-roof.gif) no-repeat scroll left 3px;
}
.clist li a {
	text-decoration: none;
	color: #545454;
}
.clist li a:hover {
	text-decoration: none;
	color: #D25137;
}
.listnav {
	text-align: left;
	padding: 10px 0px 8px 15px;
	margin: 0px;
}
.listnav li {
	background: transparent url(../images/blt.gif) no-repeat scroll left 5px;
	color: #9f655c;
	font-size: 12px;
	line-height: normal;
	margin: 0pt;
	padding: 0px 0px 3px 12px;
	list-style-type: none;
}
.listnav li a {
	text-decoration: none;
	color: #9f655c;
}
.listnav li a:hover {
	text-decoration: underline;
	color: #782302;
}
.listnav1 {
	text-align: left;
	padding: 10px 0px 8px 8px;
	margin: 0px;
}
.listnav1 li {
	background: transparent url(../images/blt-roof1.gif) no-repeat scroll left 5px;
	color: #9f655c;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	margin: 0pt;
	padding: 0px 0px 3px 25px;
	list-style-type: none;
}
.listnav1 li a {
	text-decoration: none;
	color: #9f655c;
}
.listnav1 li a:hover {
	text-decoration: underline;
	color: #782302;
}
.sitenav {
	text-align: left;
	padding: 10px 0px 8px 8px;
	margin: 0px;
}
.sitenav li {
	background: transparent url(../images/blt-roof1.gif) no-repeat scroll left 5px;
	color: #9f655c;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	margin: 0pt;
	padding: 0px 0px 3px 25px;
	list-style-type: none;
}
.sitenav li a {
	text-decoration: none;
	color: #9f655c;
}
.sitenav li a:hover {
	text-decoration: underline;
	color: #782302;
}
/* Side Menu */
.sectionhead {
	background-color: #E8DBCE;
	font-size: 15px;
	color: #A84600;
	line-height: 20px;
	font-weight: bold;
	padding: 3px 8px;
}
.pagetitle {
	font-size: 24px;
	color: #A84600;
	line-height: 28px;
	font-weight: normal;
	padding-bottom: 10px;
}
.subpgtitle {
	font-size: 16px;
	color: #A84600;
	line-height: 20px;
	font-weight: bold;
	padding: 10px 0 0 0;
}
.sectionhead {
	background-color: #E8DBCE;
	font-size: 14px;
	color: #A84600;
	line-height: 20px;
	font-weight: bold;
	padding: 3px 8px;
}
.titletag {
	font-size: 25px;
	line-height: 30px;
	font-family: 'Arial Black';
	color: #000000;
	font-style: italic;
	font-weight: normal;
}
.titletag span {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.title {
	font-size: 19px;
	color: #000000;
	line-height: 25px;
	font-style: italic;
	font-weight: normal;
}
.title1 {
	font-size: 24px;
	color: #545454;
	line-height: 28px;
}
.title2 {
	font-size: 22px;
	color: #782302;
	line-height: 26px;
	font-weight: bold;
}
.title3 {
	font-family: Tahoma;
	font-size: 22px;
	color: #5B3B14;
	line-height: 23px;
	font-weight: bold;
}
.title4 {
	font-family: Tahoma;
	font-size: 20px;
	color: #A84600;
	line-height: 25px;
	font-weight: normal;
}
.title5 {
	font-size: 17px;
	color: #A84600;
	line-height: 24px;
	font-weight: bold;
}
.subtitle {
	font-size: 14px;
	color: #9a4d32;
	line-height: 18px;
	font-weight: bold;
}
a.subtitle:link, a.subtitle:visited {
	text-decoration: none;
	color: #9a4d32;
}
a.subtitle:active, a.subtitle:hover {
	text-decoration: none;
	color: #782302;
}
.subtitle1 {
	font-size: 14px;
	color: #545454;
	line-height: 18px;
	font-weight: bold;
}
a.subtitle1:link, a.subtitle1:visited {
	text-decoration: none;
	color: #545454;
}
a.subtitle1:active, a.subtitle1:hover {
	text-decoration: underline;
	color: #545454;
}
.subtitle2 {
	font-size: 14px;
	color: #740817;
	line-height: 16px;
	font-family: Tahoma;
}
a.subtitle2:link, a.subtitle2:visited {
	text-decoration: none;
	color: #795931;
}
a.subtitle2:active, a.subtitle2:hover {
	text-decoration: underline;
	color: #A84600;
}
.subtitle3 {
	font-size: 12px;
	color: #9a4d32;
	line-height: 16px;
	font-weight: bold;
}
a.subtitle3:link, a.subtitle3:visited {
	text-decoration: none;
	color: #9a4d32;
}
a.subtitle3:active, a.subtitle3:hover {
	text-decoration: none;
	color: #782302;
}
.subtitle5 {
	font-size: 12px;
	color: #ff0000;
	line-height: 16px;
	font-weight: bold;
}
a.subtitle5:link, a.subtitle5:visited {
	text-decoration: underline;
	color: #ff0000;
}
a.subtitle5:active, a.subtitle5:hover {
	text-decoration: none;
	color: #ff0000;
}
.subtitle4 {
	font-size: 11px;
	color: #9a4d32;
	line-height: 16px;
	font-weight: bold;
}
a.subtitle4:link, a.subtitle4:visited {
	text-decoration: none;
	color: #9a4d32;
}
a.subtitle4:active, a.subtitle4:hover {
	text-decoration: none;
	color: #782302;
}
.body {
	font-size: 12px;
	color: #545454;
	line-height: 17px;
}
a.body:link, a.body:visited {
	text-decoration: underline;
	color: #545454;
}
a.body:active, a.body:hover {
	text-decoration: none;
	color: #9a4d32;
}
.body1 {
	font-size: 11px;
	color: #363636;
	line-height: 15px;
}
a.body1:active, a.body1:hover {
	text-decoration: none;
	color: #363636;
}
a.body1:active, a.body1:hover {
	text-decoration: none;
	color: #A84600;
}
.body2 {
	font-size: 11px;
	color: #D25137;
	line-height: normal;
}
a.body2:link, a.body2:visited {
	text-decoration: none;
	color: #D25137;
}
a.body2:active, a.body2:hover {
	text-decoration: underline;
	color: #A84600;
}
.body3 {
	font-size: 11px;
	color: #740817;
	line-height: 15px;
}
a.body3:link, a.body3:visited {
	color: #740817;
	text-decoration: underline;
}
a.body3:active, a.body3:hover {
	color: #D25137;
	text-decoration: underline;
}
.body4 {
	font-size: 12px;
	color: #D25137;
	line-height: normal;
	font-style: italic;
}
a.body4:link, a.body4:visited {
	text-decoration: none;
	color: #D25137;
}
a.body4:active, a.body4:hover {
	text-decoration: underline;
	color: #A84600;
}
.callout {
	width: 200px;
	float: right;
	padding: 10px;
	border: 1px solid #cca287;
	margin: 0 0 0 10px;
	background-color: #ebceb4;
	font-size: 13px;
	color: #282828;
	line-height: 20px;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia;
	text-align: center;
}
/* >>>>>>>>>>>>>>> Footer >>>>>>>>>>>>>>> */
.address {
	padding: 10px;
}
.footer-wrapper {
	background: #cca287 url('../images/footer-bg.gif') no-repeat scroll left top;
}
.footer-bg {
	background: #cca287 url('../images/footer-bg-inner.gif') no-repeat scroll left top;
}
.footphone {
	font-size: 24px;
	color: #545454;
	line-height: 28px;
	padding-top: 10px;
}
.flogo img {
	border-width: 0px;
	margin: 0 5px 0 0;
	font-size: 11px;
}
.footer {
	font-size: 12px;
	color: #545454;
	line-height: 16px;
}
a.footer:link, a.footer:visited {
	text-decoration: underline;
	color: #F6D19E;
}
a.footer:active, a.footer:hover {
	text-decoration: none;
	color: #F6D19E;
}
.footertxt {
	font-size: 10px;
	color: #545454;
	line-height: 10px;
	padding: 0 26px;
}
.footertxt p {
	margin: 0.7em 0;
}
.footernav {
	font-size: 12px;
	color: #282828;
	line-height: 17px;
}
.footernav a {
	color: #282828;
	text-decoration: none;
}
.footernav a:hover {
	color: #282828;
	text-decoration: underline;
}
/* Search box */
.input-search {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 1px;
	margin: 0px;
	color: #666666;
	width: 135px;
	border: 1px solid #D3D3D3;
}
.btn-search {
	border: 1px solid #D3D3D3;
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50px;
	color: #00A4E4;
}
/* Forms Style */
form {
	margin: 0;
	padding: 0;
}
.input {
	padding: 1px 0;
	margin: 0px;
	width: 200px;
	border: 1px solid #d6d5c2;
	background-color: #fff;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Sans-serif;
}
.inputphone {
	padding: 1px 0;
	margin: 0px;
	width: 58px;
	border: 1px solid #d6d5c2;
	background-color: #fff;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.select {
	padding: 0px;
	margin: 0px;
	width: 200px;
	border: 1px solid #d6d5c2;
	background-color: #fff;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}
.textarea {
	padding: 1px 0;
	margin: 0px;
	width: 200px;
	height: 40px;
	border: 1px solid #d6d5c2;
	background-color: #fff;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.textarea1 {
	padding: 1px 0;
	margin: 0px;
	width: 200px;
	height: 60px;
	border: 1px solid #d6d5c2;
	background-color: #fff;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.button {
	padding: 2px 10px;
	background-color: #d7d3cf;
	border: 1px solid #8e7f7d;
	color: #353738;
	width: 65px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.req {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #ff0000;
}
.imgbor1 {
	background-color: #F5F0EA;
	border: 1px solid #545454;
	padding: 2px;
	margin: 0px 0px 0px 0px;
}
