@charset "utf-8";
/* CSS Document */

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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* end of style reset */ 

body {font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; font-size: 90%; border-top: #FFBF00 15px solid; color:#333; background: url(imgs/roofer.png) no-repeat #3d3d40; background-attachment: fixed; }
 
#container {width:960px; margin:0px auto; background-color:#FFF;} 
#nav { width:960px; height: 150px; font-size: 80%;}
#nav ul {float:right; margin-top: 50px; margin-right: 30px; border-bottom: solid 1px #C6C7C8; padding-bottom: 20px;}
#nav ul li {float:left; display:inline; padding: 0px; margin: 0px;}
#nav ul li.last a {float:left; }
#nav ul li a {display:block; text-decoration:none; color:#333; padding:10px 15px 10px 15px;}
#nav ul li a:hover {color:#FFBF00;}
#nav a.selected {border-top: 1px solid #FFBF00; color: #FFBF00; padding-top: 8px; }
.logo { position:absolute; margin-left: 30px;}



#content {width:900px; padding: 0 30px 20px 30px; margin-bottom: 30px; }
#content p { margin-bottom: 0px; line-height: 140%; margin-top: 0px; margin-bottom: 8px; line-height: 150%; font-size: 80%;}
#content ul {font-weight: bold; padding-top: 15px;color: #000;}
#content li {list-style-type: none; padding-bottom: 15px;  }
#mainimg { width: 900px; height: 250px; background:url(imgs/img_bg.jpg) no-repeat center; }
.banner{ width: 880px; height: 230px; padding: 10px;}

p.large {float: right; color:#ffbf00; font-size: 110%; margin-right: 30px;}

.floatleft {float: left; width: 200px; color:#000; margin-right: 12px; padding: 8px; margin-top: 10px;  margin-bottom: 10px; background-color: #EAE6E1; min-height: 250px; _height: 250px;}
.floatleft2 {float: left; width: 200px;  color:#000; margin-right: 0px; padding: 8px;margin-top: 10px; margin-bottom: 10px; background-color: #EAE6E1;min-height: 250px; _height: 250px;}

.getintouch {float: right; margin-top: -30px; margin-bottom: 20px; height: 25px; margin-right: -10px;}
.lines{ clear:both; width: 900px; background: url(imgs/hashlines.gif) repeat-x bottom; height:10px; margin: 10px 0px 10px 0px;}
.bracket {width: 900px; height: 48px; background: url(imgs/bracket.png) no-repeat center;}
.contact  {background-image: url(imgs/contact.gif); background-repeat: no-repeat; display: block; width: 350px; height: 350px; background-position: top center; line-height: 340%; color:#000;}
#contentbracketsleft{float: left; width: 600px;}
.contentbrackets{ width: 600px; height: 202px; margin-bottom: 30px;background: url(imgs/bracket_content.gif) no-repeat right;}
.contentbrackets h2 {padding-top: 50px; float:none; width: 520px; padding-left: 50px; padding-bottom: 0px;}
.contentbrackets p {padding-top: 0px; float:none; width: 520px; padding-left: 50px;}
#contentbracketsleft2 {float: left; width: 280px; margin-left:10px;}
.contentbrackets2 {float: left; width: 250px; margin-bottom: 40px; border: solid 7px #EAE6E1;}

p.cream {background-color: #CCC; padding: 20px;}

.h2lines {background: url(imgs/h2border.gif) repeat-x bottom; width:900px; height: 30px;}
.subtext {float: left; margin-left: 10px; padding-top: 2px;}
.subtext2 {padding-bottom: 10px;}


#footer {bottom: 0; z-index: 100;list-style-type: none; clear:both; margin: 0 auto; position: relative; background: url(imgs/footerbg.gif) repeat-x #58585A; height: 300px; }
#footer a{ color:#fff;}

#footercontent { width:960px; margin:0px auto;}

.footercentre {float:left; font-size: 71%; padding-top: 20px;  color: #ECEDED; width: 600px; line-height: 180%; margin-bottom:20px; margin-left:10px;}

p.extrapadding {padding-top:20px;}

a {text-align: right; color:#ECEDED; text-decoration:none; letter-spacing: 2px; color: #333;}
a:hover {color:#707173; }

h1 { font-size: 160%; color: #333;   padding: 0px 0px 12px 0px; line-height: 140%; }
h2 {float: left; font-size: 110%; color: #333;   padding: 0px 0px 12px 0px; line-height: 140%; }
h2.rightcol {float: none; font-size: 110%; color: #333;   padding: 0px 0px 12px 0px; line-height: 140%; }
h3 {font-size: 90%; color: #333; font-weight: bold; margin-bottom: 0px; margin-top: 10px; line-height:130%;}
h4 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 90%; color: #58585A; font-weight: bold; margin-bottom: 12px;}
.clear {clear: both;}

/* the overlayed element */
.simple_overlay {
display:none; z-index:10000; background-color:#333; width:700px; min-height:200px; border:1px solid #666;
/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {background-image: url(imgs/close.png); position:absolute; right:-10px; top:-15px; cursor:pointer; height:39px; width:30px;}

/* styling for elements inside overlay */
.details {position:absolute; top:15px; right:25px; font-size:90%; color:#fff; width:150px;}
.details h3 {color: #EAE6E1;font-size:100%; margin:0 0 0px 0;}

#triggers {text-align:center;}
#triggers img {cursor:pointer; margin:0 5px; background-color:#fff; border:solid 1px #C6C7C8; padding:3px;}

.map {border: solid #CCC 1px; margin-top: 5px;}

.contactleft {float: left; width: 425px; margin-right: 50px;}
.contactleft2 {float: left; width: 425px; margin-right: 0px; }

#contactform {color:#333; border: 0px; font-size: 90%;}
#contactform form {padding: 25px;width: 500px;}
#contactform label{ float: left;}

#contactform input {width: 400px; margin-bottom: 8px; margin-top:5px; height: 20px; padding-top:3px; border: 0px; background-color: #EAE6E1; }

#contactform textarea{background-color: #EAE6E1;  width: 400px; height: 170px; border: 0px; margin-top:5px;}

#submitbutton{margin-top:10px; width: 180px; background-color: #8DE2B6; padding: 20px; padding-bottom: 24px; color: #333; letter-spacing: 2px; font-weight: bold;
}

/* The Nivo Slider styles */
#slider {
	//See the "style-pack" for image
	background:url(img/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	display:none;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#333;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(imgs/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(imgs/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}