/*
Theme Name: Builders Whangarei
Theme URI: http://www.energise.co.nz/
Description: A theme by energise web design
Author: energise web design
*/

/* CSS Document */
*{padding:0; margin:0;}
/*General styles*/
BODY{font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#50555F;line-height:140%;background:  url(images/bg.jpg) top repeat-x;}
P {padding-bottom:6px; margin-bottom:5px;}
:active, :focus{outline:none;}
a:link, a:visited{color:#197FCC;text-decoration: underline;}
a:hover{text-decoration: none;color:#376279;}
input, textarea, select {padding:1px;margin:0;color:#555;font-size:100%;}
img {max-width:100%;height:auto}

/*Headings*/
h1{font: 24px/26px Arial, Helvetica, sans-serif;color:#376279;margin: 0px;padding: 0 0 10px 0;}
h2{font: 18px/20px Arial, Helvetica, sans-serif;color:#666;margin: 0px;padding: 10px 0 7px 0;}
h2.hmlst{font: 22px/24px Arial, Helvetica, sans-serif;color:#376279;margin: 0px;padding: 8px 10px; background:#E7EFEF; border:#D3E2E2 1px solid;}
h3{font: bold 15px/16px Arial, Helvetica, sans-serif;color:#783920;margin: 0px;padding: 15px 0 7px 0;}
/*Common Styles*/
p.bullet {padding:2px 0 5px 14px;background:url(images/bullet.png) left 6px no-repeat;}
img.left {float:left;margin:0 12px 8px 0;}
img.right {float:right;margin:0 0 8px 10px;}
.topzero {padding-top:0px;}
BR.clear {clear:both; height:1px;}
.color { color:#008676;}
.paddmar0 { padding:0; margin:0;}
.sub_lead_txt { color:#3A4F70; font-size:16px; line-height:23px;}
.arrow_list {list-style: none;padding: 5px 0 5px 0px;margin: 0px;border: none;}
.arrow_list li {display: block;background: url(images/bullet.jpg) left 5px no-repeat;
padding: 3px 0px 3px 15px;margin:0;}
.alignleft {float:left;margin:0 15px 10px 0;}
.alignright {float:right;margin:0 0 10px 15px;}
.info { border-bottom:#DDD 1px solid; font-size:12px; padding:5px 0; text-align:left; margin-bottom:8px;}
img.attachment-thumbnail { float:left; padding:6px; border:#D3E2E2 1px solid; margin:0 15px 5px 0; background:#FFF;}
.lposts img.attachment-thumbnail { float:left; padding:4px; border:#D3E2E2 1px solid; margin:0 10px 5px 0; background:#FFF; width:75px; height:75px;}
.right_pnls_mid div.lposts h3 {font: bold 16px/18px Arial, Helvetica, sans-serif; margin-top:12px;}
.rdmore { padding-bottom:8px; font: bold 14px/16px Arial, Helvetica, sans-serif;}
.lposts p.rdmore { padding-bottom:8px; font: bold 12px/14px Arial, Helvetica, sans-serif;}
/*DIVs*/
.wrap { width:100%; overflow:hidden; background:url(images/header-bg.jpg) top center no-repeat;}
.container {width:100%;max-width: 1000px;margin: 0 auto; overflow:hidden;}
.header {width:100%;float:left; background:url(images/header-bg.jpg) right top no-repeat;}
.header_top {width:100%;float:left; height:171px;}
.logo {width:50%;float:left; padding:64px 0 0 0;}
.header_text {width:40%;float:left; padding:35px 0 0 0px; font:18px/20px Arial, Helvetica, sans-serif; color:#517895;}
.nav {width:100%;float:left; height:45px; text-align:left;}
/*Navigation*/
.nav ul{font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; border-left:#000000 1px solid;}
.nav ul li{list-style: none;display: block;float:left;position:relative;}
.nav ul li a, .nav ul li a:visited {text-decoration: none;float:left; padding:0px;line-height:45px;color:#FFF;font-weight:bold; display:block; padding:0 20px; border-right:#000000 1px solid; }
.nav ul li a:hover, .nav ul li a.active {text-decoration: none;color:#FFF; background:#000;}
.nav ul ul { display: none; position: absolute; top: 45px; left: 0; float: left; width: 180px; z-index: 99999; }
.nav ul ul li { min-width: 180px; background:none; }
.nav ul ul ul { left: 100%; top: 0; }
.nav ul ul a, .nav ul ul a:visited, .nav ul ul a:active { background: #1C3645; line-height: 130%; padding: 8px 10px; width: 180px; height: auto; border-top:#3A6880 1px solid; font: bold 13px/20px Arial, Helvetica, sans-serif; }
.nav li:hover > a, .nav ul ul :hover > a { background:#000; color: #fff; }
.nav ul li:hover > ul { display: block; }
.nav ul li.current_page_item > a, .nav ul li.current-menu-ancestor > a, .nav ul li.current-menu-item > a, .nav ul li.current-menu-parent > a { color: #fff; }
* html .nav ul li.current_page_item a, * html .nav ul li.current-menu-ancestor a, * html .nav ul li.current-menu-item a, * html .nav ul li.current-menu-parent a, * html .nav ul li a:hover { color: #fff; }

.content {width:100%;float:left; padding:40px 0 20px; clear:both; min-height:300px;}
.content_in {width:100%;float:left;}
.content ul, .content ol {margin:0 0 7px 25px;}
.content li {margin:0 0 5px 0px;}
/*.col_mid ul { margin:0 0 7px 25px;}
.col_mid li { margin:0 0 5px 0px;}*/
.col_left {width:17%;float:left; background:#EFF4F4;}
.col_left h2 {background:#39677F; font: bold 14px/15px Arial, Helvetica, sans-serif; padding:8px 0; text-align:center; color:#FFF; }
.col_left ul {list-style: none;padding: 5px 0 5px 0px;margin: 0px;border: none;}
.col_left ul li a, .col_left ul li a:visited {display: block;background: url(images/bullet.jpg) 8px 10px no-repeat; padding: 5px 10px 5px 25px;margin:0; border-top:#D5E3E3 1px solid; color:#197FCC; text-decoration:none;}
.col_left ul li a:hover { text-decoration:none; color:#39677F; }
.type-post, .type-page { width:100%; float:left; padding-bottom:20px;}
.alignright { float: right; margin:0 0 6px 12px;}
.wp-caption-text {font: 12px/120% Arial, Helvetica, sans-serif;color:#777; text-align:center;}
.col_mid {}
.col_mid h2 {}
.arc_list {list-style: none;padding: 0px 0 15px 0px;margin: 0px;border: none; font-size:14px; font-weight:bold;}
.arc_list li a, .arc_list li a:visited {display: block;background: url(images/bullet.png) left 8px no-repeat; padding: 7px 0px 7px 20px;margin:0; border-bottom:#EBD7BE 1px solid; text-decoration:none;}
.col_mid h3 { color:#783920;}

.left_column {width:72%;float:left;}
.left_column_in {width:100%;float:left;}
.google_ad_top {width:72%;float:left;padding-bottom:15px;}
.left_column h2.entry-title {font: 22px/24px Arial, Helvetica, sans-serif;color:#376279;margin: 0px 0 16px;padding: 8px 10px; background:#E7EFEF; border:#D3E2E2 1px solid;}
.left_column ul, .left_column ol {margin:5px 0 10px 30px;}
.left_column ul li, .left_column ol li {margin:0px 0 6px 0px;}
.col_right {width:25%;float:right;}
.col_right_in {width:100%;float:left;}
.search_pnl {width:94%;float:left; height:auto;padding:7px 3%;background:#376279; /*background:url(images/search-bg.jpg) left top no-repeat;*/}
.srchbox { width:67%; float:left; padding:0;}
.srchbox input { padding:4px;}
.srchbtn { width:30%; float:left; padding:0;max-width:70px;}
.srchbtn input[type="submit"] { padding:2px; font-weight:bold;}
.right_pnls_hd {width:100%;float:left; padding-top:15px;}
.right_pnls_hd h2 { border:#CCDDDD 2px solid; background:url(images/panel-hd-bg.jpg) top repeat-x; text-align:center; font:18px/18px Arial, Helvetica, sans-serif; color:#376379; padding:9px 5px;}
.right_pnls_mid {width:210px;float:left; border-left:#CCDDDD 1px solid; border-right:#CCDDDD 1px solid; padding:12px 19px;}
.right_pnls_mid h3 { color:#376379; font-weight:normal; padding:0 0 7px 0; font-size:12px;}
.right_pnls_btm {width:250px;float:left; height:7px; background:url(images/panel-bottom-bg.jpg) left top no-repeat;}
.right_pnls_mid ul {list-style: none;padding: 0px 0 6px 0px;margin: 0px;border: none;}
.right_pnls_mid ul li a, .right_pnls_mid li a:visited {display: block; padding: 0px 0px 7px 0px;margin:0;text-decoration:underline; color:#197FCC;}
.right_pnls_mid li a:hover {color:#376379; text-decoration:none;}

.foot_wrap { width:100%; background:#3A6880 url(images/footer-bg.jpg) top repeat-x; padding:35px 0 20px; overflow:hidden;}
.footer {width:96%;max-width: 1000px; margin:0 auto; font-size:12px; color:#ADCADA; text-align: left;}
.footer_a, .footer_b { width:34%; float:left; padding-right:5%; }
.footer_c { width:22%; float:left;}
.footer_b ul, .footer_c ul {list-style: none;padding: 0px 0 15px 0px;margin: 0px;border: none; font-size:14px;}
.footer_b ul li, .footer_c ul li { background:url(images/foot_nav.jpg) bottom repeat-x; padding-bottom:2px;}
.footer_b ul li a, .footer_b li a:visited, .footer_c ul li a, .footer_c li a:visited {display: block;background: url(images/footer-bullet.png) left 12px no-repeat; padding: 7px 0px 7px 20px;margin:0;text-decoration:none; color:#ADCADA; border-top:#6D8998 1px solid;}
.footer_b h3, .footer_c h3 { color:#ADCADA; padding-top:0px; font-size:16px;}
.footer a, .footer a:visited {color:#ADCADA; text-decoration:underline;}
.footer a:hover {color:#FFF; text-decoration:none;}

.cnt_frm { padding:0; margin:0;}
.cnt_frm label {width:130px;float:left;margin:3px 0;}
.cnt_frm label span { color:#CC0000;}
.cnt_frm input, .cnt_frm textarea, .cnt_frm select {width:250px;float:left;margin:3px 0;clear:right;}
.cnt_frm p.new input {width: auto; float:none;}

div.wpcf7-validation-errors { border:#C00 1px solid !important; background:#C00; color:#FFF !important;}
/*Advertisements*/
.left_advt { width:170px; background:#FFF;}
.right_pnls_mid_advt {width:250px;float:left; border-left:#CCDDDD 1px solid; border-right:#CCDDDD 1px solid; padding:10px 14px;}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #444;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 20px 0 8px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

.contact_left {width:60%; float:left;}
.contact_right {float:right; width:36%;font-size:12px !important; line-height:120%;}
.cntfrm label {width:35%; float:left;display:block; }
.cntfrm input, .cntfrm textarea, .cntfrm select {width:60%; float:left;display:block;}
.cntfrm input.submit_btn, .cntfrm input.aw {width:auto; margin-right:5px;}
.cntfrm input.submit_btn {font-size:14px; font-weight:bold;}
.cntfrm div.clear {height:9px;width:100%;float:left; clear:both;}
.break {width:100%;float:left; clear:both; height:2px;}
.form_error {color:#C00;}
.wpcr_power {display:none !important;}


.mob_phone, .mob_nav {display:none;}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
.nav ul {font-size:14px;}
.nav ul li a, .nav ul li a:visited {padding:0 15px;}
}
@media only screen and (max-width: 1030px), only screen and (max-device-width: 1030px) {
.left_column {width:60%;}
.col_right {width:35%;}
.content {width:90%;padding:30px 5%;}
}
@media only screen and (max-width: 980px), only screen and (max-device-width: 980px) {
.logo {width:80%;text-align:center;}
.right_pnls_mid {width:90%;float:left; border-left:#CCDDDD 1px solid; border-right:#CCDDDD 1px solid; padding:12px 5%;}
.right_pnls_mid h3 { color:#376379; font-weight:normal; padding:0 0 7px 0; font-size:12px;}
.right_pnls_btm {width:100%;float:left; height:7px; background:url(images/panel-bottom-bg.jpg) center top no-repeat;}
}
@media only screen and (max-width: 900px), only screen and (max-device-width:900px) {
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.col_left, .col_right, .cont_left, .cont_right, .contact_left, .contact_right, .footer_a, .footer_b, .footer_c, .left_column, .right_pnls_hd, .google_ad_top {width:100%;padding:0; margin:0px 0 6px 0;}
.right_pnls_hd {background:#EEE;margin:10px 0 0 0;}
.right_pnls_mid {width:92%;padding:8px 4%;border:none;background:#F6F6F6;}
.right_pnls_hd h2 {border:none;background-image:none;}
.content {width:90%;padding:30px 5%;}
.google_ad_top {margin-bottom:15px;}
.wrap, .header, body {background-image:none;}
.header_top {height:auto;}
.header {background-color:#3a6880;}
.mob_phone, .mob_nav, .feat_mob {display:block;}
.mob_phone {text-align:center; color:#FFF; font-size:12px; padding:10px 5% 5px !important; width:90%;float:left;}
.mob_phone a {background:#323232; padding:7px 5px; text-decoration:none; font-size:16px; color:#FFF; display:block; margin:0px auto 0; font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:auto; text-align:center;}
.mob_phone a:link, .mob_phone a:visited {color:#FFF; text-decoration:none;}
.mob_nav {width:100%; z-index:999999;}
.mob_nav ul li {border:none; text-decoration:none; list-style:none; text-transform:uppercase;}
.mob_nav ul li.view_menu a:link, .mob_nav ul li.view_menu a:visited { padding:0px 6px; text-decoration:none; font-size:18px; color:#FFF; display:block;font-weight:bold; margin:0; line-height:48px; text-align:center;}
.mob_nav ul li.view_menu li a:link, .mob_nav ul li.view_menu li a:visited {width:90%; padding:3px 5% !important; color:#FFF; font-size:12px; background:#222; margin:0 0 0px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border-top:#333 1px solid;border-bottom:#111 1px solid;line-height:30px;}
.mob_nav ul li.view_menu li a:hover { background:#111; border-color:#111;}
.mob_nav ul li.view_menu ul {display:none;}
.mob_nav ul li.view_menu:hover ul {display:block;}
.nav, .right_pnls_btm {display:none;}
.mob_nav ul li.view_menu ul li.menu-item-has-children ul.sub-menu {display:none;width:80%;position:absolute;left:10%;border:#111 2px solid;border-top:none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.mob_nav ul li.view_menu ul li.menu-item-has-children:hover ul.sub-menu {display:block;}
.header {background-image:none;}
.header_bot {height:auto;}
.logo {width:100%; text-align:center;padding:10px 0px 0px; text-align:center;}
.logo p {padding:0;margin:0;}
.logo img {max-width:90%;height:auto; }
.logo_right {width:100%; padding:0px; border-bottom:#CCC 1px solid;}
.logo_right img {padding-right:5px;}
img.attachment-thumbnail {max-width:120px;height:auto;}

img.alignleft, img.alignright, img.aligncenter, img.alignnone {float:none;margin:7px auto;text-align:center;max-width:100%;display:block;}
div.alignleft, div.alignright, div.aligncenter, div.alignnone {float:none;margin:7px auto;text-align:center;max-width:100%;display:block;}
.alignnone img, .aligncenter img, .alignright img, .alignleft img {float:none;margin:7px auto;text-align:center;max-width:100%;display:block;}
.content_in {}
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
	.container {}
}
@media only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
	
}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {

}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {

}