@charset "UTF-8";
/*
Theme Name: South Lane Wheels
Theme URI: http://www.dualsidedmedia.com
Description: Theme designed for South Lane Wheels
Version: 1.0
Author: Jeremy AAsum
Author URI: http://www.dualsidedmedia.com
Tags: 
*/

@import url("css/reset.css");

/* Global
------------------------------------------------------------------ */

body {
	background: url(css/layout/bodybg.jpg) top center no-repeat #243779;
	font-size: 12px;
	line-height: 1.618em;
	font-family: Arial, Helvetica, sans-serif;
	color: #272727;
}
.clear:after {
	content: ".";
	visibility: hidden;
	clear: both;
	height: 0;
	display: block;
}
strong {
	font-weight: bold;
	color: #4a65ae;
}
em {
	font-style: italic;
	color: #4a65ae;
}


/* Layout
------------------------------------------------------------ */

#container {
	width: 960px;
	margin: 2.618em auto;
	background: #fff;
	position: relative;
	padding: 1px 0;
}

/* Rounded Corners */

#roundedcorners {
	z-index: 1;
}
#roundedcorners li {
	width: 9px;
	height: 10px;
	position: absolute;
}
.topleft {
	background: url(css/layout/cornersbg.gif);
	top: 0;
	left: 0;
}
.topright {
	background: url(css/layout/cornersbg.gif) 9px 0;
	top: 0;
	right: 0;
}
.bottomleft {
	background: url(css/layout/cornersbg.gif) 0 -10px;
	bottom: 0;
	left: 0;
}
.bottomright {
	background: url(css/layout/cornersbg.gif) -9px -10px;
	bottom: 0;
	right: 0;
}

/* Header
------------------------------------------------------------------ */

h1 {
	background: url(css/layout/h1bg.jpg);
	width: 457px;
	text-indent: -9999px;
	margin: 35px 0 0 25px;
	float: left;
}
h1 a, h1 a:visited {
	display: block;
	height: 107px;
}
h2 {
	text-indent: -9999px;
	height: 0;
}
#contactinfo {
	float: right;
	margin: 112px 25px 0 0;
	font-weight: bold;
	text-align: right;
	color: #243779;
}
#contactinfo li {
	margin: 0 0 2px 0;
	height: 1em;
}
#contactinfo a, #contactinfo a:visited {
	text-decoration: none;
	color: #4a65ae;
}
#contactinfo a:hover, #contactinfo a:active {
	text-decoration: underline;
	color: #66e3eb;
}

/* Navigation
------------------------------------------------------------------ */

#nav {
	width: 960px;
	background: url(css/layout/navbg.gif) repeat-x;
	height: 54px;
	margin: 15px 0 0 0;
	text-align: center;
}
#nav li {
	display: inline;
	margin: 0 .2em;
}
#nav li a, #nav li a:visited {
	line-height: 45px;
	font-size: 1.381em;
	font-family: "Cooper Black", sans-serif;
	color: #fff;
	padding: 0 .381em;
	text-decoration: none;
}
#nav li a:hover, #nav li a:active {
	text-decoration: underline;
}

/* Body
------------------------------------------------------------------ */

#content {
	float: left;
	width: 730px;
	margin: 0 0 1.618em 0;
	min-height: 550px;
}
#content h3 {
	font-family: "Cooper Black", sans-serif;
	color: #243779;
	font-size: 2.618em;
	margin: .618em 30px .381em 30px;
}
#content h4 {
	font-family: "Cooper Black", sans-serif;
	color: #243779;
	font-size: 1.618em;
	margin: .618em 30px .1em 30px;
}
#content h5 {
	color: #243779;
	font-size: 1.218em;
	font-weight: bold;
	margin: 0 30px .1em 30px;
}
#content p, #content ul, #content ol {
	margin: 0 30px 1em 30px;
}
#content a, #content a:visited {
	text-decoration: none;
	color: #4a65ae;
}
#content a:hover, #content a:active {
	text-decoration: underline;
	color: #66e3eb;
}
#content ul {
	list-style: disc inside;
}
#content ol {
	list-style: decimal inside;
}
#splash {
	width: 730px;
	height: 387px;
}
.temp {
	background: url(css/layout/splash-temp.jpg);
}

/* Sidebar
------------------------------------------------------------------ */

#sub-content {
	float: right;
	width: 220px;
	margin: 0 5px;
	background: url(css/layout/subcontentbg.gif) bottom repeat-x #18286b;
	color: #fff;
	padding: 1em 0;
}
#sub-content p, #sub-content ul, #subcontent ol {
	margin: 0 20px 1.618em 20px;
}
#sub-content a, #sub-content a:visited {
	color: #fff;
	text-decoration: none;
}
#sub-content a:hover, #sub-content a:active {
	color: #4a65ae;
}
#sub-content h5 {
	margin: 0 15px .309em 20px;
	font-size: 1.618em;
	font-family: "Cooper Black", sans-serif;
}
#sub-content blockquote cite {
	display: block;
	font-style:italic;
	margin-bottom: 10px;
}
#sub-content blockquote p {
	padding-top: 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#sub-content #misc {
	margin-top: 2.618em;
}
#sub-content #misc li {
	margin: 0.618em 0 2.618em 0;
}
#sub-content #misc a, #sub-content #misc a:visited {
	font-size: 1.618em;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	background: #243779;
	font-family: "Cooper Black", sans-serif;
}
#sub-content #misc li a:hover, #sub-content #misc a:active {
	color: #243779;
	background: #fff;
}
#sub-content #misc li ul {
	margin: 10px;
}	
#sub-content #misc li li a, #sub-content #misc li li a:visited {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: none;
}
#sub-content #misc li li a:hover, #sub-content #misc li li a:active {
	background: none;
	color: #243779;
}
ul#testimonials {
	margin: 0;
	padding: 0;
}
ul#testimonials li {
	margin: 0;
	padding: 0;
}

/* Footer
------------------------------------------------------------------ */

#footer {
	width: 960px;
	margin: 0 auto 2.618em auto;
	text-align: center;
	color: #fff;
	position: relative;
}
#footer li {
	float: left;
	margin: 0 1em;
}
#footer li a, #footer li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer li a:hover, #footer li a:active {
	color: #4a65ae;
}
.inthenews {
	font-size: 1.618em;
	font-family: "Cooper Black", sans-serif;
}
li.facebook {
	width: 125px;
}
li.facebook a, li.facebook a:visited {
	display: block;
	margin: -7px 0 0 0;
	float: right;
	width: 32px;
	height: 32px;
	background: url(css/layout/facebookbg.png);
	text-indent: -9999px;
}


/* Table
------------------------------------------------------------------ */

table {
	margin: 0 30px 1em 30px;
	width: 670px;
}
table th {
	padding: 5px;
	background: #243779;
	color: #fff;
}
table td {
	padding: 5px;
}
.even {
	background: #ececec;
}
.odd {
	background: #fafafa;
}
table form {
	margin: 15px 0 0 0;
	padding: 0;
}
table form input {
	margin: 0 auto 5px auto;
	display: inline;
}
table form input.months {
	margin: 0 0 1em 1em;	
}

/* Contact form#contact
-------------------------------------------------------------------------------*/
form {
	margin: 0 30px 1em 30px;
}
form#contact {
	margin: 0;
}
form#contact fieldset {
}
form#contact legend {
	font-size: 1.617em;
	text-transform#contact: uppercase;
	font-weight: bold;
	color: #111;
	margin: 0 0 .998em 0;
	clear: both;
}
form#contact ol {
	list-style: none;
}

form#contact li {
	list-style: url(none) none;
}
form#contact label {
	color: #243779;
}
form#contact input, form#contact textarea {
	display: block;
	margin: 0 0 1em 0;
	border-top: 1px solid #888;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #888;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form#contact input:focus, form#contact textarea:focus {
	border-top: 1px solid #adbffe;
	border-right: 1px solid #dfe6fc;
	border-bottom: 1px solid #dfe6fc;
	border-left: 1px solid #adbffe;
}
form#contact textarea {
	width: 340px;
	height: 140px;
}
.form#contact-cell {
	width: 280px;
	height: auto;
}

/* Wordpress Generated CSS
------------------------------------------------------------------ */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 20px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 20px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}