@charset "utf-8";
/*
Theme Name: Contemporary Pools
Author: Boyd Design
Author URI: http://boyddesign.com.au/
Description: Default theme for Contemporary Pool
Version: 1.0

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

body {background: #116997 url(images/bg_body.jpg); color: #FFF; font: 14px "Century Gothic", sans-serif;}

td { vertical-align: top; }

p {line-height: 1.5em; margin-bottom: 1em;}

.none { display: none;}
.clear {clear: both;}
.alignleft {float: left; margin: 0 30px 30px 0}
.alignright {float: right;}

.button {
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  padding: 4px 15px 4px 15px;
  font-weight:600;
  position: relative;
  background: #5e5e5e;
  color:#ffffff;
}
.button span{
	display:block;
	position: absolute;
	top:0;
	right:0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: #ffffff #ffffff #ffffff #ae5100;
}

.button:hover {
  background-color:#666666;
  color: #ffffff;
  text-decoration: none;
}


.container {width: 946px; margin: 0 auto;}

#header {padding: 60px 0 12px; height: 20px;}

#logo a {float: left; width: 546px; height: 20px; background: url(images/logo1.png) no-repeat}
#logo strong {display: none;}

#banner {height: 310px; background: #116997; position: relative;}
#banner:before {
	display: block;
	position: absolute;
	top: 120;
	left: 0;
	width: 100%;
	z-index: 9999;
	content: "";
	height: 382px;
	margin-left: 1px;
	background: url(images/lines.png) center top no-repeat;
	}
	
#nav-primary img {margin-top: 8px;}

.nav {margin-bottom: 32px; position: relative; z-index: 99999}
.nav .widget {float: left;}
.nav .menu {float: right; padding-top: 10px;}
.nav li {float: left; list-style: none; position: relative;}
.nav li a {
	display: block;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 16px;
	text-decoration: none;
	font-size: 1.7em;
	/*font-weight: bold;*/
	}
	
#wrap {clear: both;}

#content h1 {font-weight: normal; text-transform: uppercase; font-size: 2em; margin-bottom: 1em;}
.home #content h1 {display: none;}
.home #content h1.heading {display: block;}

#footer {clear: both; background: #185b8e; padding: 6px 40px;}
#footer a {color: #FFF;}


/* ==|== GALLERY ======================================== */
.otw-column, .otw-columns {padding: 0;}
.gallery-item {text-align: left !important;}
.gallery-item img {margin-bottom: 4px; }
.gallery-item p {margin-bottom: 4px; line-height: 1.4em;}
.gallery-item-title {font-size: 1.3em; font-weight: bold; }
.otw-sc-portfolio {padding: 36px 18px;}
.otw-portfolio-filter {display: none;}
.otw-portfolio .description, .otw-portfolio .quote { width: 408px;padding: 28px;}
.otw-portfolio .description {float: left}
.otw-portfolio .quote {float: right;}
.otw-portfolio h2 {margin-bottom: .6em; letter-spacing: 1px;}
.otw-portfolio a {border: 0; color: #FFF;}
.otw-single-portfolio-item .portfolio-gallery-wrapper #portfolio-carousel li {width: 133px !important;}
.otw-sc-portfolio .otw-portfolio-item-link {margin: 0;}
.otw-portfolio-item-link .image {margin-bottom: 8px;}
.otw-sc-portfolio a.read-more {display: none;}
.otw-portfolio-item-link h3 {/*letter-spacing: 1px;*/ font-weight: normal; margin: 0 0 .2em;}
.otw-portfolio-item-link .text {display: none;}
.shadow-overlay {display: none !important;}
#portfolio-gallery .slides a {display: block; width: 958px; height: 456px; overflow: hidden; text-align: center; background: #0e2837;}
#portfolio-gallery .slides a img {display: inline-block; margin-top: 0; height: 456px !important; width: auto !important;}
.otw-single-portfolio-item .portfolio-gallery-wrapper .flexslider {margin-bottom: 0;}

/* ==|== non-semantic helper classes ======================================== */

.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }