/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em tahoma, arial, verdana, sans-serif;
		color: #323232;
		line-height: normal;
		background:#fff url(../images/bg-body.jpg) repeat-x top left;
	}
	
	body {
		margin: 0;
		padding:0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #d1a42b;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:1000px;
		margin:0 auto;
	}
	#header {
		float:left;
		width:100%;
	}
	#nav {
		margin:0;
		padding:0;
		width:100%;
		float:left;
		list-style:none;
		background:#d1a42b url(../images/bg-nav-right.gif) no-repeat top right;
	}
	#innerwrap {
		float:left;
		width:100%;
		background:#fff;
	}
	#content {
		float:left;
		width:695px;
		padding:15px;
		line-height:140%;
		background:#fff url(../images/bg-content.gif) no-repeat top left;
	}
	#column {
		float:right;
		width:250px;
		padding:15px;
		padding-left:0;
		background:url(../images/column-corner.gif) no-repeat top right;
	}
	#footer {
		clear:left;
		width:1000px;
		margin:0 auto;
		font-size:90%;
		background:url(../images/bg-footer.gif) no-repeat top left;
		padding-top:15px;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}	
	form .textfield {
		border:1px solid #fff;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4, h5 {
		line-height: normal;
		font-weight:normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
		width:465px;
		height:90px;
		float:left;
		margin:0;
	}
	h1 a {
		display:block;
		height:90px;
		text-indent:-9999px;
		background:url(../images/logo.jpg) no-repeat top left;
	}
	
	
	h2 {
		color:#d1a42b;
		font-size:200%;
	}
	
	h3 {
		font-weight:bold;
		margin-bottom:0;
		font-size:130%;
	}
	
	h4 {
		margin:0;
		color:#d1a42b;
		font-weight:bold;
		font-size:130%;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.header-text {
		height:90px;
		width:485px;
		background:url(../images/header-text.jpg) no-repeat top right;
		float:right;
	}
	.header-text p {
		display:none;
	}
	
/* NAV STYLES  */

	#nav li {
		float:left;
	}
	#nav li a {
		display:block;
		padding:7px 20px;
		font-size:120%;
		color:#f4edda;
		text-transform:lowercase;
	}
	#nav li.current a {
		color:#000;
		background:transparent url(../images/bg-nav-item-right.gif) no-repeat top right;
	}
	#nav li.current {
		background:#fff url(../images/bg-nav-item-left.gif) no-repeat top left;
	}
	#nav li.first.current {
		background:#fff url(../images/bg-nav-item-left-home.gif) no-repeat top left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	/* PANELS */
	
	.panel {
		background:no-repeat top left;
		padding:20px;
		padding-right:330px;
		
	}
	.panel p {
		line-height:150%;
	}
	
	.home {
		background-image:url(../images/panel-home.jpg);
		height:195px;
		color:#fff;
	}
	.about {
		background-image:url(../images/panel-about.jpg);
	}
	.fourxfour {
		background-image:url(../images/panel-4x4.jpg);
	}
	.gearboxes {
		background-image:url(../images/panel-gearboxes.jpg);
	}
	.clutches {
		background-image:url(../images/panel-clutches.jpg);
	}
	.get-in-touch {
		background-image:url(../images/panel-getintouch.jpg);
	}
	
	.about,
	.fourxfour,
	.gearboxes,
	.clutches,
	.get-in-touch {
		height:109px;
		margin-bottom:20px;
	}
	
	.about h2, 
	.fourxfour h2, 
	.gearboxes h2 {
		color:#fff;
	}
	.clutches h2,
	.get-in-touch h2 {
		color:#333;
	}
	
	/* ----------------------------- */
	
	.module-a h3, .module-b h3 {
		display:none;
	}
	.module-a fieldset, .module-b fieldset {
		height:172px;
		border:none;
		margin:0;
		padding:0;
	}
	.module-a fieldset {
		padding:60px 160px 0 24px;
		padding-right:0;
		background:url(../images/module-a-gearboxes.jpg) no-repeat top left;
	}
	.module-b fieldset {
		padding:60px 160px 0 24px;
		padding-right:0;
		background:url(../images/module-b-clutches.jpg) no-repeat top right;
	}
	.module-a {
		width:350px;
		float:left;
	}
	.module-b {
		margin-right:-8px;
		width:350px;
		float:right;
	}
	
	.rightPadding {
		padding-right:15px;
	}
	
	#map-container {
		display:none;
	}
	#map {
		width:685px;
		height:300px;
		border:5px solid #d1a42b;
	}
	address {
		font-style:normal;
		margin:15px 0;
	}
	
	.partner {
		border-bottom:1px dashed #ccc;
		float:left;
		clear:both;
		width:100%;
		margin-bottom:15px;
	}
	
	.partner img {
		float:right;
		position:relative;
		top:-10px;
		margin-left:15px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#column .rounded-form-top {
		background:url(../images/rounded-form-top.gif) no-repeat top left;
		height:10px;
	}
	/*
	#column .rounded-form-bottom {
		background:url(../images/rounded-form-bottom.gif) no-repeat top left;
		height:10px;
		margin-bottom:50px;
	}
	*/
	#column form {
		background:#d1a42b url(../images/rounded-form-bottom.gif) no-repeat bottom left;;
		padding:10px;
		padding-bottom:30px;
	}
	form p.row {
		margin:5px 0;
	}
	#column label {
		/*display:none;*/
		font-weight:bold;
		margin-bottom:5px;
	}
	#column label:after {
		content:':';
	}
	#column legend {
		/*font-weight:bold;
		color:#000;
		margin-bottom:10px;*/
		display:none;
	}
	#column .textfield {
		width:220px;
		padding:2px;
	}
	#column textarea.textfield {
		height:50px;
	}
	#column form .button {
		float:right;
		color:#333;
		width:120px;
	}
	#column form fieldset {
		border:none;
		padding:0;
		margin:0;
	}
	#column p.intro {
		margin:0;
		font-weight:bold;
		margin-bottom:15px;
	}
	p.form-error {
		color:#900;
		font-weight:bold;
	}
	p.form-valid {
		color:#000;
		font-weight:bold;
	}
	ul.error-list {
		padding: 10px 0 10px 20px;
		margin-left:0;
		color:#900;
		border:1px solid #900;
	}
	#loading-icon {
		 visibility:hidden;
		 float:left;
		 margin:5px 0 0 50px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#footer a {
		color:#323232;
	}
 	#footer ul {
		float:left;
		width:100%;
		padding:0;
		list-style:none;
		margin:15px 0;
	}
	#footer ul li {
		float:left;
	}
	#footer ul li a {
		display:block;
		padding:2px 10px;
		border-right:1px solid #323232;
	}
	#footer a.first {
		padding-left:0;
	}
	#footer a.last {
		border:none;
	}
	img.footer-image {
		float:right;
		margin-right:10px;
		position:relative;
		top:-100px;
	}