/* ------------------------------------------------
Advanced Collision Center CSS stylesheet 
Developed by:
eNetwork Marketing
http://www.advancedcollisioncenter.info
info@advancedcollisioncenter.info
303-404-0249
---------------------------------------------------- */

/* -------------------------------------------------
Global styles
---------------------------------------------------- */
body {
	font: 1em/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #b9bdbf url(assets/site-bg.gif) repeat-y center;
}

* {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------
Global Typography
---------------------------------------------------- */
h2 { color: #2a4a94; font-size: large; margin-left: 26px; }
h3 { color: #000; font-size: medium; margin-left: 26px; }
h1, h2, h3, p, dl, ol, dl { text-align: left; }

/* -------------------------------------------------
Custom typography
---------------------------------------------------- */
#content p, #content dl {
	font-size: small;
	line-height: 140%;
	margin: 0 85px 0 26px;
}

#content dt {
	font-size: medium;
	font-weight: bold;
}

#content ol { 
	font-size: small;
	line-height: 140%;
	margin: 0 75px 12px 45px;
}

#content ul {
	list-style-type: none;
	margin-left: 25px;
}

#content ul li {
	color: #5f2221;
	font-size: small;
	font-weight: bold;
	padding-left: 15px;
	background: #fff url(assets/arrow.gif) no-repeat 0 6px;
}

#home-header { background: url(assets/home-headline.gif) no-repeat; }
#services-header { background: url(assets/services-headline.gif) no-repeat; }
#accident-header { background: url(assets/accidentheadline.gif) no-repeat; }
#repair-header { background: url(assets/repairheadline.gif) no-repeat; }
#rental-header { background: url(assets/rentalheadline.gif) no-repeat; }
#shuttle-header { background: url(assets/shuttleheadline.gif) no-repeat; }
#locations-header { background: url(assets/locationsheadline.gif) no-repeat; }
#employment-header { background: url(assets/employmentheadline.gif) no-repeat; }
#warranty-header { background: url(assets/warrantyheadline.gif) no-repeat; }
#insurance-header { background: url(assets/insuranceheadline.gif) no-repeat; }
#specials-header { background: url(assets/specialsheadline.gif) no-repeat; }
#specials-header1 { background: url(assets/expectedsheadline.gif) no-repeat; }


#home-header, #services-header, #accident-header, #repair-header, #rental-header, #shuttle-header, #locations-header, #employment-header, #warranty-header, #insurance-header, #specials-header {
	height: 37px;
	margin-left: 25px;
	text-indent: -5000px;
}

#leftcolumn p {
	color: #5f2221;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}

#footer p {
	color: #fff;
	font: bold small/135% Helvetica, Arial, sans-serif;
	text-align: center;
}

/* -------------------------------------------------
Classes
---------------------------------------------------- */
.next-p { padding-top: 12px; }
.last-p { margin: 12px 0; }
.hide {	display: none; }
.clear { clear: both; }
.leftalign { text-align: left; }
.centeralign { text-align: center; }
.disclaimer { font-size: x-small; font-style: italic; }

img {border: 0; }

/* -------------------------------------------------
Employment page CMS
---------------------------------------------------- */
#post {
	margin: .5em 0 1.5em;
	padding-bottom: 1.5em;
}

#post p {
	font-size: small;
	line-height: 140%;
	margin: 0 85px 0 26px;
}

/* -------------------------------------------------
Form Elements
---------------------------------------------------- */
form {
	margin: 8px 0;
	padding-left: 25px;
	width: 400px;
}

fieldset {
	border: 1px solid #ccc;
	font-size: small;
	padding-bottom: 12px;
}

legend {
	background-color: #858585;
	color: #fff;
	font-size: medium;
	font-weight: bold;
	margin: 8px 0 8px;
	padding: 5px;
}

label { padding-left: 12px; }
textarea, select, input { margin: 0 0 8px 12px; }


/* -------------------------------------------------
links
---------------------------------------------------- */
a:link {}
a:visited {}
a:hover {}
a:active {}
#footer a { color: #ccc; }
#footer a:visited { color: #999; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer a:active { color: #fff; }

/* -------------------------------------------------
Layout
---------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 801px;
}

#leftcolumn {
	float: left;
	width: 190px;
}

#navcontainer {
	background-color: #858585;
	width: 190px;
}

#content {
	float: left;
	margin-bottom: 25px;
	padding-top: 15px;
	text-align: left;
	width: 611px;
}

#locationsleftcol, #locationsrightcol {
	float: left;
	width: 305px;
}

#floatlistleft, #floatlistright {
	float: left;
	width: 100px;
}

#footer {
	background: transparent url(assets/footer-bg.jpe) no-repeat;
	clear: both;
	padding: 15px 0 25px;
}

/* -------------------------------------------------
Main Navigation
---------------------------------------------------- */
#navcontainer ul {
	list-style: none;
	text-align: left;
	width: 190px;
}

#navcontainer li {
	border-bottom: 1px solid #bfbfbf;
	font: bold small/135% Verdana, Helvetica, Arial, sans-serif;
}

#navcontainer li a {
	display: block;
	padding: 10px 0 10px 10px;
	color: #fff;
	text-decoration: none;
}

#navcontainer li a#active {
	display: block;
	background-color: #5f2221;
	color: #bfbfbf;
}


#navcontainer li a:hover {
	display: block;
	background: #2a4a94;
	color: #fff;
}

#navcontainer ul#subnav {
	background-color: #ccc;
	width: 190px;
}

#navcontainer ul ul {
	list-style: none;
	text-align: left;
	font-size: small;
}

#navcontainer ul ul a {
	display: block;
	padding: 10px 0 10px 25px;
	color: #000;
	text-decoration: none;
}

#navcontainer ul ul a:link, #navcontainer ul ul a:visited {
	color: #666;
	text-decoration: none;
}

#navcontainer ul ul a:hover {
	display: block;
	background-color: #6291ae;
	color: #fff;
}

#navcontainer a#subactive {
	background: #c9001d;
	color: #fff;
}

/* -------------------------------------------------
debug
---------------------------------------------------- */
.debug { border: 1px solid #ff0; }