body {
	background-color: black;
	font-size: 15px;
	line-height: 21px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #999999;
	min-width: 900px;
	margin: 0px;
	padding: 0px;
	behavior: url(css/csshover.htc);}
	
/* Layout Structure */

#topbg {
	width: 100%;
	background-image: url(images/layout/header.gif);
	background-repeat: repeat-x;}
	
#mainwrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;}
	
#contentarea {
	width: 900px;}
	
#header {
	width: 900px;
	height: 218px;
	text-align: center;}
	
#leftcontent {
	width: 680px;
	float: left;}

#leftcontent-inner {
	padding: 34px;}
	
#rightcontent {
	width: 218px;
	float: left;}
	
#rightcontent-inner {
	padding: 34px 10px;
	margin-left: 30px;
	font-size: 11px;
	line-height: 17px;}

#rightcontent-inner , #leftcontent-inner {
	border-top: 1px solid #323232;
	border-left: 1px solid #323232;
	border-right: 1px solid #161616;
	border-bottom: 1px solid #161616;
	background-color: #1e1e1e;}
	
#footer {
	border-top: 1px solid #323232;
	margin-top: 36px;
	padding: 6px;
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;}
	
/* Navigation */
#main-nav ul { margin: 0; padding: 0; width: 900px;list-style: none;}
#main-nav li { float: left; text-align: center;}
#main-nav li a { width: 150px; height: 36px; display: block; background-repeat: no-repeat;}
#main-nav { width: 900px; height: 36px; position: relative; z-index: 9998; }
#main-nav { margin: 0; padding: 0; }
#main-nav li { display: inline; }
#main-nav li a { float: left; width: 150px; height: 0; padding-top: 36px; overflow: hidden; }
#main-nav li a, #main-nav { background: url(images/layout/4StepNav.gif); background-repeat: no-repeat; }

/* Buttons */
#main-nav li#nav-home a { background-position: 0 0; }
#main-nav li#nav-blog a { background-position: -150px 0; }
#main-nav li#nav-services a { background-position: -300px 0; }
#main-nav li#nav-towing a { background-position: -450px 0; }
#main-nav li#nav-about a { background-position: -600px 0; }
#main-nav li#nav-contact a { background-position: -750px 0; }

/* Over States */
#main-nav li#nav-home a:hover { background-position: 0px -36px; }
#main-nav li#nav-blog a:hover { background-position: -150px -36px; }
#main-nav li#nav-services a:hover { background-position: -300px -36px; }
#main-nav li#nav-towing a:hover { background-position: -450px -36px; }
#main-nav li#nav-about a:hover { background-position: -600px -36px; }
#main-nav li#nav-contact a:hover { background-position: -750px -36px; }

/* Pressed States */
#main-nav li#nav-home a:active { background-position: 0 -72px; }
#main-nav li#nav-blog a:active { background-position: -150px -72px; }
#main-nav li#nav-services a:active { background-position: -300px -72px; }
#main-nav li#nav-towing a:active { background-position: -450px -72px; }
#main-nav li#nav-about a:active { background-position: -600px -72px; }
#main-nav li#nav-contact a:active { background-position: -750px -72px; }

/* On States */
#main-nav.home li#nav-home a { background-position: 0 0; cursor: default; }
#main-nav.blog li#nav-blog a { background-position: -150px -108px !important; }
#main-nav.services li#nav-services a { background-position: -300px -108px !important;}
#main-nav.towing li#nav-towing a { background-position: -450px -108px !important; }
#main-nav.about li#nav-about a { background-position: -600px -108px !important; }
#main-nav.contact li#nav-contact a { background-position: -750px -108px !important; }

#sub-nav {
	width: 900px;
	height: 60px;
	font-size: 13px;
	line-height: 36px;
	vertical-align: middle;
	text-align: center;
}

#sub-nav a:link { color: white; text-decoration: underline;}
#sub-nav a:visited { color: white; text-decoration: underline;}
#sub-nav a:hover { color: #6ab939; text-decoration: underline;}
#sub-nav a:active { color: #D25D2E; text-decoration: underline;}
	
	
/* Typography */
h2 {
	color: #6ab939;
	font-size: 22px;
	line-height: 23px;
	margin-top: 30px;}
	
.subcolor {
	color: #6ab939;}

/* Misc */
.pngfix {
behavior: url(iepngfix.htc);} 

a:link { color: white; }
a:visited { color: white;}
a:hover { color: #6ab939;}
a:active { color: #D25D2E;}
	
.clearboth {
	clear: both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {
	display: inline-table;}
/* backslash hides from IE mac \*/

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}
/* end backslash hack */


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}

/* end tooltip */


input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}



/* drop down menus */

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #ccc;
border-bottom-width: 0;
font-size: 13px;
line-height: 24px;
z-index: 100;
background-color: #6ab939;
width: 205px;
}

.anylinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #ccc;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #df5728;
color: white;
}

.anylinkcss a:active{ /*hover background color*/
background-color: #b3441c;
color: white;
}