body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #232723 url('/images/bg_tile.jpg') repeat left top;
	font-family: bold Arial, Helvetica, sans-serif; 

	color: #D7D7D7;
}

a {
	color: #6394D6;
	text-decoration: underline;
}

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

strong {
	font-weight: bold;
	font-size: 16px;
}
.pageText {
font-size: 1.00em;
line-height:1.150em;
}

img {
	border: 0;
}

#wrap {
	width: 100%;
	min-height:550px;
	height:auto !important;
    height:550px;
	background: url('/images/content_bg.jpg') no-repeat center top;
	text-align: center;
}

#wrap-inner {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

/* #header
-------------------------------------------------------------------------------*/
#header {
	width: 1020px;
	height: 120px;
}

#header h1 {
	float: left;
	width: 266px;
	height: 120px;
	margin: 0 0 0 10px;
	padding: 0;
	background: url('/images/logo.gif') no-repeat left top;
}

#header h1 a {
	display: block;
	width: 266px;
	height: 120px;
	text-indent: -9999px;
	outline: none;
}

#header ul.warranty-estimate {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}

#header ul.warranty-estimate li {
	float: left;
	margin: 0 0 0 50px;
	padding: 0;
}

#header ul.warranty-estimate li.estimate {
	padding-top: 30px;
}

/* #menu
-------------------------------------------------------------------------------*/
#menu {
	width: 1020px;
	height: 35px;
	margin-bottom: 20px;
}

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

#menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 35px;
	text-align: center;
}

#menu ul li ul {
	background: #CFDEFF;
}

#menu ul li ul li {
	text-align: left;
}

#menu ul li a {
	color: #A3BED8;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #A3BED8;
}

#menu ul li ul li a {
	color: #FFFFFF;
}

#menu ul li ul li a:hover {
	color: #A3BED8;
}

#menu ul li.services {
	width: 103px;
}

#menu ul li.roofing-info {
	width: 143px;
}

#menu ul li.gallery {
	width: 95px;
}

#menu ul li.showroom {
	width: 121px;
}

#menu ul li.testimonials {
	width: 145px;
}

#menu ul li.about-us {
	width: 112px;
}

#menu ul li.contact-us {
	width: 127px;
}

#menu ul li.faqs {
	width: 71px;
}

#menu ul li.survey {
	width: 83px;
}

#menu ul li a.active-main {
	color: #CCCCCC;
}

#menu ul li a.active-sub {
	color: #A3BED8;
}

/*--------Sub Menu on Why Use a system-----------*/
.subMenu {
padding:5px 0 7px 0;
margin:0 auto;
font:bold .700em Arial, Helvetica, sans-serif;
border-top:1px solid #3399CC;
border-bottom:1px solid #3399CC;
color:#ffffff;
text-align:center;
}
.subMenu a {
color:#A3BED8;
text-decoration:none;
}
.subMenu a:hover {
color:#ffffff;
text-decoration:none;
}

/* #rotation
-------------------------------------------------------------------------------*/
#rotation {
	width: 1000px;
	height: 256px;
	margin: 20px 0 20px 10px;
	padding: 0;
}

#rotation embed,
#rotation object {
	margin: 0;
	padding: 0;
}

/* #content
-------------------------------------------------------------------------------*/
#content {
	float: left;
	display: inline;
	width: 1020px;
	background: url('/images/content_divide.gif') repeat-y center top;
}

#content #content-primary {
	float: left;
	display: inline;
	width: 670px;
	margin: 0 30px 0 10px;
	line-height: 1.5em;
	font-size: 1.2em;
}

#content #content-secondary {
	float: left;
	display: inline;
	width: 300px;
	line-height: 1.4em;
}

#content-single {
	float: left;
	display: inline;
	width: 1020px;
	font-size: 1.2em;
}

#content-single #content-column {
	float: left;
	display: inline;
	width: 810px;
	margin-left: 110px;
}

/*----- #content-primary styles -----*/
#content #content-primary h2 {
	margin: 20px 0;
	font-size: 2.0em;
	font-weight: normal;
	color: #DF3C3C;
}

#content #content-primary h3 {
	margin: 20px 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #6394D6;
	border-bottom: 1px solid #4B4B4C;
}

#content #content-primary h4 {
	margin: 20px 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #6394D6;
	/*border-bottom: 1px solid #4B4B4C;*/
}

#content #content-primary ul li {
	margin-bottom: 10px;
}

/*----- #content-single styles -----*/
#content-single h2 {
	margin: 20px 0;
	font-size: 2.0em;
	font-weight: normal;
	color: #DF3C3C;
}

#content-single h3 {
	margin: 20px 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #6394D6;
	border-bottom: 1px solid #4B4B4C;
}

#content-single h4 {
	margin: 20px 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #6394D6;
	/*border-bottom: 1px solid #4B4B4C;*/
}

#content-single ul li {
	margin-bottom: 10px;
}

/*----- #content-secondary styles -----*/
#content #content-secondary h3 {
	border-bottom: 1px solid #4B4B4C;
	color: #4B4B4C;
}

#content #content-secondary .logo-thumbs {
	float: left;
	list-style: none;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}

#content #content-secondary .logo-thumbs li {
	display: inline;
	width: 33%;
	margin: 0 4px;
	padding: 0;
	text-align: center;
}

/* #contact-form
-------------------------------------------------------------------------------*/
#contact-form b {
	margin-bottom: 5px;
}

/* #footer
-------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 1020px;
	margin: 0;
}

#footer ul {
	float: left;
	width: 1000px;
	margin: 20px 0 0 10px;
	padding: 10px 0;
	border-top: 1px solid #4B4C4D;
	list-style: none;
	font-size: 0.9em;
	color: #4B4B4C;
}

#footer ul li {
	margin: 0;
	padding: 0;
}

#footer ul li.copyright {
	float: left;
	margin-right: 10px;
	line-height: 25px;
}

#footer ul li.cc-visa {
	float: left;
	margin-right: 5px
}

#footer ul li.cc-master {
	float: left;
	margin-right: 5px
}

#footer ul li.cc-discover {
	float: left;
}

#footer ul li.fish {
	float: right;
}