/* Theme Name: ProGrindV0
Theme URI: http://
Description: ProGrind custom theme built by  <a href="http://www.mogul.co.nz/">Mogul</a>.
Version: 0.1
Author: Mogul
Author URI: http://www.mogul.co.nz/ */

/* -------- Default styles -------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#888;}del,ins{text-decoration:none;} /* remember to define focus styles! */
:focus {outline: 0;}article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wb{display: inline;}

/* -------- Utility classes -------- */
.clear{
  clear:both;
}
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
.offScreen {
	position: absolute;
	top: 0; 
	left: -10000px; 
	margin: 0; 
	padding: 0; 
	font-size: 1px; 
	color: #000;
}

/* -------- Body / Html -------- */
html, body {
	position: relative;
	z-index: 0;
	/*height: 100%;*/
	margin: 0;
	padding: 0;
}

body {
	min-width: 960px;
	font-family: "Gill Sans","Gill Sans MT",Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	color: #999;
	background-color: #fff;	
}

/* -------- Layout -------- */

/* ---- Header ---- */
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 46px;
	z-index: 20;
	color: #888;
	background-color: transparent;
	background-image: url('img/nav_shadow.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}
ul#nav{
	position: relative;
	z-index: 22;
	min-width: 960px;
	height: 36px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 37px;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
}
ul#nav li{
	position: relative;
	z-index: 23;
	display: inline-block;
	width: 100px;
	margin: 0;
	list-style-type: none;
	*display: inline;
	zoom: 1;
}
ul#nav li a {
	color:#888;
	text-decoration:none;
	display: inline-block;
	padding: 0;
}
ul#nav li:hover, 
ul#nav li:hover a {
	overflow:visible;
	color:#fff;
	background-color: #47bcec;
}
ul#nav li.current_page_item{

}
ul#nav li.current_page_item,
ul#nav li.current_page_parent,
ul#nav li.current_page_ancestor {
	background-color: #47bcec;
	color:#fff;
}

ul#nav li.current_page_item a,
ul#nav li.current_page_parent a,
ul#nav li.current_page_ancestor a {
	color:#fff;
}
ul#nav li ul {
	display: none;
	z-index:20000;
	position: absolute;
	width: 100px;
	background: #47bcec;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}
ul#nav li:hover > ul {
	position: absolute;
	display: block;
	float: none;
	width: 100%;
	background-color: #47bcec;
}
ul#nav li ul li{
	display: block;
	width: 94px;
	margin: 0;
	padding: 3px;
	line-height: 1em;
	text-align: center;
}

ul#nav li ul li a{
	display: block;
	margin: 0;
	padding: 6px 5px;
	color: #fff;
	background: transparent;
}
ul#nav li ul li a:hover{
	color: #47bcec;
	background-color: #fff;
}

/* ---- Content Layout ---- */
#contentImgCol{
	position: fixed;
	top: 36px;
	left: 0;
	overflow: hidden;
	z-index: 1;
	width: 50%;
	min-width: 480px;
	height: 100%;
	margin: 0;
	text-align: right;
	background-color: transparent;
	/*background-image: url('../../uploads/2011/07/expertise-1467-640x425.jpg'); default? */
	background-position: right top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contentImgCol img.attachment-left-side-image-norm {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	height: 100%;
	min-height: 400px;
	margin: 0;
	border: 0;
}

#contentImgCol .logo {
	z-index: 2;
	position: absolute;
	left: 37px;
	top: 20px;
}

#contentTextCol{
	position: relative;
	left: 50%;
	top: 36px;
	width: 430px;
	/*min-height: 100%;*/
	margin: 0 0 0 20px;
	padding: 0 0 30px 0;
	font-size: 1.5em;
	line-height: 1.3em;
}

.page-template-projectpage-php #contentImgCol {
	width: 60%;
	min-width: 580px;
}

.page-template-projectpage-php #contentTextCol{
	left: 60%;
	width: 330px;
}

/* ---- Home page ---- */
.home #contentTextCol {
	background: rgb(255,255,255) none;
	background: rgba(255,255,255,.935) none;
	height: auto;
	min-height: 0;
	top: 92px;
	padding-left: 20px;
	padding-right: 20px;
	width: 300px;
	position: absolute;
	right: 0;
	left: auto;
}
#homepageSlider {
	display: none;
}

#ajaxLoader {
	height: 50px;
	width: 50px;
	background: url('img/ajax-loader.gif') no-repeat;
	position: absolute;
	top: 250px;
	left: 50%;
	display: block;
}
.scrollPhotosUp, .scrollPhotosDown {
	width: 58px;
	height: 30px;
	display: block;
}
.scrollPhotosUp {
	background: url('/wp-content/themes/progrindv0/img/imagenav_up.png') no-repeat center top transparent;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 100;
}
.scrollPhotosDown {
	background: url('/wp-content/themes/progrindv0/img/imagenav_down.png') no-repeat center top transparent;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 100;
}

.photoScroller {
	float: left;
}
.nextProject {
	float: right;
	margin-top: 28px;
}

.photoScroller p {
	text-align: center;
	width: 58px;
	line-height: 1em;
	margin: 1px 0;
	text-transform: uppercase;
}

/* -------- Buttons -------- */
a.btn1, a.btn1:link, a.btn1:visited {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;
	background: rgb(71,188,236) none;
	border: 3px solid #47bcec;
}

a.btn1:hover, a.btn1:active {
	color: #47bcec;
	text-decoration: none;
	background-color: #fff; 
}

/* ---- Footer ---- */
#footer{
	position: absolute;
	bottom: 10px;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: .9em;
}

/* -------- WordPress specific styles -------- */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* -------- Typography -------- */

/* ---- Headings ---- */
/* remember to add line-height for all headings */

h1,h2,h3,h4,h5,h6 {
	line-height: 1.3em;
	margin: 25px 0 1em 0;
	font-weight: normal;
	text-transform: uppercase;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight: normal;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	margin: 12px 0 1em 0;
	font-size: 1.2em;
}

h4 {
	margin: 12px 0 1em 0;
	font-size: 1.1em;
}

h5 {
	margin: 6px 0 0 0;
	font-size: 1em;
}
h6 {
	margin: 6px 0 0 0;
	font-size: 1em;
}

/* ---- Paragraphs ---- */

p {
	margin: 0 0 1.2em 0;
}

/* ---- Lists ---- */

ol, ul{
	margin-bottom:20px;
}

ul li {
	list-style-type: disc;
	margin-left: 40px;
	margin-bottom: 10px;
}

ol li {
	list-style-type: decimal;
	margin-left: 40px;
	margin-bottom: 10px;
}

/* ---- Blockquote ---- */

blockquote {
	margin: 0 0 1.5em 0;
	font-style: italic;
}
blockquote p {
	margin: 0;
}

/* ---- Links ---- */

a:link, a:visited {
	color: #47bcec;
	text-decoration:none;
}

a:hover, a:active {
	color: #47bcec;
	text-decoration:underline;
}

/* ---- Tables ---- */

table {

}

tr {

}

th {

}

td {

}

/* ---- Text formatting ---- */

b, strong {
  font-weight:bold;
}

i,em {
  font-style:italic;
}

/* -------- Projects -------- */
.projectShowcase {
	margin: 0;
	background-color: transparent;
}

.projectShowcase h2 {
	margin-bottom: 4px;
}
.projectShowcase .showcase-col-1 {
	margin-right: 10px;
}

.projectLink, 
.projectLink h4 {
	width: 210px;
	height: 120px;
}

.projectLink {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 5px;
	float: left;
}

.projectLink h4 {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: transparent;
	text-transform: uppercase;
}

.projectLink a {
	display: block;
	width: 180px;
	height: 90px;
	padding: 10px;
	color: #fff;
	background-color: transparent;
}

.projectLink a:hover, .projectLink a:active {
	border: 5px solid #fff;
	text-decoration: none;
	background-color: rgba(71,188,236,.7);
}

.projectLink a span {
	visibility: hidden;
}

.projectLink a:hover span, .projectLink a:hover span {
	visibility: visible;
}




.successSignedUp {
	display: none;
}
.emailImg {
position: relative;
top: 5px;
}

table.location_search td {
padding: 0 10px 14px 0;
}



/* Optimising: Added RSS Button */

.rss {
	text-indent:-999em;
	width:25px;
	height:25px;
	background:url('img/icon-rss-small.png') left top no-repeat;
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	z-index:100;
}








/* Life Cycle Cost Calculator */

body.page-id-1367 .messages {
	margin-bottom:1em;
	
}

body.page-id-1367 .messages .message {
	padding:.5em .6em;
	background:#bef9c7;
	border:1px solid #9ed9a7;
	display:block;	
	margin-bottom:2px;
	color:#7eb987;
}

body.page-id-1367 .messages .message-error {
	background:#f9bebe;
	border:1px solid #d99e9e;
	color:#b97e7e;
	
}


body.page-id-1367 input.text {
	padding:.3em .6em;
	border:1px solid #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

body.page-id-1367 .name {
	display:block;	
	margin-bottom:.3em;
	font-weight:bold;
}

body.page-id-1367 .input-error {
	color:#b97e7e;
}

body.page-id-1367 .input-error input {
	background:#f9bebe;
}

body.page-id-1367 label {
	margin-left:.3em; 
	margin-right:1em;
}