/* @override http://jjbmotors/css/style.css */

/* @group Global */

html {
	background-color: #000;
	height: 100%;
}
body {
	background: #000000 url(../images/global/background.jpg) no-repeat center top;
	color: #cccccc;
	font: .75em/1.5em Arial, Helvetica, Geneva, sans-serif;
	min-width: 820px;
	min-height: 100%;
}

#container {
	width: 800px;
	margin: 0 auto;
	position: relative;
	/*background: red;*/
}

a, a:visited, a:hover {
	color: #fff;
	text-decoration: underline;
}

h1 {
	font-size: 1.8em;
	color: #fff;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.6em;
	color: #666;
	margin-bottom: 1.1em;
}

dt h2 {
	font-size: 1.1em;
	margin-bottom: 0;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

h3 em {
	font-size: 1em;
	color: #b03535;
	font-weight: normal;
	margin-bottom: 0;
	font-style: normal;
}

p {
	margin-bottom: 1.5em;
}

p.first {
	color: #fff;
	font-size: 1.2em;
}

strong {
	font-weight: bold;
	color: #fff;
}

.main_content {
	float: left;
	width: 540px;
	margin-right: 30px;
}

.side_content {
	float: left;
	width: 230px;
}

.half_column_left {
	float: left;
	width: 385px;
	margin-right: 30px;
}

.half_column_right {
	float: left;
	width: 385px;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1.3em;
	margin-bottom: 1.5em;
}

div.block ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 0em;
}

dl {
	
}

dt {
	color: #666666;
}

dd {
	margin-bottom: 1.5em;
}

img.bordered {
	border: 3px solid #4b4b4b;
}

span.phone_number {
	display: block;
	color: #fff;
	font-size: 1.3em;
	margin: 0.2em 0 0.1em 0;
}

/* @end */

/* @group Navigation */

ul#navigation {
	height: 206px;
	position: relative;
	margin-bottom: -35px;
	background: url(../images/global/logo.png) no-repeat center top;
	position: relative;
	z-index: 10;
	list-style-type: none;
}

ul#navigation li {
	height: 36px;
	padding: 0 0em;
	font: 1.1em/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 36px;
	text-align: center;
	position: absolute;
	top: 50px;
	background: url(../images/global/nav_divider.gif) no-repeat right center;
	padding-right: 1px;
	padding: 0px 16px;
}

ul#navigation #nav_services,
ul#navigation #nav_contact {
	background: none;
}

ul#navigation #nav_home { width: 40px; left: 59px; }
ul#navigation #nav_about { width: 67px; left: 132px; }
ul#navigation #nav_services { width: 65px; left: 230px; }
ul#navigation #nav_remaps { width: 54px; left: 473px; }
ul#navigation #nav_feedback { width: 71px; left: 560px; }
ul#navigation #nav_contact { width: 63px; left: 664px; }

ul#navigation a {
	text-transform: uppercase;
	color: #666666;
	font-weight: bold;
	background: url(../images/global/nav_items.gif) no-repeat center 0;
	line-height: 36px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
}

ul#navigation #nav_home a { background-position: center -0px; }
ul#navigation #nav_about a { background-position: center -36px; }
ul#navigation #nav_services a { background-position: center -72px; }
ul#navigation #nav_remaps a { background-position: center -108px; }
ul#navigation #nav_feedback a { background-position: center -144px; }
ul#navigation #nav_contact a { background-position: center -180px; }

ul#navigation #nav_home a:hover,
ul#navigation #nav_about a:hover,
ul#navigation #nav_services a:hover,
ul#navigation #nav_remaps a:hover,
ul#navigation #nav_feedback a:hover,
ul#navigation #nav_contact a:hover { 
	background-image: url(../images/global/nav_items_hover.gif);
}


/*Selections*/
body#home #nav_home a,
body#about #nav_about a,
body#services #nav_services a,
body#remaps #nav_remaps a,
body#feedback #nav_feedback a,
body#contact #nav_contact a {
	background-image: url(../images/global/nav_items_selected.gif);
}

/* @end */

/* @group Footer */


#footer {
	clear: both;
	font-size: 0.9em;
	text-align: center;
	color: #666666;
	padding: 2em 0;
	overflow: hidden;
}

#footer p {
	margin: 0;
}

#footer p.last {
	margin-top: 1.5em;
}

#footer a {
	color: #666666;
}

#footer p a.facebook {	
	background: url(../images/global/SocialIconsFacebook.gif) no-repeat left center;
	line-height: 16px;
	padding: 5px;
	padding-left: 23px;
	text-decoration: none;
	color: #c0c0c0;
}


/* @end */

/* @group Home */

body#home #container {
	width: 820px;
}

body#home ul#navigation {
	margin-left: 10px;
	margin-right: 10px;
}

body#home h1 {
	display: none;
}

#home_banner {
	background: url(../images/home/home_banner.png) no-repeat center top;
	width: 794px;
	height: 254px;
	padding: 4px 13px 14px 13px;
	margin-bottom: 4px;
	position: relative;
}

#home_banner #slideshow {
	width: 794px;
	height: 254px;
	overflow: hidden;
}

#home_banner img {
	width: 794px;
	height: 254px;
}

#home_banner p {
	margin: 0;
	position: absolute;
	bottom: 14px;
	left: 13px;
	background: url(../images/home/home_banner_strip.png) repeat-x left top;
	height: 38px;
	line-height: 38px;
	width: 794px;
	text-align: center;
	color: #ffffff;
	font-size: 1.1em;
	z-index: 100;
}

p#announcement {
	text-align: center;
	font-weight: bold;
	color: #fff;
}

/* @group Block */

div.block {
	float: left;
	width: 221px;
	height: 227px;
	padding: 25px;
	background: url(../images/home/block_bg.png) no-repeat left top;
}

div.middle_block {
	margin: 0 1px 0 2px;
}

div.block h2 {
	font: 1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	margin: 0.4em 0 0.6em 0;
}

div.block ul li {
	list-style-type: disc;
	list-style-position: inside;
}

/* @end */

/* @end */

/* @group About */

#about_image {
	float: right;
	margin: 0 0 0.5em 30px;
}

img.gallery_thumb {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 94px;
	height: 94px;
}

img.last {
	margin-right: 0;
}

/* @end */

/* @group Services */

#services_image {
	float: right;
	margin: 0 0 0.5em 30px;
}

#services_image1 {
	float: right;
	margin: 0 0 0.5em 30px;
}

/* @end */

/* @group Remapping */

#remaps_image {
	float: right;
	margin: 0 0 0.5em 30px;
}

#remaps_image1 {
	float: right;
	margin: 0 0 0.5em 30px;
}

#calculator {
	margin-bottom: 1.5em;
}

#calculator #modelDrop {
}

#calculator select {
	width: 220px;
}

#calculator select#models {
	margin-bottom: 0.5em;
}

#calculator #details input {

}

#calculator #details font {

}

#calculator #details ul {
	margin-top: 1.5em;
	list-style: none;
	padding: 0;
}

#calculator h2 {
	padding-top: 1em;
	clear: both;
}

/* @end */

/* @group Feedback */

#feedback_image {
	margin-bottom: 1.5em;
}

body#feedback blockquote {
	
}

body#feedback cite {
	display: block;
	color: #666666;
	font-style: italic;
}

/* @end */

/* @group Contact */

#contact_form label {
	float: left;
	width: 11em;
	padding-top: 0.25em;
	color: #fff;
}

#contact_form .field {
	margin-bottom: 0.5em;

}

#contact_form input.text,
#contact_form textarea {
	background: #333333;
	border: solid 1px #454545;
	padding: 0.4em 0.2em;
	color: #fff;
	font: 1em Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#contact_form input.text {
	width: 250px;
}

#contact_form #subject {
	width: 256px;
}

#contact_form textarea {
	width: 380px;
	height: 10em;
}

#contact_form #request_date {
	width: 100px;
	text-align: center;
}

#contact_form #send {
	padding-left: 11em;
}

#contact_form input.submit {

}

#contact_form .invalid label {
	color: #b03535;
}

#contact_form .invalid input,
#contact_form .invalid textarea {
	border-color: #b03535;
}

p.form_error_message {
	color: #b03535;
}

p.form_success_message {
	color: #5fac5a;
}

/* @end */