@charset "utf-8";

/******
/-----------------
	East Coast Skylights Stylesheet V.2.0
	Created by WebStuff.biz P: +61 2 4325 1188
	Copyright, 2011
	--------------------------/
	CSS Reset	**/
html,body,div,span,img,table,td,ul,li,input,button,dt,dd,dl,h1,h2,h3,h4,a{margin:0px;padding:0px;border:none;}
a{text-decoration:none;outline:none}
ul{list-style:none;}
table{border-collapse:collapse;}
p{padding:5px 0px;margin:0px;}
sup,sub{line-height:50%}
/**	---------
	Starts	**/
body{background:#d20000 url(../images/bg.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#424242;}
h1,h2,h4{padding:10px 0px;font-family:"Questrial";font-size:30px;font-weight:normal;text-shadow:1px 1px 0px #000}
h2{font-size:22px}
    h2 span{font-size:12px;color:#333}
h3{}
h4{font-size:14px;color:#cc0000;text-shadow:none}
hr{margin:15px 0px;height:1px;border:none;border-top:1px solid #ccc}
#wrapper{width:100%;min-height:100%;background:url(../images/wrapper_bg.jpg) top center no-repeat}
#container{width:960px;margin:0px auto;}
#header{height:105px;}
#nav{width:950px;height:40px;margin:0px 5px 15px;background:url(../images/nav_bg.gif);font-family:"Questrial"}
    #nav ul{}#nav li{border-left:1px solid #616161;border-right:1px solid #000;float:left;}#nav li:first-child{border-left:none}#nav li:last-child{border-right:none}
    #nav a{display:block;padding:0px 40px;font-size:18px;line-height:40px;color:#fff;outline:none;text-shadow:1px 1px 0px #000}#nav a:hover{background:url(../images/nav_bg.gif) -40px -40px}
	#nav li:first-child a:hover{background-position:0px -40px}
#content{margin:0px 5px}
    #homebanner{height:319px;position:relative;z-index:5}
	#homebanner li,#subbanner li{position:absolute;top:0px;left:0px;z-index:9}
    #subbanner{with:950px;height:230px;position:relative}
	#subbanner h1{position:absolute;bottom:10px;left:5px;padding:10px 10px 10px 20px;color:#fff;background:url(../images/pngblack.png)}
    #homeaction div{width:309px;height:104px;margin-left:10px;background:url(../images/homeaction_bg.png);position:relative;float:left;z-index:10}#homeaction div:first-child{margin:0px}
	#homeaction a{display:block;width:209px;height:84px;padding:20px 0px 0px 100px;color:#d20000;}#homeaction a:hover{color:#000}
	#homeaction div h2{text-shadow:1px 1px 0px #fff}
	#homeaction div img{position:absolute;top:10px;left:253px;z-index:11}#homeaction div img:first-child{top:-18px;left:-7px}
#subcontent{background:#fff;padding:20px;border:5px solid #e54848;
	    -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
	#subcontent h1,#subcontent h2{text-shadow:none}
	#subcontent p{line-height:18px}
	#subcontent a{color:#D20000}
	#subcontent td{padding:5px}#subcontent td td{padding:5px 0px}
	#subcontent ul{margin-left:20px;padding:10px 10px 10px 0px;list-style:url(../images/subcontent_ul.gif)}#subcontent li{padding:5px 5px 5px 0px}
#footer{padding:65px 15px 45px;color:#ff6b6b}
    #footer h2,#footer a{color:#fff}#footer a:hover{color:#000}
    #footer li{float:left}#footer li a{display:block;padding:2px 15px;background:url(../images/footera_bg.png) 0px 5px no-repeat}
/**	---------
	Class Declarations	**/
.left{float:left;}.right{float:right;}.clear{clear:both;}
.brandred{color:#d20000}
img.border{margin:5px 15px;border:3px solid #b3b3b3}img.left.border{margin-left:0px}

.greyhighlight{width:300px;margin:10px 0px;padding:10px;background:#e3e3e3;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
    .greyhighlight h2{color:#000}
    
table.contactdetails tr:first-child td{border:none}table.contactdetails td{border-top:1px solid #ccc}table.contactdetails h4{padding:5px 0px}
/**   Galleries  **/
#gallery_main{width:570px;height:408px;float:left;position:relative}
    #gallery_main div{position:absolute;top:0px;left:0px;display:none;width:560px;height:398px;border:5px solid #e54848;
	-moz-border-radius:15px 5px 5px 15px;-webkit-border-radius:15px 5px 5px 15px;border-radius:15px 5px 5px 15px}/*#gallery_main div:first-child{display:block}*/
	#gallery_main a{position:absolute;top:0px;left:0px;display:block;width:560px;height:398px}
	#selectgallery{background:url(../images/gallery/selectgallery_main.jpg)}
	#completedprojects{background:url(../images/gallery/completedprojects_main.jpg)}
	#velux{background:url(../images/gallery/velux_main.jpg)}
	#skyspan{background:url(../images/gallery/skyspan_main.jpg)}
	#solatube{background:url(../images/gallery/solatube_main.jpg)}
	#edmonds{background:url(../images/gallery/edmonds_main.jpg)}
#gallery_nav{float:right}
    #gallery_nav li{width:360px;height:83px;position:relative}
	#gallery_nav li.completedprojects a{line-height:27px}#gallery_nav li.completedprojects a strong{font-size:16px;color:#ef2e24}
    #gallery_nav a{position:absolute;top:0px;left:0px;display:block;width:360px;height:56px;padding:5px 0px;background:#fff;color:#363636;border:5px solid #e54848;font-family:"Questrial";font-size:18px;line-height:56px;
	-moz-border-radius:5px 15px 15px 5px;-webkit-border-radius:5px 15px 15px 5px;border-radius:5px 15px 15px 5px}#gallery_nav a:hover,#gallery_nav a#active{left:-25px;width:380px;border-left:none}
	#gallery_nav a img{padding-right:30px;float:left}
#gallery{margin-top:10px}
    #gallery a.back,#gallery a.forward{display:block;width:80px;height:146px;background:url(../images/gallery/gallerynav.png);float:left}#gallery a.forward{width:70px;background-position:top right;float:right}#gallery a.back:hover{background-position:0px -146px}#gallery a.forward:hover{background-position:-95px -146px}
    #gallery .gallery_images{width:790px;height:150px;overflow:hidden;float:left;position:relative}
	#gallery ul{position:absolute;top:0px;left:0px;width:5000px}#gallery li{padding-right:10px;float:left}
/**   Form Stylings   **/
#contactform{width:530px;float:left}
span.contactopen{display:block;margin:10px 0px;padding:10px;background:#0078C1 url(../images/footer_bg.gif);color:#fff;font-weight:bold;font-size:14px;text-align:center;cursor:pointer;
     -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}span.contactopen:hover{background:#666}
label{display:inline-block;float:left;height:26px;line-height:26px;width:130px;font-size:14px;font-weight:bold;color:#2A2929}
input,textarea,select{width:300px;margin:0;padding:5px;color:#666;background:#f5f5f5;border:1px solid #ccc;margin:5px 0;font:14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }
    input#contactus{width:auto}
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit{margin-left:133px;cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover{background:#444;}
    #recaptcha_area input#recaptcha_response_field{top:22px;left:0px}
fieldset{width:90%;margin:10px;padding:0px 20px 20px;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;}
legend{padding:7px 10px;font-weight:bold;color:#000;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;}
#recaptcha_widget_div{float:left}
span.required{ font-size: 13px; color: #ff0000; } 
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../includes/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#success_page{margin:10px 0px;padding:10px;background:#d4ffcd;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}#success_page h1{background: url('../includes/assets/success.gif') left no-repeat;margin-bottom:0px;padding-left:22px;font-size:14px;border:none;}

/*  Gallery  */
div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}

	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}


		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }

			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}

			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}

		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }

		.pp_fade { display: none; }

		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}

			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }

			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0 0 5px 0;
				}

				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}

					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}

					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}

					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}

		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}

		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}

			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				overflow: hidden;
				padding: 0;
				position: relative;
			}

			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}

			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }

			.pp_gallery ul a img { border: 0; }

			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}

			.pp_gallery li.default a {
				background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}

			.pp_gallery li.default a img { display: none; }

			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}

		a.pp_next {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}

		a.pp_previous {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}

		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}

		a.pp_close {
			display: block;
			float: right;
			line-height:22px;
			text-indent: -10000px;
		}

		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }

			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}

			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}

		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}

		#pp_full_res {
			line-height: 1 !important;
		}

			#pp_full_res .pp_inline {
				text-align: left;
			}

				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}
.gallery li{list-style-type: none!important;float: left;margin:0 5px!important;}


/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

        /* ----------------------------------
		Dark Square Theme
	----------------------------------- */

	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #242424;}
	div.dark_square .currentTextHolder { color: #fff; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.dark_square .pp_content_container .pp_left { background: #242424} /* Left Content background */
	div.dark_square .pp_content_container .pp_right { background: #242424} /* Right Content background */
	div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square #pp_full_res .pp_inline { color: #000; }
	div.dark_square .pp_gallery{display:none!important}
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */