/* @override 
	http://gwdesign.co.nz/css/style.css
	http://www.gwdesign.co.nz/css/style.css
	http://gwdesign.co.nz/css/style.css
*/

@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri-webfont.woff') format('woff'),
         url('../fonts/calibri-webfont.ttf') format('truetype'),
         url('../fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.sg_Body {
	width: 100%;
	float: left;
	margin-top: 30px;
}  

/* @group Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* @end */

/* @group Global */

body, textarea, input {
	color: #999;
	font: 15px CalibriRegular, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

body {
	background-color:#f1f1f1;
	/*background: #999 url(../images/gradient-bkg.jpg) repeat-x 0 225px;*/
}

hr {
	width: 100%;
	height: 2px;
	border-style: none;
	background-color: #ccc;
	margin-top: 13px;
}

#main-full {
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
	float: left;
	background: url(../images/footer_bkg.jpg) repeat-x 0 bottom;
}

#main-content {
	width: 1000px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -500px;
	float: left;
}

h1, h2, h3, h4, h1 a, h2 a {
	color: #14568a;
	text-transform: none;
	margin-bottom: 5px;
	text-decoration: none;
	font-size: 200%;
	line-height: 120%;
}

.page-header {
	font-size: 230%;
	margin-top: 328px;
}

p {
	margin-bottom: 12px;
}

a {
	text-decoration: none;
	color: #01a0d2;
}

em {
	color: #01a0d2;
	text-transform: uppercase;
}

input {	
	height: 28px;
}

input, textarea {	
	margin-bottom: 6px;
	border: 1px solid #b3b3b3;
	font-size: 115%;
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
}

textarea {
	padding-top: 5px;
}

input:focus, textarea:focus {
	border: 1px solid #01a0d2;
}

/* @end */

/* @group Header */

/* @group Link bar */

#link-bar {
	height: 25px;
	width: 1000px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -500px;
	z-index: 3000;
}

#link-bar ul {
	margin-left: 550px;
	float: left;
	height: 16px;
	margin-top: 3px;
}

#link-bar ul li {
	float: left;
	margin-right: 15px;
	padding-top: 0;
}

#link-bar ul li a {
	color: #636363;
	text-decoration: underline;
}

#link-bar ul li a:hover {
	color: #9c9c9c;
	text-decoration: underline;
}

#link-bar ul li h4 {
	color: #f1f1f1;
	text-transform: none;
	margin-bottom: 0;
	text-decoration: none;
	font-size: 110%;
	line-height: 110%;
}

#link-bar ul li img {
}

/* @end */

#link-bar {
	height: 25px;
	position: absolute;
	z-index: 5;
}

#header-full {
	height: 278px;
	width: 100%;
	background: url(../images/header_repeat.jpg) repeat-x;
	float: left;
}

#header {
	width: 1000px;
	height: 278px;
	float: left;
	background-image: url(../images/header.png);
}

#logo {
	float: left;
	margin-left: 16px;
	cursor:  pointer;
	margin-top: 4px;
}

#menu {
	float: left;
	height: 33px;
	margin-top: 235px;
	margin-left: -190px;
}

#menu li {
	height: 23px;
	float: left;
	margin-right: 18px;
	padding-top: 9px;
}

#menu li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
}

#menu li a:hover {
	color:#63c6ea;
}

#menu li h4 {
	color: #f1f1f1;
	text-transform: none;
	margin-bottom: 0;
	text-decoration: none;
	font-size: 110%;
	line-height: 120%;
}

/* @end */

/* @group Footer */

#footer {
	width: 1000px;
	height: 249px;
	float: left;
	color: #fff;
	font-size: 13px;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

/* @group Footer Contact */

#footer-contact {
	height: 199px;
	width: 375px;
	float: left;
	margin-top: 29px;
}

#footer-contact-form {
	height: 172px;
	width: 50%;
	margin-top: 14px;
	float: left;
}

#footer-contact-form input[type=text], #footer-contact-form textarea {
	width: 166px;
	margin-bottom: 4px;
	height: 22px;
}

#footer-contact-form input[type=text] {
	padding-top: 3px;
}

#footer-send {
	width: 178px;
}

#footer-contact-form #footer-message {
	height: 70px;
}

#footer-contact-details {
	margin-top: 14px;
	float: left;
	width: 175px;
	margin-left: 9px;
	font-size: 12px;
	border-right: 2px solid #fff;
	height: 175px;
}

#footer-contact-details a:hover {
	text-decoration: none;
	background-color: transparent;
}

#footer-contact-details h6 {
	font-size: 155%;
	margin-bottom: 10px;
}

#footer-contact-details p {
	font-size: 110%;
}

/* @group Footer Promo */

#footer-promo {
	float: left;
	display:block;
	margin-left: 10px;
	margin-top: 30px;
	width: 355px;
}

#footer-promo ul {
	list-style:none;
	display:block;
    float:left;
}

#footer-promo li {
	float:left;
	list-style:none;
	display:block;
	margin:10px 0 10px 10px;
}

#footer-promo li a {
	text-decoration:none;
}

#footer-copyright {
	display:block;
	margin:10px 0 0 10px;
}


/* @end */



/* @end */

/* @group Content */

#about-us{
	background-color:#343333;
	border:solid 1px #b3b3b3;
	padding: 20px;
	margin: 30px;
	float: left;
	width: 655px;
}


#about-us h1{
	margin-bottom: 20px;
	color:white;
}
#services {
	width: 695px;
	padding: 0 30px;
	float: left;
	background: url(../images/vertical.png) repeat-y right;
	margin-top: 0;
	margin-bottom: 60px;
}

.service-item {
	float: left;
	width: 721px;
	background: url(../images/horizontal.png) repeat-x 0 bottom;
	margin-bottom: 20px;
}

.service-item.last {
	margin-bottom: 0;
}

.blurb {
	width: 280px;
	float: left;
	padding-top: 7px;
}

.big-image {
	float: left;
}

.thumb-list {
	height: 60px;
	margin-bottom: 24px;
	float: right;
	margin-right: 10px;
	margin-top: 14px;
}

.thumb-list li {
	width: 60px;
	height: 60px;
	float: left;
	background-color: #666;
	margin-right: 9px;
}

#news {
	width: 230px;
	float: left;
	padding-left: 15px;
}




/* @end */

/* @group Shadowbox */

#sb-container,#sb-wrapper{
text-align:left; 
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #303030;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto; 
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606; 
}
#sb-title,#sb-info{
position:relative;
margin:0; 
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:'Lucida Grande',Tahoma,sans-serif;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:'Lucida Grande',Tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}
/* @end */

/* @group Get in touch */

/* @group Contact */

#contact-container {
	width: 1000px;
	height: 300px;
	margin-top: 12px;
}

#contact-email, #contact-everything-else, #contact-fun #contact-meet-ourteam {
	height: 352px;
	float: left;
	padding: 10px;
}

#contact-email, #contact-everything-else {
	border-right: 1px solid #b3b3b3;
}

/* @group Email */

#contact-email {
	width: 350px;
}

#contact-email input[type=text], #contact-email textarea {
	width: 288px;
}

#contact-email #send {
	float: right;
	margin-right: 20px;
}

#contact-email textarea {
	height: 210px;
}



/* @end */

/* @group Everything else */

#contact-everything-else {
	width: 175px;
	padding-left: 30px;
	margin-right:60px;
}

#contact-everything-else h2 {
	margin-bottom: 10px;
	margin-top: 10px;
}

#contact-everything-else h2:first-child {
	margin-top: 0;
}


/* @group Fun */

#contact-fun object {
	margin-left: 20px;
}

#contact-fun a {
	position: absolute;
	top: -100px;
	left: -62px;
}

#contact-fun h2 {
	margin-left: 20px;
	margin-bottom: 10px;
}



/* @end */

/* @end */

/* @group Meet our Team */

#contact-meet-ourteam {
	padding: 10px;
}

#contact-meet-ourteam h2 {
	margin-bottom: 10px;
	margin-top: 10px;
}



/* @end */

/* @group Our team scroll */


#gwdteam {
	width: 300px;
	height: 290px;
	overflow: auto;
	background: #fff;
	border: 1px solid #b3b3b3;
}

.orange-bar .jScrollPaneTrack {
	background:#f60;
}

.orange-bar .jScrollPaneDrag {
	background: #00C;
}

.orange-bar .scroll-pane {
	background: #e5e6e7;
}

.holder h4 {
	font-size: 100%;
	color: #333;
	padding:5px 10px;
	margin-bottom:-5px;
}

.holder p {
	padding:0px 10px;
}

.holder img {
	margin-top:10px;
	padding:0px 10px;
}



/* @end */




/* @end */

/* @group Map */

#map-container {
	width: 980px;
	padding: 10px;
	height: 350px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	margin-top: 96px;
	border: 1px solid #b3b3b3;
	margin-bottom: 25px;
}

/* @group Directions */

#directions {
	width: 270px;
	height: 350px;
	float: left;
	display: none;
}

#directions-input {
	width: 258px;
}

#directions-button {
	margin-right: 1px;
}

#directions-button, #directions-clear {
	width: 133px;
}

#directions-list {
	list-style-type: decimal;
	width: 98%;
	list-style-position: inside;
	margin-top: 12px;
	height: 259px;
	overflow: auto;
	padding-right: 2%;
}

#directions-list li {
	margin-bottom: 9px;
	border-bottom: 1px solid #b3b3b3;
}

/* @end */

/* @group Map */

#map {
	width: 980px;
	height: 350px;
	float: right;
	cursor: pointer;
}

#map-label {
	width: 210px;
	height: 16px;
	color: #fff;
	font-size: 110%;
	background-color: #000;
	padding: 6px;
	position: absolute;
	text-align: center;
	cursor: default;
	left: 20px;
	border: 3px solid #fff;
	cursor: pointer;
	opacity: 0.75;
	top: 20px;
}

/* @end */

#tc-detail {
	position: fixed;
	top: 50px;
	left: 50%;
	width: 730px;
	border: 2px solid #ccc;
	overflow: auto;
	color: #000;
	background-color: #fff;
	padding: 20px;
	margin-left: -375px;
	display: none;
	bottom: 50px;
}

#tc-detail h1 {
	font-size: 50px;
	text-align: center;
	margin-bottom: 25px;
}

#windowpanel {
	padding:50px;
}

/* @end */



/* @end */

#news form input {
	padding-top: 5px;
	height: 24px;
}



/* @group Recent Projects */


#need-help {
	background-color:#343333;
	border:solid 1px #b3b3b3;
	padding: 20px;
	float: left;
	margin-top: -275px;
	width: 187px;
	height: 203px;
	margin-left:15px;
}
#recent-projects {
	margin-top: 0px;
	margin-bottom:40px;
	width: 230px;
	float: left;
	padding-left: 15px;
}

#need-help h3 {
color:#fff;
font-size: 22px;
}

.project img {
position:relative;
float:left;
}
/*.project img:hover  {
margin-left:-230px;
} */
.project {
color:#fff;
overflow:hidden;
width:230px;
height:300px;
border: solid 1px #666;
margin-bottom:20px;
}
.project h3 {
font-size: 18px;
margin-left:15px;
}
.project a {
color:#fff;
}
.project ul {
list-style: square;
margin-bottom:10px;
}
.project li {
margin-left:30px;
}

.project-details {
display:block;
width:230px;
margin-top:190px;
padding-top:15px;
position:absolute;
}

.project-details h3 {
color:#fff;
}
.algon {
background-image: url(../images/projects/algon-pool-cleaners.jpg);
}


/* @group Sidebar Form */


#sidebar-contact-form {
	height: 160px;
	width: 50%;
	margin-top: 10px;
	float: left;
}

#sidebar-contact-form input[type=text], #sidebar-contact-form textarea {
	width: 170px;
	margin-bottom: 4px;
	height: 18px;
}

#sidebar-contact-form input[type=text] {
	padding-top: 3px;
}

#sidebar-send {
	width: 180px;
}

#sidebar-contact-form #sidebar-message {
	height: 70px;
}
.facebook {
position:absolute;margin-top:-7px;
}