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

a:link {
	color:#666;
}
a:active {
	color: #666;
}
a:visited {
	color:#666;
}
a:hover {
	color:#660066;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#666;
	background-image:url(../../images/bg-main.jpg);
	background-color: #00a0af;
	background-position: center top;
	background-repeat:no-repeat;
}

/* Transitions */
img, a:hover { transition:all .3s linear; -o-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; }

img {
	border: 0;
	behavior:	url("/includes/pngbehavior.htc");
}

h1 {
font-size:18px;
color:#00a0af;
padding:0px 0px 25px 0px;
margin:0px;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
color:#00a0af;
padding:0px 0px 10px 0px;
margin:0px;
font-weight:normal;
text-transform:uppercase;
}

h3 {
font-family:Helvetica, Arial, sans-serif;
font-size:22px;
color:#25408f;
padding:0px 0px 10px 0px;
margin:0px;
font-weight:normal;
}

h4 {
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
color:#25408f;
padding:0px;
margin:0px;
}


h5 {
padding:0px;
font-size:10px;
margin:0px;
font-weight:normal;
}

h6 {
	text-align:left;
	color:#00a0af;
	font-size: 14px;
	font-weight:normal;
	margin:0;
	padding:0;
}

p { padding:0px 0px 12px 0px; margin: 0; line-height:16px; }

form { 
padding:0; 
margin:0; 
}

.txt_dark{
color: #4b4748;
}

.txt_light{
color: #fff;
}

.txt_turned{
color: #4b4748;
 -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* HEADER SECTION */

#pg_top-space {
	width:100%;
	height:50px;
	margin:0px auto;
	padding:0px;
}

#pg_header {
	width: 970px;
	height:33px;
	background-image: url(../../images/header.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:90px 0px 0px 30px;
	font-family:Helvetica, Arial, sans-serif;
	text-align:justify;
	text-transform:uppercase;
	position:relative;
}
#pg_header p {
padding:  0px;
margin:  0px;
color: #666666;
text-align:justify;
font-size:12px;
}

#pg_header a {
text-decoration: none;
}

#pg_header a:hover {
color:#05A7CE;
}
#pg_header_em {
	position:absolute;
	top:20px;
	left:545px;
	z-index:9999;
	width:560px;
	height:216;
}
 
#pg_slideshow_outer {
	width:100%;
	height:289px;
	padding:0px;
	margin:0px;
	background-image:url(../../images/bg-slideshow.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#00a0af;
}

#pg_slideshow_inner {
	width:1000px;
	height:289px;
	padding:0px;
	margin:0px auto;
}

#pg_slideshow {
	width:665px;
	height:289px;
	padding:0px;
	margin:0px;
	float:left;
	background-color:#999999;
}

/* HEADER SECTION
-----------------------------------------------
CONTENT SECTION */

#pg_container {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}

#pg_container_inner {
	margin: 0px;
	float:left;
	padding: 30px 0px 10px 31px;
	width: 969px;
	background-color:#FFFFFF;
}

.pg_divider {
	margin: 0px;
	padding:0px;
	width:939px;
	height:20px;
	border-top: solid 1px #00a0af;
	clear:both;
}

.col_thirds {
	float: left;
	width: 297px;
	padding:0px 20px 20px 0px;
	margin:0px;
	text-align:left;
}

.col_thirds_right {
	float: left;
	width: 305px;
	padding:0px 30px 20px 0px;
	margin:0px;
	text-align:left;
}

.col_2_thirds {
	float: left;
	width: 580px;
	padding:0px 54px 20px 0px;
	margin:0px;
	text-align:left;
}

.col50left {
	width: 49%;
	margin-right: 1%;
	float: left;
}

.col50right {
	width: 49%;
	margin-left: 1%;
	float: right;
}
.col50right ul, .col50left ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#pg_content_outer {
	width: 1012px;
	padding:0px ;
	margin:0px auto;
}

#pg_content {
	float:left;
	width: 972px;
	min-height:396px;
	padding:30px 0px 10px  40px ;
	margin:0px auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../../images/bg_swoosh.jpg);
	background-repeat:no-repeat;
	background-position:center +140px;
}

#pg_content ul {
	padding:0px 0px 10px  20px ;
	margin:0px;
}
#pg_content ul li {
	padding:0px 0px 6px  0px ;
	margin:0px;
}

.col_full {
	float: left;
	width: 940px;
	padding:0px 30px 20px 0px;
	margin:0px;
}
.col_line {
	float: left;
	clear:both;
	width: 912px;
	height:10px;
	padding:0px;
	margin:0px;
	border-top:solid 1px #CCCCCC;
}

.col_half {
	float: left;
	width: 436px;
	padding:0px 40px 20px 0px;
	margin:0px;
	text-align:left;
}
.col_testimonial_left {
	float: left;
	width: 449px;
	padding:0px 20px 20px 0px;
	margin:0px;
	text-align:left;
	border-right:solid 1px #00a0af;
}
.col_testimonial_right {
	float: left;
	width: 449px;
	padding:0px 0px 20px 20px;
	margin:0px;
	text-align:left;
}
.col_fifths {
	float: left;
	width: 160px;
	padding:0px 33px 20px 0px;
	margin:0px;
	text-align:left;
}

#pg_gallery {
	float:left;
	width: 1012px;
	min-height:396px;
	padding:40px 0px;
	margin:0px auto;
	text-align:center;
	background:#ffffff;
		background-image:url(../../images/bg_swoosh.jpg);
	background-repeat:no-repeat;
	background-position:center +50px;
}

#pg_gallery a img {
	border:solid 1px #bec4ec;
}
#pg_gallery a:hover img {
	border:solid 1px #25408f;
}

/* CONTENT SECTION
-----------------------------------------------
LEFT CONTENT SECTION */

#pg_container_left {
	float: left;
	width: 240px;
	padding:0px;
	margin:0px;
}
#pg_lifestyle_container {
	float: left;
	width: 660;
	height:340px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
}
.pg_content_left_about {
	float: left;
	width: 600px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
}
.pg_content_left {
	float: left;
	width: 210px;
	height:313px;
	color:#FFFFFF;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
	padding-top:12px;
	padding-bottom:15px;
	margin:0px;
	background-color:#a5a567;
	overflow:visible;
}
.pg_content_left p {
	line-height:normal;
	padding-bottom:10px;
	margin:0px;
}
.pg_content_left ul {
	padding-left:30px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:20px;
	margin:0px;
}

/* 
-----------------------------------------------
PROJECT MENU */

.pg_project_menu {
	float: left;
	width: 240px;
	height:340px;
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	padding:0px;
	margin:0px;
	background-color:#a5a567;
	overflow:hidden;
}
.pg_project_menu ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.pg_project_menu li {
padding:  0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}
.pg_project_menu li a {
	list-style-type: none;
	display:block;
	color:#FFFFFF;
	padding-left:0px;
	padding-right:50px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	line-height:39px;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#676900;
	background-image:url(../../images/project-menu-bg.jpg);
	background-repeat:no-repeat;
}
.pg_project_menu li a:hover {
	color:#666666;
	text-decoration:none;
	background-image:url(../../images/project_menu_hover.jpg);
	background-repeat:no-repeat;
	background-color:#e1e1cc;
}

/* PROJECT MENU
-----------------------------------------------
GALLERY - Projects */

.pg_gallery_bg {
	float: left;
	width: 294px;
	padding:2px;
	margin:0px;
	background-color:#CCCCCC;
}
.pg_gallery_thumb {
	float: left;
	width: 125px;
	height: 125px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:1px;
	background-color:#FFFFFF;
	text-align:center;
	line-height:116px;
}
.pg_gallery_thumb img {
	vertical-align:middle;
}
.pg_suburb {
	float: left;
	width: 298px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
}
.pg_suburb_menu {
	float: left;
	width: 498px;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:2px;
	border-color:#CCCCCC;
	border-bottom:none;
}
.pg_suburb_menu a {
	color:#CCCCCC;
}
.pg_suburb_menu a:hover {
	color:#005288;
}


/* LEFT CONTENT SECTION
-----------------------------------------------
RIGHT CONTENT SECTION */

#pg_container_right {
	float: right;
	width: 660px;
	height:340px;
	background-color:#e1e1cc;
	background-image:url(../../images/template/carfi-image-bg.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
#pg_content_right {
	float: right;
	width: 625px;
	height:310px;
	font-size:11px;
	overflow:scroll;
	padding-left:20px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px;
}

#pg_content_right_pro {
	float: right;
	width: 625px;
	height:325px;
	font-size:11px;
	overflow:scroll;
	padding-left:20px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:15px;
	margin:0px;
}

#pg_content_right ul {
	padding-left:30px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
	list-style-image:url(../../images/triangle-bullet.png);
}
#pg_content_right li {
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:3px;
	margin:0px;
}

#pg_content_right_contact {
	float: right;
	width: 625px;
	height:310px;
	font-size:11px;
	overflow:hidden;
	padding-left:20px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px;
}

#pg_project_container {
	float: left;
	width: 625px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:50px;
	margin:0px;
}
#pg_project_text {
	float: left;
	width: 221px;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
}
#pg_project_text h6{
	font-size:11px;
	line-height:15px;
	padding:0px;
	margin:0px;
}
#pg_project_gallery {
	float: right;
	width:390px;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	padding-top:15px;
	padding-bottom:0px;
	margin:0px;
}

#pg_project_img {
	float: left;
	display:inline-block;
	width:95px;
	height:95px;
	padding:0px;
	margin:2px 2px 0px 0px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#666666;
}

#pg_content_right_form {
	float: right;
	width: 300px;
	height:310px;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#a5a567;
}

.pg_content h3 {
font-size: 15px;
padding-bottom:10px;
font-weight:normal;
color:#333333;
line-height:18px;
}


.pg_content h4 {
font-size: 16px;
padding-bottom:10px;
color:#990000;
font-weight:normal;
}

/* RIGHT CONTENT SECTION
-----------------------------------------------
FOOTER */

#pg_footer_home {
float:left;
	width:100%;
	height:100px;
	padding:0px 0px 30px 0px;
	margin:0px auto;
	background-color:#ffffff;
}
#pg_footer_outer {
float:left;
	width:100%;
	height:100px;
	padding:0px 0px 30px 0px;
	margin:0px auto;
}
#pg_footer {
	width:940px;
	height:112px;
	padding:0px 30px;
	margin:0px auto;
	background-color:#FFFFFF;
	clear:both;
}

.pg_social {
	padding:0px 0px 15px 0px;
	margin:0px;
	float:right;
	width:120px;
}

#pg_footer a {
    color:#CCCCCC;
}

/*----*/


#pg_logo {
	width:319px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top: 30px;
	padding-left: 30px;
	margin:0px;
	float: left;
}

#pg_tag {
	width: 245px;
	padding-bottom:0px;
	padding-left:0px;
	padding-top: 30px;	
	padding-right:50px;
	margin:0px;
	float: right;
}

#pg_background_home {
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 2048px;
	height: 548px;
	background-image:url(../../images/template/bg-main-inner.jpg);
	background-repeat:no-repeat;
}





.pg_content_gallery_row {
	float: left;
	width: 724px;
	height: 216px;
	padding:0px;
	margin:0px;
}
.pg_content_gallery {
	float: left;
	width: 216px;
	height: 216px;
	text-align:center;
	background-color:#CCCCCC;
	padding:0px;
	margin-right:19px;
}
.pg_content_gallery img {
border-style:solid;
border-width:3px;
border-color:#CCCCCC;
}
.pg_content_gallery img:hover {
border-style:solid;
border-width:3px;
border-color:#666666;
}




#pg_prods {
	width: 100%;
	
	background-color: #000000;
	background-image:url(../../images/_prods-bg.gif);
	background-repeat:repeat-x;
	background-position:center top;
	float: left;
	color: #FFFFFF;
	border-bottom:#666666 solid 1px;
	margin-top:15px;
}
#prods-inner {
	width: 920px;
	text-align: center;
	margin: 0px auto;
	padding-top: 45px;
	height: 115px;
	

}
#prods-panellock {
	width: 170px;
	float: left;
	padding-right: 50px;
	padding-left: 80px;
	
}
#prods-insuldeck {
	width: 170px;
	float: left;
	padding-right: 50px;
	padding-left: 50px;
	border-left: #626262 solid 1px;
	border-right: #626262 solid 1px;
}
#prods-thermaspan {
	width: 170px;
	float: left;
	padding-right: 50px;
	padding-left: 50px;
}


.articles {
	width: 98%;
}





#footer-services {
	width: 150px;
	float: left;
	padding-right: 15px;
}
#footer-portfolio {
	width: 150px;
	float: left;
	padding-right: 15px;
}
#footer-blogs {
	width: 135px;
	float: left;
	padding-right: 10px;
}
#footer-about {
	width: 100px;
	float: left;
}
#footer-contact {
	width: 240px;
	float: right;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:#666666;
	height:200px;
}













.imgright {
float:right;
padding-left:15px;
padding-bottom:15px;
}

.imgleft {
float:left;
padding-right:15px;
padding-bottom:15px;
}

















/* Start Content Styles */

/* Home */

#home-content-desc {
float:left;
width:320px;
padding-top:16px;

}
#home-content-desc p{
line-height:130%;
}
#home-content-calltoaction {
float:right;
width:270px;
}




/* Contact Page */

.pg_content_contact {
	float: left;
	width:296px;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
}

.pg_content_map {
	float: right;
	width:418px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	text-align:right;
}


.contactarea {
float:left;
border-bottom: #CCCCCC solid 1px;
padding-bottom:10px;
margin-bottom:15px;
width:100%;
}

.contactarea-details { 
float:left;
width:300px;

}

.contactarea-form {
float:right;
padding-left:10px;
border-left:#CCCCCC solid 1px;

}


/* Projects */

.pro-table {
margin-left:10px;
width:95%;
	
}

.pro-table-header {
font-weight:bold;
padding:10px;
border-bottom:#BDBDBD solid 2px;
}
.pro-table-odd {
padding: 10px;
border-bottom:#BDBDBD solid 1px;

}
.pro-table-even {
background-color:#EBEBEB;
padding: 10px;
border-bottom:#BDBDBD solid 1px;

}









.gallery img{
border: 1px solid #666666;
padding: 4px;

}
.gallery a img{
padding: 3px; 
border: 1px solid #666666;
margin-bottom:5px;
margin-right:10px;
}
.gallery a:hover img{
border:#666666 solid 4px;
padding:0px;

}


/* ------------------ */
/* Start Contact Form */
/* ------------------ */

.contact-container #contact-form {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Tahoma;
	color: #7d7d7d;
	width:580px;
	float:left;

}

.contact-container #contact-form label {
	margin: 4px 0;
	padding: 8px 0;
	display: block;
	float: left;
	width: 120px;
	font:12px/15px Helvetica, Arial, Tahoma;
	color: #4d4d4d;
	clear: both;
}

.contact-container #contact-form input[type=text],
.contact-container #contact-form textarea,
.contact-container #contact-form select {
	margin: 3px 0;
	padding: 8px;
	float:left;
	display: block;
	width: 380px;
	border: 1px solid #dddddd;
	color: #999999;
	font: italic 10px/15px Helvetica, Arial, Tahoma;
	float: left;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.contact-container #contact-form select {
	margin: 4px 0 2px;
	width: 200px;
}

.contact-container #contact-form input[type=text]:focus,
.contact-container #contact-form textarea:focus,
.contact-container #contact-form select:focus {
	color: #1d1d1d;
	border: 1px solid #bbbbbb;
	font-style: normal;
	outline-color: #eeeeee;
	-moz-box-shadow: 0 0 10px #dddddd;
	-ms-box-shadow: 0 0 10px #dddddd;
	-o-box-shadow: 0 0 10px #dddddd;
	-webkit-box-shadow: 0 0 10px #dddddd;
	box-shadow: 0 0 10px #dddddd;
}

.contact-container #contact-form span.text-block,
.contact-container #contact-form span.captcha {
	padding: 9px 0;
	display: block;
	width: 280px;
	float: left;
	font-size:12px;
}

.contact-container #contact-form span.captcha {
	padding: 9px 0;
	width: 398px;
}

.contact-container #contact-form span.captcha img {
	float: left;
}

.contact-container #contact-form input.captcha-input {
	margin: 6px 10px;
	width: 157px;
}

.contact-container #contact-form span.captcha-text {
	text-align: center;
	color: #999999;
}

.contact-container #contact-form input[type=submit] {
	margin: 15px 0;
	padding: 15px 0;
	width: 398px;
	height: 40px;
	float: left;
	border: 1px solid #dddddd;
	background: #f5f5f5;
	color: #999999;
	font: 400 16px/0 Helvetica,Arial,Tahoma;
	text-shadow: 0 1px 1px #ffffff;
	box-shadow: 0 1px 1px #ffffff;
	white-space: nowrap;
	vertical-align: middle;
	background: transparent;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.contact-container #contact-form input[type=submit]:hover {
	color: #555555;
	border-color: #cccccc;
	background: -moz-linear-gradient(#ffffff, #ececec);
	background: -o-linear-gradient(#ffffff, #ececec);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ececec)); /* older webkit syntax */
	background: -webkit-linear-gradient(#ffffff, #ececec);
	background: linear-gradient(top,#ffffff 0,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); /* ie7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); /* ie8 */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0 3px #ffffff;
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0 3px #ffffff;
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0 3px #ffffff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0 3px #ffffff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 0 3px #ffffff;
}

.contact-container #contact-form input[type=submit]:active, 
.contact-container #contact-form input[type=submit]:focus {
   border: 1px solid #aaaaaa;
   border-bottom-color: #cccccc;
   border-top-color: #999999;
   -moz-box-shadow: inset 0 1px 2px #aaaaaa;
   -ms-box-shadow: inset 0 1px 2px #aaaaaa;
   -o-box-shadow: inset 0 1px 2px #aaaaaa;
   -webkit-box-shadow: inset 0 1px 2px #aaaaaa;
   box-shadow: inset 0 1px 2px #aaaaaa;
   background: linear-gradient(top,#e6e6e6 0,gainsboro 100%);
   color: #777777;
}

.contact-container #contact-form input[type=submit]:hover:after {
   border-top-color: black;
}

.contact-container #contact-form span.error {
	color: #df0909;
}

.contact-container #contact-form span.error-alt {
	color: #ec8888;
}

.contact-container #contact-form label.error {
    position:relative;
	left: 120px;
	border: none;
	width: 398px;
	color: #df0909;
	font-style: italic;
}

.contact-container #contact-form label[name=code].error {
    position:relative;
	left: -120px;
	border: none;
	width: 398px;
	color: #df0909;
	font-style: italic;
}


.contact-container #contact-form input[type=text].error {
	outline-color: #edd5d5;
	border: 1px solid #eb9f9f;
}

/* ---------------- */
/* End Contact Form */
/* ---------------- */