/*
Theme Name: Good Year Auto Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Good Year Auto website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: November 2014
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400italic,700italic,700,400);

body, html{margin:0; padding:0; font-family:'Roboto', Arial, Sans-serif; font-size:.95em; color:#3b3b3b;}
#bg{background:#243e81;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:11px 0; margin:0; line-height:1.5em;}
a{color:#243d81; text-decoration:underline;}
a:hover{color:#104eee;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:16px 0 7px 0; margin:0; font-size:2.2em; font-weight:normal; color:#3b3b3b; }
h2{margin:10px 0 3px 0; padding:10px 0 4px 0; font-size:1.4em; font-weight:bold; color:#243d81;}
h3{margin:0; padding:10px 0 5px 0; font-size:1.2em; font-weight:bold; color:#8c8c8c;}
h4{margin:0; padding:8px 0 3px 0; font-size:1.1em; font-weight:bold; color:#243d81;}

ul{list-style-type:circle; margin:10px 0 10px 25px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 25px; padding:0 0 8px 5px; list-style-type: decimal;}
ol ol{margin:7px 0 7px 30px; padding:0 0 8px 5px; list-style-type:lower-roman;}
ol ol ol{margin:5px 0 5px 30px; padding:0 0 8px 5px; list-style-type:decimal;}
ol li{padding:1px 0 1px 7px; font-size:.95em;}
ul.ticks li{list-style-type:none; background:url(images/tick.gif) no-repeat left; padding-left:34px;}

.alignright{float:right; margin:10px 10px 40px 40px;}
.alignleft{float:left; margin:10px 40px 40px 0;}
img.alignright{}
img.alignleft{}
.wp-caption{font-size:12px; color:#5e5e5e; background:#ebebeb; border:1px solid #d6d6d6; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; text-align:center; padding-top:5px;}
p.wp-caption-text{display:block; padding:7px 10px;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:15px;}

/* --------------------------- */

#header{background:#243d81; border-bottom:7px solid #fbe800; padding:13px 0;}
	#logo{width:284px; height:64px; float:left;}
	#logo a{display:block;}
	.addressph{width:340px; padding:7px 0 0 0; float:right; text-align:right; font-size:1.1em; color:#9faccf;}
	#ph{font-weight:bold; font-size:1.6em; color:#ffffff;}
	#ph a{color:#fbe800; text-decoration:none;}

.wrapper{width:1020px; margin:0 auto; position:relative;}

#nav{background:#ffffff; position:relative; -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.1);}
	#nav ul{display:block; margin:0; padding:0; list-style-type:none;}
	#nav li{display:block; float:left; margin:0; padding:0 4px;}
	#nav li a{color:#243d81; text-decoration:none; display:block; font-size:1.1em; padding:12px 14px 14px 14px;}
	#nav li a:hover{color:#104eee;}
	
#main{padding:20px 0 40px 0; background:url(images/bg.gif) repeat;}
	#content{}
	
#logos{padding-bottom:20px;}
		#imatable{display:table; width:100%;}
		#imatable ul{display:table-row; margin:0; padding:0;}
		#imatable li{display:table-cell; margin:0; padding:5px;}
	
#footer{font-size:.95em; color:#b7c0da; border-top:6px solid #ffffff; position:relative; -webkit-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.1);}
   #footer .wrapper{background:url(images/foot.png) no-repeat 130px 0; padding:25px 0 140px 0;}
	.bx{width:640px; margin-right:30px; float:left;}
	.fmenu{}
	.fmenu ul, .fmenu li{display:inline-block; margin:0; padding:0; list-style-type:none;}
	.bx a{display:block; padding:4px 10px; color:#b7c0da; text-decoration:none;}
	.bx a:hover{color:#fde900;}
	#copy{float:right; margin-right:0; color:#9b9b9b;}
	#siteby{text-align:center; padding:20px 0 0 0;}
	#siteby a{font-size:.85em; color:#c3c3c3; text-decoration:none;}

.aserv{width:29%; margin:0 1.5%; float:left;}

/* Home Page Guff */

.one{width:45%; float:left;}
.two{width:25%; float:left; margin:0 22px;}
.tre{width:24%; float:left;}

#four{padding:30px 0 20px 0;}
.aa{float:left; width:22%; margin-right:4%; background:#fff; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px;}
.aa h2{margin-bottom:0; padding-bottom:0;}
.aa h2 a{text-decoration:none;}
.imgcont{background:#243e81; height:85px; border-top-left-radius:11px; -moz-border-top-left-radius:11px; -webkit-border-top-left-radius:11px; border-top-right-radius:11px; -moz-border-top-right-radius:11px; -webkit-border-right-left-radius:11px;}
.imgcont img, .afor img{display:block; margin:0 auto;}
.afor{background:#243e81; margin-right:0;}
.afor a{display:block; height:240px; padding:20px 0;}
.aap{padding:0 10px 10px 10px;}
.atwo .imgcont{padding:17px 0 0 0; height:68px;}
.atre .imgcont{padding:9px 0 0 0; height:76px;}
	
/* FORMS */

input[type=text], textarea, input[type=email], input[type=password]{padding:7px; font-family:'Roboto', Arial, Sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:250px; border:1px solid #d8d8d7;}
select{padding:3px; font-family:'Roboto', Arial, Sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #d8d8d7;}
label{margin:0; padding:5px 0 0 0; font-size:0.9em;}
textarea{width:280px; font-family:'Roboto', Arial, Sans-serif;}
input[type=submit]{display:block; font-family:'Roboto', Arial, Sans-serif; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#222; color:#fff; cursor:pointer; border:0; font-weight:bold; padding:12px 14px; font-size:14px; text-align:center; text-decoration:none; margin:8px 0 10px 0;}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}

/* BLOG */

div.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px dotted #333;}

/* 2nd Level Menu */

#top-nav li ul { left: -999em; width:200px; display:block; z-index:999; margin:0; padding:0; position:absolute; background:#fff; box-shadow:2px 10px 33px -10px #000; moz-box-shadow:2px 10px 33px -10px #000; -webkit-box-shadow:2px 10px 33px -10px #000;}
#top-nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
#top-nav li ul li{display:block; float:none; padding:0;}
#top-nav li ul a{padding:10px; text-align:left; color:#002559; font-weight:normal;}
#top-nav li ul a:hover{background:#ec0000; color:#fff; text-decoration:none;}
#top-nav li li{border:none; float:none; clear:both;}


/* RESPONSIVE */

a#mob-only{display:none; color:#ffffff; border-top:0!important; cursor:pointer; padding:11px; text-decoration:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat center right #1d336a;}

@media screen and (max-width:1020px) {
	.wrapper{width:100%;}
	#header{padding:10px;}
	#logo{padding:10px; margin:0 auto;}
	
	#main, #footer{padding:15px;}
	
	#footer .addressph{float:none; width:auto; text-align:left; clear:both; padding:10px 0 20px 0;}
	
	img{max-width:100%; height:auto;}

}

@media screen and (max-width:760px) {
		a#mob-only{display:block;}
		#nav ul{display:none; background:#1d336a;}
		#nav li{float:none;}
		#nav li a{color:#ffffff; border-top:1px solid #3b59a5;}
		#nav li a:hover{color:#ffe900;}
		
		#logo{float:none; width:auto; text-align:center;}
		#header .addressph{margin:0 auto; text-align:center; width:auto; float:none;}
		
		.one, .bx{float:none; width:auto; margin:0;}
		.two, .tre{width:40%; margin:0;}
		.aa{width:42%; margin-bottom:20px;}
		.atre{clear:left;}
		
		.aserv{float:none; width:auto;}
		
		iframe{max-width:100%;}
}

@media screen and (max-width:500px) {
		.two, .tre, .aa{float:none; width:auto;}
}