@charset "UTF-8";

/* Reset Styles ========== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }

/* .png IE fix ========== */
img, div { behavior: url(images/iefix/iepngfix.htc) }

/* Page Structure ========== */
html, body {
	font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	background: url(../images/body/glow.png) no-repeat top center #0d336d;
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
}

#push {
	height: 80px;
}

#page-wrap {
	width: 960px;
	height: 518px;
	margin: 0 auto;
	position: relative;
}

#content {
	background: url(../images/content/content-bg.png) no-repeat top left;
	width: 960px;
	height: 518px;
	padding: 0;
	position: absolute;
	top: -47px;
}

#estimate {
	width: 140px;
	height: 38px;
	position: absolute;
	right: 33px;
	top: 1px;	
}




/* Commonly used classes ========== */
.clear {
	clear: both;
}

.center {
	text-align: center;
}




/* Layout ========== */
.paragraph {
	width: 310px;
	height: 450px;
	padding: 10px 10px 10px 30px;
	position: absolute;
	top: 39px;
	left: 0px;
}

.information {
	width: 540px;
	height: 450px;
	padding: 10px 30px 10px 10px;
	position: absolute;
	top: 39px;
	right: 0px;
}




/* Typography ========== */
h1 {
	position: absolute;
	top: 1px;
	margin: 0 0 0 60px;
	padding: 7px 0 0 0;
	width: 224px;
	text-align: center;
	font-family: "Molengo", Helvetica, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	color: #0d3659;
}

h2 {
	font-family: 'Lobster', arial, serif;
	font-size: 48px;
	float: left;
	padding: 0 0 0 10px;
	color: #844747;
}

h3 {
	font-family: "Molengo", Helvetica, sans-serif;
	font-size: 20px;
	padding: 0 0 6px 0;
	font-weight: normal;
}

p {
	font: normal normal normal 13px/1.3 Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #393939;
	padding: 0 0 10px 0;
	font-size: 13px;
}

a {
	color: #154974;
}

.hidden {
	text-indent: -9999px;
}




/* Header and Navigation ========== */
#header {
	width: 100%;
	height: 205px;
}

#header-inside {
	width: 960px;
	margin: 0 auto;
	height: 205px;
	position: relative;
}

.logo {
	position: absolute;
	top: 30px;
	left: 61px;
}

#mainNav {
	background: url(../images/header/navigation-bg.png) no-repeat top center;
	width: 487px;
	height: 67px;
	position: absolute;
	top: 61px;
	right: 68px;
}



/*#mainNav {	
	position: absolute;
	top: 61px;
	right: 68px;
	width: 487px;
	height: 67px;
}*/

#nav {
	font-family: "Molengo", Helvetica, sans-serif;
	padding: 0 0 0 50px;
}

#nav li {
	float: left;
	padding: 24px 30px 0 0;
	display: inline;
}

#nav li a {
	color: #10324d;
	font-weight: bold;
	font-size: 16px;
}

.contact {
	padding: 24px 0 0 0;
}

ul#nav li a:hover,
body#home-page ul#nav li.home a,
body#process-page ul#nav li.process a,
body#portfolio-page ul#nav li.portfolio a,
body#vendors-page ul#nav li.vendors a,
body#contact-page ul#nav li.contact a,
body#estimate-page ul#nav li.estimate a {
	color: #844747;
}

#home-page #nav li.home > a,
#process-page #nav li.process > a,
#portfolio-page #nav li.portfolio > a,
#vendors-page #nav li.vendors > a,
#contact-page #nav li.contact > a,
#estimate-page #nav li.estimate > a {
       pointer-events: none;
       cursor: default;
}




/* Home Page ========== */
#slideshow-home {
	width: 520px;
	height: 400px;
	margin: 10px 0 0 0;
}

#address {
	width: 398px;
	margin: 35px auto 0 auto;
	padding: 10px;
	font-size: 12px;
	border-top: 1px solid #4d6b98;
	border-bottom: 1px solid #4d6b98;
	background-color: #f4f3e0;
}

#address span {
	display: block;
	letter-spacing: .08em;
}

.add {
	padding: 2px 0 0 0;
}




/* Process Page ========== */
#process {
	width: 540px;
	height: 470px;
}

.step, .step-last, .step-four {
	display: block;
	text-align: left;
	width: 540px;
}

.step {
	height: 79px;
}

.step, .step-four {
	border-bottom: 1px dotted #844747;
}

.step-last {
	height: 79px;
}

.step-four {
	height: 129px;
}

.step:hover, .step-last:hover, .step-four:hover {
	background-color: #f4efd7;
}

.step p, .step-last p, .step-four p {
	padding: 15px 0 0 55px;
}

.five-steps {
	font: normal normal normal 48px "Lobster", "Trebuchet MS", Helvetica, sans-serif;
	color: #844747;
	display: block;
	margin: 15px 0 0 0;
	padding: 20px;
	background-color: #f4efd7;
	border: 2px solid #844747;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}




/* Vendors Page ========== */
#vendor-content {
	width: 880px;
	height: 450px;
	padding: 10px 30px;
}

p.vendor-intro {
	padding: 45px 0 10px 0
}

.asphalt {
	padding: 0 0 0 15px;
}

.other-vendors {
	padding: 0 0 0 30px;
}

.vendor-list p {
	font: normal normal normal 12px/1.3 "Molengo", Helvetica, sans-serif;
	padding: 0 0 4px 105px;
}

.vendor-list {
	float: left;
	overflow: hidden;
}

.vendor-list li {
	background-image: url(../images/content/vendors/vendor-sprite.png);
	background-repeat: no-repeat;
	width: 247px;
	height: 68px;
	padding: 10px 15px 10px 0;
	margin: 0 0 5px 0;
	border: dotted 1px #534634;
}

.vendor-list li a {
	width: 247px;
	height: 68px;
	display: block;
}

p.link {
	color: #534634;
	font-size: 12px;
}

li.davanci {
	background-position: 0px 0px;
}

li.tamko {
	background-position: 0px -91px;
}

li.certainteed {
	background-position: 0px -182px;
}

li.cedar {
	background-position: 0px -273px;
}

li.chris {
	background-position: 0px -364px;
}

li.owens {
	background-position: 0px -455px;
}

li.gaf {
	background-position: 0px -546px;
}

li.good {
	background-position: 0px -637px;
}

li.iko {
	background-position: 0px -728px;
}




/* Contact Page ========== */
#contact-info p {
	display: block;
	padding: 0;
}

.tilden {
	font-size: 18px;
	color: #154970;
}

#wufoo {
	height: 742px;
	width: 900px;
	overflow-y: auto;
	overflow-x: hidden; 
}

#wufoo-small {
	width: 540px;
	height: 430px;
	overflow-y: auto;
	overflow-x: hidden; 
}

#google {
	padding: 15px 0 0 0;
}

#google label {
	display: block;
	font-size: 12px;
	color: #154970;
}

#google input {
	display: block;
}

#google input.address {
	width: 250px;
	padding: 3px 0;
	margin: 5px 0;
}




/* Estimate Page ========== */
.paragraph-estimate {
	width: 310px;
	height: 762px;
	padding: 10px 10px 10px 30px;
	position: absolute;
	top: 39px;
	left: 0px;
}

.information-estimate {
	width: 900px;
	height: 742px;
	padding: 20px 30px;
	position: absolute;
	top: 39px;
	right: 0px;
}

#page-wrap-estimate {
	width: 960px;
	height: 830px;
	margin: 0 auto;
	position: relative;
}

#content-estimate {
	background: url(../images/content/contact/contact_bg.png) no-repeat top left;
	width: 960px;
	height: 830px;
	padding: 0;
	position: absolute;
	top: -47px;
}




/* Footer ========== */
#footer {
	height: 69px;
	width: 100%;
	background-color: #f0e7bf;
	border-top: 1px solid white;
	border-bottom: 10px solid #635f50;
}

#footer-inside {
	width: 920px;
	margin: 0 auto;
	padding: 4px 20px 0 20px;
	font-size: 12px;
	text-align: left;
	position: relative;
}

#footer-inside p {
	float: left;
	padding: 0 0 6px 0;
}

#footer-nav li {
	float: left;
	display: inline;
	padding: 3px 25px 3px 0;
}

#footer-nav li a {
	font-family: "Molengo", Helvetica, sans-serif;
	font-size: 14px;
	color: #0d2539;
}

.footer-contact {
	padding: 3px 0;
}

ul#footer-nav li a:hover,
body#home-page ul#footer-nav li.footer-home a,
body#process-page ul#footer-nav li.footer-process a,
body#vendors-page ul#footer-nav li.footer-vendors a,
body#contact-page ul#footer-nav li.footer-contact a,
body#estimate-page ul#footer-nav li.footer-estimate a {
	color: #844747;
}

#home-page #footer-nav li.footer-home > a,
#process-page #footer-nav li.footer-process > a,
#vendors-page #footer-nav li.footer-vendors > a,
#contact-page #footer-nav li.footer-contact > a,
#estimate-page #footer-nav li.footer-estimate > a {
	pointer-events: none;
	cursor: default;
}

#omen {
	float: right;
	text-align: right;
	font-size: 12px;
}

#omen a {
	font-family: "Lobster", Helvetica, sans-serif;
	font-style: italic;
	letter-spacing: .08em;
	color: #0d2539;
}

#omen a:hover {
	color: #844747;
}