/*  
Description:  Mr. Tire
URI: http://www.mrtire.com
Version: 1.0
Author: Pixelpunk
Author URI: http://www.pixelpunk.com
	
COLORS
#b50000 = RED
#333333 = BODY COPY

*/
 
/* ---------- Reset CSS ---------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
:focus {outline: 0;}

input, select {font-size: 11px;}

.clear {clear: both;}

/* ---------- General Styling ----------   */

body { font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 1.6; color: #333; background: #fff url(../images/bg.jpg) repeat-x; }

#wrapper {width: 900px; margin: 0px auto;}

p {margin: 0px 0px 15px 0px;}

.hr {border: 0px solid #000; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; height: 0px; margin: 15px 0px 15px 0px;}

.clear {clear: both;}

/* ---------- Links ---------- */

a {color: #7ac142; text-decoration: none;}
a:hover {color: #000; text-decoration: none}

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

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #639b36; font-weight: normal; line-height: 1.1em;}
h1{font-size: 28px; margin: 0px 0px 5px 0px;}
h2{font-size: 20px; margin: 10px 0px 10px 0px; font-style: italic;}
h3{font-size: 16px; margin-top: 20px;}
h4{font-size: 16px;}

/* ---------- Top Area ---------- */

#top {display: none;}

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

#header {margin: 27px 0px 0px 0px;}

#logo {float: left; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color: #444;}

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

.nav {float: right; display: inline; margin: 40px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}

.nav li {float: left; display: inline; padding: 0px 5px 0px 5px;}
.nav a {padding: 0px 0px 0px 7px; height: 40px; float: left; color: #639b36; text-decoration: none;}
.nav a:hover {background:url(../images/tab-left.gif) left top no-repeat;}
.nav a span {padding: 0px 7px 0px 0px; height: 40px; float: left;}
.nav a:hover span {background:url(../images/tab-right.gif) right top no-repeat;}
.nav a .thought {height: 40px; float: left; line-height: 30px; padding:0px 8px 0px 8px;}
.nav a:hover .thought { background:url(../images/tab-middle.gif) center top no-repeat;}

.nav .active a {color: #777; background:url(../images/tab-left.gif) left top no-repeat;}
.nav .active span { background:url(../images/tab-right.gif) right top no-repeat;}
.nav .active .thought { background:url(../images/tab-middle.gif) center top no-repeat;}

/* ---------- Intro ---------- */
#intro {font-size: 18px; line-height: 33px; margin: 0px 0px 40px 0px; letter-spacing: -1px;}

/* ---------- Intro ---------- */
.bullets {margin-bottom: 10px;} 
.bullets ul {list-style-type: none; text-align: left;}
.bullets li {padding: 8px 0px 8px 0px; background: transparent url(../images/list-off.gif) left 6px no-repeat; padding-left: 35px; text-align: left;}
.bullets strong {color: #000;}

.bulletSub {color: #639b36; font-size: 18px;}

blockquote {margin: 0px; padding-top: 20px; padding-left: 70px; padding-right: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px; color: #555; background: url(../images/testimonial-quote.gif) no-repeat left top;}
.testimonial {text-align: right; font-style: normal; font-size: 12px;}

#socialmedia {}

/* ---------- footer ---------- */
#footer {font-size: 11px; margin: 0px 0px 0px 0px;}
#copyright {float: left; display: inline;}
#design {float: right; display: inline; color: #999;}
#design a {color: #999;}
#design a:hover {color: #639b36;}

/*  FORM STYLING */
#formwrapper {
	width: 300px;
	text-align: left;
	}
#inquiry p {
	margin: 0px 0px 10px 0px;
	color:#222;
	}
#inquiry fieldset {
	border: 1px solid #ccc;
	padding: 10px 20px 0px 20px;
	}
#name, #email, #reviewtitle, #comments {
	width: 300px;
	}
#rate {
	width: 170px;
	}