/*
URBANTWELVE
www.urbantwelve.com
info@urbantwelve.com
*/

* {
	margin: 0;
	padding: 0
}

html { background: #ddd url(../img/bg.gif) top repeat-x }
body { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #444; behavior: url(../js/htcmime.php) }
p { font: 0.8em Arial, Helvetica, sans-serif }

h1 {
	background: url(../img/logo.gif) top no-repeat;
	height: 92px;
	width: 109px;
	text-indent: -9999px;
	margin-left: 10px;
	float: left
}

h2, h3 {
	font-size: 1.2em;
	color: #000
} h2 { padding: 20px 0px 5px 0px }

fieldset { border: 0 }
fieldset legend { display: none }

a { text-decoration: none }

a:link, a:visited, a:active { color: #327aab }

a:hover,a:focus {
	color: #327aab;
	text-decoration: underline
}

em { color: #327aab; font-style: normal; font-weight: normal }

blockquote {
	background: url('../img/blockquote.gif') no-repeat 0 2px;
	color: #666;
	font-size: 0.8em;
	margin: 0 40px 15px 0px;
	padding-left: 23px

}

iframe {
	height: 700px;
	width: 100%;
	border: 0
}

table {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%;
	font-size: 11px;
	color: #999
}

table th {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-align: left;
	color: #333
}

table th, table td {
	vertical-align: top;
	padding: 0.5em
}

table a:link, table a:visited, table a:active {
	text-decoration: none;
	border-bottom: 0;
	display: block
}

.right { text-align: right; font-style: italic }

.tiger { background-color: #eee }

/***************************************************
 *
 * Div Properties
 *
 ***************************************************/

#top, #dock, #main, #footer {
	margin: 0 auto;
	position: relative;
	width: 760px
}
#top { height: 100px; background: url(../img/car.gif) top right no-repeat }
body.dealers #top { background: url(../img/dealers.gif) top right no-repeat }
body.employees #top { background: url(../img/dealers.gif) top right no-repeat }
body.customers #top { background: url(../img/customers.gif) top right no-repeat }
body.careers #top { background: url(../img/bridge.gif) top right no-repeat }
body.contact #top { background: url(../img/contact.gif) top right no-repeat }

#dock { width: 100%; height: 138px; background-color: #005b98; text-align: center } /* background: #005b98 url(../img/dock.jpg) top center no-repeat; */
#main { background: #fff url(../img/side.gif) top right repeat-y; overflow: auto }
#content { margin-right:170px; padding: 0 30px } #right { float:right; width:170px }
#content p, #content ul { padding-bottom: 20px; line-height: 150% }
#content ul, #content ol { padding-left: 20px; font: 0.8em Arial, Helvetica, sans-serif }
#content ol { padding-bottom: 20px }
#footer { background-color: #fff; height: 20px; padding: 12px; width: 736px; margin-top: 5px; margin-bottom: 20px; border-top: 1px solid #ccc }
#footer ul { float: none }

/***************************************************
 *
 * Classes and other styling
 *
 ***************************************************/

.mark {
	background: url(../img/markone.gif) top no-repeat;
	height: 19px;
	width: 123px;
	text-indent: -9999px;
	float: left
}

.copy { margin-top: 2px; float: left; margin-left: 20px; color: #bebebe }
#footer ul.supnav { float: right; margin-top: 2px }

.pdf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 15px 10px 10px 10px;
	/*padding-left: 20px;
	background: url(../img/pdf.gif) top left no-repeat*/
}

.pdf a, .pdf a:link, .pdf a:visited, .pdf a:active { color: #666; }
.pdf a:hover { color: #327aab; }

#feature, .feature {
	border: 1px solid #e5e5e5;
	background: #fafafa;
	padding: 20px;
	margin-bottom: 20px
}

#feature p, .feature p {
	text-align: justify;
	text-indent: 0px;
	font-style: italic;
	padding-bottom: 0
}

#feature:hover, #feature:focus, .feature:hover, .feature:focus { border-color: #ccc }

/***************************************************
 *
 * Main Navigation Properties
 *
 ***************************************************/

#nav {
	margin: 70px 0px 0px 40px;
	float: left;
	list-style: none
}
#nav li {
	display: inline;
	padding: 7px 0px 7px 0px;
	float: left;
	margin-right: 4px;
	background: #bebebe url(../img/topleft.gif) top left no-repeat
}
#nav li a {
	padding: 7px 10px 7px 10px;
	background: url(../img/topright.gif) top right no-repeat;
	text-decoration: none
}
#nav li, #nav li a { -moz-border-radius: 3px 3px 0 0 }
#nav li a:link, #nav li a:visited { color: #fff }
#nav li.about a:hover, body.about #nav li.about a { background-color: #327aab }
#nav li.dealers a:hover, body.dealers #nav li.dealers a { background-color: #ff8000 }
#nav li.customers a:hover, body.customers #nav li.customers a { background-color: #51c11f }
#nav li.careers a:hover, body.careers #nav li.careers a { background-color: #4220a3 }
#nav li.contact a:hover, body.contact #nav li.contact a { background-color: #f7c025 }

body.about #dock { background-color: #005b98 }
body.dealers #dock { background-color: #ff8000 }
body.employees #dock { background-color: #ff8000 }
body.customers #dock { background-color: #51c11f }
body.careers #dock { background-color: #4220a3 }
body.contact #dock { background-color: #f7c025 }

/***************************************************
 *
 * Sub Navigation Properties
 *
 ***************************************************/

#subnav { font-size: 0.8em; list-style-type: none; overflow-x: hidden }

#subnav li {
        background-color: #f8f8f8;
        border: 1px solid #dcdcdc;
        border-top: 0;
        border-right: 0
}

#subnav li a {
        color: #666;
        padding: 8px;
        display: block;
		height: 100%;
        text-decoration: none
}

#subnav li a:hover, #subnav .subselected, #subnav .subselected ul li a:hover {
        background-color: #efefef;
        display: block;
        color:#000
}

#subnav .subselected a { color:#000 }
#subnav li ul { font-size: 0.9em; border: 0; list-style-type: none }
#subnav li ul li { background-color: #f8f8f8; border: 0; border-top: 1px solid #dcdcdc }
#subnav li ul li a, #subnav .subselected ul li a { padding: 3px 8px; color:#666 }

.supnav { list-style: none; float: right; margin-top: 10px }
.supnav li { display: inline; margin-right: 10px }
.supnav li a { color: #327aab; text-decoration: none; font-size: 0.8em }
.supnav li a:hover { text-decoration: underline }

/***************************************************
 *
 * Form Properties
 *
 ***************************************************/

fieldset { margin-bottom: 20px }
label { display: block; font-weight: bold; color: #000 }
.field { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #444; width: 300px }
.button { background-color: #c3dff0; border-top: 1px solid #53a8d9; padding: 10px 0px 0px 10px; width: 290px }
.sendButton { margin-right: 20px; font-size: 1.4em; color: #444 }
#form { float: left; width: 300px }
#form p { padding-bottom: 10px }
#numbers { float: right; border: 1px solid #ccc; padding: 10px; width: 180px }
#numbers p { padding: 0; margin: 0 }

/***************************************************
 *
 * Jobs Properties
 *
 ***************************************************/

#content.jobs { margin-bottom: 20px }
#content.jobs h3 {
	padding: 3px;
	background: #999;
	color: #fff;
	border-left: 4px solid #327aab;
	font-weight: normal;
	font-size: .9em
}

#content .job-listing {
	list-style-type: none;
	text-align: right
}

#content .job-listing {
	list-style-type: none;
	text-align: right;
	padding: 0
}

#content.jobs .job-listing li {
	border-bottom: 1px solid #eee;
	padding: 3px 0
}

#content.jobs .job-listing li a {
	background: url(../img/bullet_toggle_plus.gif) left center no-repeat;
	padding: 0 15px;
	float: left
}

#content.jobs .job-listing li ul {
	list-style-type: none;
	padding: 0
}

#content.jobs .job-listing li ul li {
	padding: 0;
	border: none;
	padding: none
}

#content.jobs .job-listing img { vertical-align: middle }
#content.jobs .job-listing li { display: inline-block }

.benefits ul li { font-size: 1.1em }