/**********************************************************************

	MLR Slate Roofing
	version: 	1a
	owner:		Wright Graphics
	handcoded by robots at ewebbed.com.au for Wright Graphics

**********************************************************************/
html{overflow:hidden;height:100%;}
body{overflow:hidden; height:100%; font: 62.5%/1em Georgia, Helevetica; color:#6f6f77;}
h2{color:#555454; font-size:2em; text-transform:uppercase; margin:0 0 20px 0;}
p{color:#6f6f77; font-size:1.3em; line-height:1.6em; margin:0 0 20px 0;}
dl{margin:0 0 20px 0;}
dd,dt{color:#6f6f77; font-size:1.3em; line-height:1.4em;}
a{color:#5b9fce; text-decoration:none;}
a:hover{text-decoration:underline}
input, textarea{font-family: Georgia,Helvetica;color:#6f6f77; font-size:1.3em; line-height:1.6em;}

.clear{clear:both;}

/* @group template */

	/* @group container */
	#scroller{
		position:relative; z-index:10;
		height:100%;width:100%;
		overflow-x:hidden; overflow-y:auto;
	}
	#container{
		position:relative; z-index:5;
		width:960px;
		margin:40px auto 0 auto; padding:0 0 82px 0;
		background:url(../images/template/page-shadow.png) no-repeat bottom center;
	}
	/* @end */
	
	/* @group header */
	#header{
		position:relative;
		height:130px;
		background: url(../images/template/header.jpg) repeat-x bottom;
	}
	#header a.logo{
		position:absolute; top:10px; left:20px;
	}
	#header h1, #header h2{
		position:absolute; top:60px; right:30px;
		font-size:2.5em; color:#4f5053; text-transform:uppercase;
	}
	#header h1 strong, #header h2 strong{
		color:#3b9ce1;
	}
	/* @end */
	
	/* @group nav & header */
	#nav{
		position:relative; z-index:3;
		height:79px;
		margin:-10px -18px 0 0;
		background:url(../images/template/nav.png) no-repeat right top;
	}
	#nav ul{
		float:left; display:inline; margin:7px 18px 0 0;
	}
	#nav ul li{float:left; display:inline;}
	#nav ul li a{display:block; height:63px;text-indent:-1000em;padding:0 23px;}
	#nav ul li.nav-home a{width:74px;background:url(../images/nav/home.png) no-repeat center center;}
	#nav ul li.nav-about a{width:87px;background:url(../images/nav/about.png) no-repeat center center;}
	#nav ul li.nav-services a{width:118px; background:url(../images/nav/services.png) no-repeat center center;}
	#nav ul li.nav-products a{padding:0 26px;width:137px; background:url(../images/nav/products.png) no-repeat center center;}
	#nav ul li.nav-contact a{padding:0 26px;width:120px;background:url(../images/nav/contact.png) no-repeat center center;}
	#nav ul li.nav-gallery a{padding:0 26px 0 27px;width:129px;background:url(../images/nav/projects.png) no-repeat center center;}
	#nav ul li a:hover, #nav ul li a.on{background-color:#465159;}
	
	
	.heading-image{position:relative; height:283px;}
	.heading-image img{position:absolute; top:7px; left:0px; z-index:1;}
	/* @end */

	/* @group footer */
	#footer{
		position:fixed; left:0; bottom:0; z-index:1000;
		height:30px; width:100%;
		background:url(../images/template/footer.png) repeat;
	}
	#footer a{color:#fff;}
	#footer p{float:left; display:inline;color:#fff; margin:0; line-height:30px; font-size:1.1em;}
	#footer a.wright{float:right; display:inline;margin:10px 0 0 0;}
	#footer .center{width:960px; margin:0 auto;}
	/* @end */
/* @end */

/* @group page */
#page{background:#fff;}

#content{
	background:url(../images/template/banner-shadow.png) no-repeat top center;
}

#content h1{color:#1c76b4;font-size:2.5em; margin:0 0 20px 0; text-transform:uppercase;}
#content ul{margin:0 0 20px 0; }
#content li{font-size:1.4em; line-height:1.6em; padding:0 0 0 15px;background:url(../images/icons/li-black.gif) no-repeat left 8px;}

.home #content{padding:0;}
	/* @group columns */
	.column{
		float:left; display:inline;
		padding:40px 10px 30px 20px;
	}
	.column-1{
		padding-top:40px;
		width:905px;
	}	
	.column-2{
		padding-top:40px;
		width:580px;
	}
	.column-3{
		width:275px;
	}
	.column-3 h2{text-align:center; margin:0 5px 20px 0;}
	.column-center{
		position:relative; z-index:10;
		padding:55px 45px 55px 45px; margin:-40px -15px 0 -5px;
		background:url(../images/template/column-center.png) no-repeat top left;
	}
	.column-center h2{font-size:2.5em;margin:0 0 15px 0;}
	
	.contact-column{
		position:relative; z-index:10;
		padding:55px 45px 55px 45px; margin:-40px -15px 0 -5px;
		background:url(../images/template/column-center.png) no-repeat top left;
	}
	/* @end */	
	
	.contact-details dt, .contact-details dd{font-size:1.5em; font-style:italic;}
	.contact-details dt{float:left;display:inline; width:35px; font-size:1.4em;}
	
/* @end */

/* @group contactform */
.contactform ul {float:left;display:inline;width:100%;}
.contactform ul li{clear:both;float:left;display:inline; width:100%;}
#content .contactform ul li{background:none; padding:0; margin:0 0 10px 0; font-size:1em;}

.contactform ul li label{float:left;display:inline; width:190px; font-size:1.3em; text-transform:uppercase; padding:5px 0 0 0;}
.contactform ul li input, .contactform ul li textarea{float:left;display:inline; width:300px; padding:6px; border:1px solid #ccc;}
.contactform ul li .textarea{float:left;display:inline;}
.contactform ul li.submit button{display:block;margin:-6px 0 0 180px; cursor:pointer;width:125px; height:58px; border:0; text-indent:-1000em;background:url(../images/buttons/send.png) no-repeat left top;}
.contactform ul li.submit button:hover{background-position:left -82px;}
.contactform ul li.checkbox input{width:auto; padding:0; border:0px; margin:4px 0 0 -2px}

.error_message{background:#a22a32; border:2px solid #ff0000; padding:20px 0; margin:0 0 20px 0;}
.error_message ul{margin:0 !important;}
.error_message ul li{color:#fff; background:none !important;}
.contactform ul li.error input{background:#a22a32; color:#fff;}
.contactform ul li.error span.error{display:block;clear:both; margin:0 0 0 190px; font-size:1.1em;}
/* @end */

/* @group gallery */
.gallery{margin:0 -60px 20px 0 !important;}
.gallery li{float:left; display:inline; margin:0 10px 22px 0; padding:0 !important; background:url(../images/template/gallery-top.jpg) no-repeat left top !important;}
.gallery li span.gallery-b{display:block; padding:22px 21px 15px 22px !important;background:url(../images/template/gallery-bottom.jpg) no-repeat left bottom;}
.gallery li a{}

.side-gallery li{padding:0 !important; background:none !important; margin:0 -9px 10px -9px;}
.side-gallery li a{display:block; padding:9px; margin:0 0 -9px 0;background: url(../images/template/side-gallery-shadow.jpg) no-repeat left top;}
.side-gallery li h4{margin:0 0 0 10px;}
/* @end */ 

/* @group supersize */
#supersize{position:fixed;left:0px; top:0px; z-index:2;}
#supersize img{height:100%;width:100%;position:absolute;z-index: 0; left:0px; top:0px;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}
/* @end */