/*   
Theme Name: aquaBubbler Theme
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Pine
Version: 1
*/

@import "style-reset.css";
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);


/*Newsletter content area styles*/

.clear {display: block; clear: both;}

.newsletter .entry-content {
    color: #333333;
    float: left;
    font-size: 14px;
    line-height: 1.8em;
    width: 100%;
}

/*Newsletter sidebar styles*/


.single-newsletter #sidebar {
	display: none;/*recent posts*/
}

.newsletter #page_sidebar { 
/*.newsletter #page_sidenav {*/
	font-size: 13px;
	margin-left: -280px;
    	position: absolute;
	width: 230px;
        margin-top: -53px;
}

.newsletter #page_sidenav ol {
	font-size: 13px;
}
.newsletter #page_sidenav ol li{
	list-style: none;
	margin:auto auto 10px 10px;
	line-height: 1.3em;
	font-weight: bold;
}
.newsletter #page_sidenav ol ol li{
	font-size: 13px;
	font-weight: normal;
}
.newsletter #page_sidenav ol li a{
	text-decoration: none;
	color: #009DD3;
}
.newsletter #page_sidenav ol li li a{
	color: #777;
}
.newsletter #page_sidenav ol li a:hover{
	text-decoration: underline;
}

.newsletter p {margin-bottom: 10px;}
.newsletter h1.entry-title {font-size: 1.5em;}
.newsletter h2 {margin: 20px 0 10px 0;}
.newsletter ul { padding-left: 20px;}
.newsletter ul li {list-style: disc;}

p.wp-caption-text { padding: 0 10px 10px 10px; background: url("images/sidebar_bg.png") repeat-x scroll left bottom #FFFFFF; font-style: italic; }



.blue{
	color: #009DD3;
}
.aqua{
	font-size:18px;
}




html{
	background-image: none;
	background-color: #fff;
}

body{
	text-align: center;
	font-size: 14px;
	line-height: 1.4em;
	color:#333;
}

#wrapper{
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#content{
	min-height:600px;
	height: auto !important;
	height: 600px;
}

#wrapper{
	width:100%;
	margin:auto;
	text-align:center;
	
	background: url(./images/bg_pages.png) repeat-x;
	background-position: center top;
}

#content{
	width:930px;
	margin:auto;
	text-align:left;
}

/* header */

#header{
	width: 100%;
	display: block;
	float: left;
	position: relative;
}

#header h1{
	width:201px;
	height: 70px;
	margin-top:30px;
	float: left;
}

#header nav{
	float: left;
	margin-top:40px;
	position: relative;
}

#header nav ol{
	position: absolute;
	top:0;
	left: 0px;
	width:723px;
	z-index: 3;	
}

#header nav li{
	float: left;
	list-style: none;
}

#header nav li a{
	height:40px;
	padding-top:23px;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size:15px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	
	background-image: url(./images/menu.png);
	background-repeat: no-repeat;
}

#header nav li a:hover{
	color: #fff;
}
#header nav li#nav_about span{
	font-size: 20px;
}
#header nav li#nav_about a{
	width:117px;
	height: 48px;
	padding-top: 22px;
	padding-left: 6px;
	background-position: 0px 0;
}

#header nav li#nav_about a:hover{
	background-position: 0px -70px;
}

#header nav li#nav_enquiries a{
	width:120px;
	background-position: -123px 0;
}

#header nav li#nav_enquiries a:hover{
	background-position: -123px -70px;
}

#header nav li#nav_enquiries a span{
	font-size:19px;
}

#header nav li#nav_sustainability a{
	width:120px;
	background-position: -243px 0;
}

#header nav li#nav_sustainability a:hover{
	background-position: -243px -70px;
}
#header nav li#nav_faq a{
	width:120px;
	height:45px;
	background-position: -363px 0;
}
#header nav li#nav_faq a:hover{
	background-position: -363px -70px;
}
#header nav li#nav_gallery a{
	width:120px;
	background-position: -483px 0;
}
#header nav li#nav_gallery a:hover{
	background-position: -483px -70px;
}
#header nav li#nav_contact a{
	width:120px;
	background-position: -603px 0;
}
#header nav li#nav_contact a:hover{
	background-position: -603px -70px;
}

#header a#nav_design,
#header a:link#nav_design{
	width:167px;
	height: 116px;
	padding-top:50px;
	overflow: hidden;
	
	display: block;
	position: absolute;
	top:15px;
	left: 495px;
	z-index: 1;
	zoom: 1;	/* for IE6 */
	
	background-image: url(images/banner-colour2.gif);
	background-repeat: no-repeat;
	
	color:#fff;
	text-decoration: none;
	text-align: center;
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
}

#header a#nav_design span.aqua{
	font-size: 25px;
}
#header a#nav_design span{
	font-size:20px;
	color: #4D4D4D;
	line-height: 0.8em;
	width:165px;
}


#header a#nav_design #aquaDesigner { display: block; color: white; font-size: 1.2em;}


#header a#backhome{
	color: #009DD3;
	position: absolute;
	top: 15px;
	left: 179px;
	font-size: 14px;
	text-decoration: none;
}

#header a#backhome:hover{
	text-decoration: underline;
}
#header a.blogbtn{
	position: absolute;
	top: 8px;
	right: 2px;
}

#header #phone-icon{
	position: absolute;
	top:15px;
	right:548px;
}

#header #square{
	position: absolute;
	top:11px;
	right:403px;
}

#header #twit{
	position: absolute;
	top:8px;
	right:601px;
}
#header .tel{
	position: absolute;
	top:13px;
	right:271px;
	color: #009DD3;
	font-size: 18px;
	font-weight: bold;
}
#header .tel span{
	font-size: 15px;
}

#header #au { right: 416px;}
#header #nz {}

#header #newsletter{
	position: absolute;
	top:12px;
	right:140px;
}
#header #newsletter a{
	color: #009DD3;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
}
#header #newsletter a:hover{
	text-decoration: underline;
}


#main{
	float: left;
	margin:80px auto auto auto;
	width:930px;
}
.breadcrumb{
	color: #fff;
}
.breadcrumb a{
	color: #fff;
}

#footer{
	width:100%;
	display: block;
	float: left;
	height: 90px;
	padding:10px 0 0 0;
	margin: 50px auto auto auto;
	color: #717171;
	text-align: center;
	background-color: #F4F4F4;
}
#footer #footer_content{
	width:930px;
	margin:auto;
}
#footer p{
	float: left;
	width:auto;
	text-align: left;
}
#footer p.mt{
	float: right;
}
#footer p.mt a{
	color: #717171;
	text-decoration: none;
}
#footer p.mt a:hover{
	text-decoration: underline;
	color: #009DD3;
}
#footer .aqua{
	font-size: 16px;
}

/* blog */
#blog_main{

	float: right;
	width: 650px;
	margin: 30px auto auto auto;
	color: #333;

}

#blog_main h2{
	font-size: 20px;
	color: #009DD3;
}

#blog_main h2 a{
	font-size: 20px;
	color: #009DD3;
}

#blog_main h2 a:hover{
	opacity: 0.7;
}
#blog_main article{
	line-height: 1.8em;
}
#sidebar{
	float: left;
	width:210px;
	
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 30px auto;
	padding:20px 20px;
	background: url(images/sidebar_bg.png) no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border-radius: 10px;          /* CSS3草案 */
	-webkit-border-radius: 10px;     /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;     /* Firefox用 */
	
	color: #333;
}
#sidebar .widget { margin-bottom: 20px }

#sidebar .widget h2{ color: #009DD3; font-size: 15px; }

#sidebar .widget a{ color:#777; text-decoration: none; }

#sidebar .widget a:hover{ text-decoration: underline; }

#sidebar .widget ul li{ margin:auto auto auto 10px; }

.page_template_blog-php #sidebar .widget ul li a{ line-height: 1.8em; }

#page_sidebar{
	float: left;
	width:250px;
}

#page_sidenav{
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding:20px 10px;
	margin-bottom: 30px;
	background: url(images/sidebar_bg.png) no-repeat;
	background-position: left bottom;
	background-color: #fff;
	border-radius: 10px;          /* CSS3草案 */
	-webkit-border-radius: 10px;     /* Safari,Google Chrome用 */
	
	box-shadow: 0px 1px 3px #DDD;
	-moz-box-shadow: 0px 1px 3px #DDD; 
	-webkit-box-shadow: 0px 1px 3px #DDD;


}




h2.pagetitle{ margin-bottom: 20px; }

.alignleft { float: left; margin-right: 20px;  margin-bottom: 10px; }

.alignright { float: right; margin-left: 20px;  margin-bottom: 10px; }

.entry img.alignleft { float: left; margin-right: 20px;  margin-bottom: 10px;  }

.entry img.alignright { float: right; margin-left: 20px;  margin-bottom: 10px;  }

article .entry {margin-top: 8px; margin-bottom: 50px;}

article.post .entry a {color: #009DD3; text-decoration: none; font-size: 1.2em; }

article.post .entry img { float: left; margin-right: 20px; margin-bottom: 30px; } 

#blog_main article .entry-content img.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }

#blog_main article .entry-content img.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }

#product { margin-top: 30px; }

article.post{
	margin:auto auto 20px auto;
	padding: 0;
	border-bottom: 1px solid #53d3d9;
	color: #777;
}


article.page{
	padding: 20px;
	margin:auto auto 20px auto;
	/*padding: 0;*/
	border-bottom: 1px solid #53d3d9;
	border-radius: 10px;          /* CSS3草案 */
	-webkit-border-radius: 10px;     /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;     /* Firefox用 */
	background-color: #fff;
	min-height: 500px;
}

.page-template-product-php article.page{ border: 1px solid #53d3d9; }

article.post h1,
article.post h2,
article.post h1 a,
article.post h2 a{
	color: #009DD3;
	font-size: 18px;
	text-decoration: none;
	margin:auto auto 0px auto;
}

article.post h2 a:hover{
	text-decoration: underline;
}

article footer.meta{
	margin:0px auto 2px auto;
}

.wrapper { min-height: 600px; }

.one_half{  width:45%; padding-right: 2%; display: inline-block; vertical-align: top; } //one helf

.last{ margin-right: 0; clear:right; }

#product article .entry{ margin-top: 0; }

.product p.register{ width: 400px; float: left; }

.product h1{ color: #009DD3; font-size: 28px;  margin-bottom: 8px;  }
.product h2{ color: #009DD3; font-size: 18px;  margin-bottom: 30px; font-weight: normal;  }

.product .prodImg { width: 657px; float: right; position: relative; bottom: 30px;  }

.product .prodImg img {    }

.product .specs { float: left; width: 230px; position: relative; bottom: 10px; }

.product .specs ul { padding:0px; position: relative; left: 9px; }

.product .specs ul li { margin: 8px 0; }

.product .specs ul li:hover a { margin: 3px 0; } 

.product .specs ul li a { font-size: 1em; font-family: Verdana, sans-serif; text-decoration: none; color: #58595b; line-height: 1.3em; display: block; }

.product .specs ul li a:hover { color: black; text-decoration: underline;  }

.product .specs h2, h2.downloads { color: #009DD3; font-size: 17px; height: 30px; padding: 10px 0 0 0; margin-bottom: 15px; color: white; text-align: center; width: 120px; }

.product .specs h2#links{ background: transparent url('images/blueTitle.png') no-repeat;  }

h2.downloads { background: transparent url('images/orangeTitle.png') no-repeat; padding: 6px 0 0 0;  }

.product #tabs {position: relative; bottom: 60px;}

.product #tabs h2 {  margin: 10px 0; }

.product #tabs.ui-widget-content { background-color: transparent;}

.product #tabs .ui-widget-header  { background-image: none; background-color: transparent; border: 0 none;}

.product .ui-tabs { border: 0 none;  line-height: 1.8em;}

.product .ui-tabs .ui-tabs-panel { font: 13px Helmet, Freesans, sans-serif;  /* CSS3草案 */ -webkit-border-bottom-right-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;     

	/* CSS3草案 */ -webkit-border-bottom-left-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;     

	/* CSS3草案 */ -webkit-border-top-right-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-top-right-radius: 10px; border-top-right-radius: 10px;     

	line-height: 1.8em; border: 1px solid #999999; font-size: 14px;  }

.product #tabs ul.ui-widget-header { padding-left: 0; }

.product #tabs ul.ui-widget-header li  { background-image: none; background-color: #81e0e5; position: relative; top: 1px;  }

.product #tabs ul.ui-widget-header li a  { box-shadow: 0 -2px 25px #fff inset; color: #0078bc; font-size: .9em; font-weight: 400; outline: 0 none; padding: 10px 13px; }

.product #tabs ul.ui-widget-header li a:hover  { background-color: #009DD3; color: #fff; outline: 0 none;  }

.product #tabs ul.ui-widget-header li.ui-tabs-active a { background-color: #0078bc; color: #fff; }

.product #tabs ul { padding-left: 20px; list-style: disc; }

.product .wpcf7 {float: right; width: 50%; }

.entry-header{ height: auto; margin: auto; padding: 0; }

#single-colum{ float: left; width:100%; margin-top:100px; }

#single-colum h2{ font-size: 24px; color: #009DD3; }

input#searchsubmit{ margin-top: 10px; }

#page_sidebar input{
	padding:5px;
	border:1px solid #eee;
	color:#555;
	width:215px;
	background-color: #FFFF99;
}
#page_sidebar textarea{
	width:215px;
	height:150px;
	padding:5px;
}
#page_sidebar .wpcf7-submit{
	background-color: #ccc;
	padding:5px;
	width:227px;
	margin-top:20px;
}
.page #design{
	margin-top: 30px;
}