@charset "UTF-8";


@import url(reset.css);


/*---------------------
 STRUCTURE
-----------------------*/
html,
body {
	width: 100%;
}
body {
	background-position: 0 0;
	background-repeat: repeat;
	padding: 0 0 20px 0;
}
/*FRAMEWORK*/
#wrap {
	width: 100%;
}
#header,
#content,
#footer {
	width: 100%;
}
.container {
	width: 1014px;
}
/*HEADER*/
#header .container {
	padding: 32px 35px 14px 35px;
	width: 944px;
}
/*logo*/
#header h1 {
	float: left;
	width: 250px;
	height: 21px;
}
/*menu*/
#header ul {
	margin: 0 0 0 258px;
	height: 30px;
}
#header ul li {
	list-style: none;
	float: left;
	margin-right: 30px;
}
#header ul li a {
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	outline: none;
}
#header ul li a span {
	display: none;
}
#header ul li#mm-trailers a {
	width: 64px;
	background-position: 50% 0;
}
#header ul li#mm-trailers a:hover,
body.trailers #header ul li#mm-trailers a {
	background-position: 50% -20px;
}
#header ul li#mm-design a {
	width: 55px;
	background-position: 50% -40px;
}
#header ul li#mm-design a:hover,
body.design #header ul li#mm-design a {
	background-position: 50% -60px;
}
#header ul li#mm-warranty_service a {
	width: 190px;
	background-position: 50% -80px;
}
#header ul li#mm-warranty_service a:hover,
body.warranty_service #header ul li#mm-warranty_service a {
	background-position: 50% -100px;
}
#header ul li#mm-contact_us a {
	width: 113px;
	background-position: 50% -125px;
}
#header ul li#mm-contact_us a:hover,
body.contact_us #header ul li#mm-contact_us a {
	background-position: 50% -152px;
}
#header ul li#mm-custom a {
	width: 76px;
	background-position: 50% -176px;
}
#header ul li#mm-custom a:hover,
body.custom_trailers #header ul li#mm-custom a {
	background-position: 50% -197px;
}






/*CONTENT*/
/*main content*/
#content .main_content {
	margin-left: 280px;
	width: 733px;
}
#content .main_content .padding {
	padding: 20px 20px 25px 20px;
}
/*images*/
#content .main_content img.right {
	float: right;
	margin: 0 0 0 20px;
}
#content .main_content img.left {
	float: left;
	margin: 0 20px 0 0;
}

/*sub content*/
#content .sub_content {
	float: left;
	width: 260px;
}
#content .sub_content .padding {
	padding: 31px 35px 40px 35px;
}


/*---------------------
 COLOUR
-----------------------*/
body {
	background-image: url(../img/shared/bg-body.jpg);
	color: #FFF;
}
/*HEADER*/
#header {
	background-color: #FFF;
}
#header ul li a {
	background-image: url(../img/shared/menu.gif);
}

/*CONTENT*/
#content .main_content {
	background-color: #808080;
}
#content .sub_content {
	background-color: #fd0004;
}
#content a:link,
#content a:visited {
	color: #FFF;
}
#content a:active,
#content a:hover {
	color: #fd0004;
}
#content h1 {
	background-image: url(../img/shared/headings.gif);
}

/*---------------------
 TYPOGRAPHY
-----------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.81em;
}
#content p {
	margin: 0 0 0.92em 0;
}
#content dl {
	margin: 0 0 0.92em 0;
}
#content dl dt {
	float: left;
	width: 120px;
	font-weight: bold;
}
#content dl dd {
	margin: 0 0 0 125px;
}
#content dl dd.last {
	padding: 0 0 20px 0;
}
#content a:link,
#content a:visited {
	text-decoration:  underline;
}
#content a:active,
#content a:hover {
	text-decoration:  none;
}

/*graphic heading*/
#content h1 {
	display: block;
	height: 25px;
	background-repeat: no-repeat;
	margin: 0 0 25px 0;
}
#content h1 span {
	display: none;
}
#content h2 {
	font-size: 1.25em;
	text-transform: uppercase;
	margin: 0 0 1.33em 0;
}


/*---------------------
 HOME
-----------------------*/
body.home {
	background-image: url(../img/home/bg-home.jpg);
}
body.home #content .sub_content h1 {
	background-position: 0 0;
	height: 70px;
}

/*---------------------
 TRAILERS
-----------------------*/
body.trailers #content .sub_content h1 {
	background-position: 0 -70px;
}
/*CONTENT*/
body.trailers #content .main_content {
	background: none;
}
body.trailers #content .main_content .padding {
	background-color: #FFF;
	color: #4b4b4b;
}
body.trailers #content .main_content .left_column {
	float: left;
	width: 337px;
}
body.trailers #content .main_content .right_column {
	margin: 0 0 0 357px;
}
body.trailers #content .main_content .padding ul li {
	list-style: none;
	line-height: 1.5em;
}
#content ul#trailer_models {
	height: 218px;
}
#content ul#trailer_models li {
	list-style: none;
	float: left;
	margin: 0 18px 20px 0;
}
#content ul#trailer_models li.last {
	margin-right: 0;
}
#content ul#trailer_models li a {
	display: block;
	width: 232px;
	height: 89px;
	background-repeat: no-repeat;
	background-image:url(../img/trailers/btn-trailers.gif); 
	outline: none;
}
#content ul#trailer_models li a span {
	display: none;
}
#content ul#trailer_models li#AT2500L a {
	background-position: 0 0;
}
#content ul#trailer_models li#AT2500L a:hover,
body.AT2500L #content ul#trailer_models li#AT2500L a {
	background-position: 0 -89px;
}
#content ul#trailer_models li#AT2000S a {
	background-position: -232px 0;
}
#content ul#trailer_models li#AT2000S a:hover,
body.AT2000S #content ul#trailer_models li#AT2000S a {
	background-position: -232px -89px;
}
#content ul#trailer_models li#AT2000L a {
	background-position: -2090px 0;
}
#content ul#trailer_models li#AT2000L a:hover,
body.AT2000L #content ul#trailer_models li#AT2000L a {
	background-position: -2090px -89px;
}

#content ul#trailer_models li#AT2500S a {
	background-position: -464px 0;
}
#content ul#trailer_models li#AT2500S a:hover,
body.AT2500s #content ul#trailer_models li#AT2500S a {
	background-position: -464px -89px;
}
#content ul#trailer_models li#AT3200S a {
	background-position: -696px 0;
}
#content ul#trailer_models li#AT3200S a:hover,
body.AT3200S #content ul#trailer_models li#AT3200S a {
	background-position: -696px -89px;
}
#content ul#trailer_models li#AT3200L a {
	background-position: -2324px 0;
}
#content ul#trailer_models li#AT3200L a:hover,
body.AT3200L #content ul#trailer_models li#AT3200L a {
	background-position: -2324px -89px;
}
#content ul#trailer_models li#AT3500S a {
	background-position: -928px 0;
}
#content ul#trailer_models li#AT3500S a:hover,
body.AT3500S #content ul#trailer_models li#AT3500S a {
	background-position: -928px -89px;
}
#content ul#trailer_models li#AT3500L a {
	background-position: -1856px 0;
}
#content ul#trailer_models li#AT3500L a:hover,
body.AT3500L #content ul#trailer_models li#AT3500L a {
	background-position: -1856px -89px;
}
#content ul#trailer_models li#AT4000 a {
	background-position: -1392px 0;
}
#content ul#trailer_models li#AT4000 a:hover,
body.AT4000 #content ul#trailer_models li#AT4000 a {
	background-position: -1392px -89px;
}
#content ul#trailer_models li#AT4500 a {
	background-position: -1160px 0;
}
#content ul#trailer_models li#AT4500 a:hover,
body.AT4500 #content ul#trailer_models li#AT4500 a {
	background-position: -1160px -89px;
}
#content ul#trailer_models li#AT4500T {
	margin-right: 0;
}
#content ul#trailer_models li#AT4500T a {
	background-position: -1624px 0;
}
#content ul#trailer_models li#AT4500T a:hover,
body.AT4500T #content ul#trailer_models li#AT4500T a {
	background-position: -1624px -89px;
}
body.trailers #content .main_content #hero {
	display: block;
	height: 195px;
	margin: 0;
}

body.trailers #content .main_content #larger_hero {
	display: block;
	margin: 0;
}

/*---------------------
 DESIGN
-----------------------*/
body.design #content .sub_content .padding {
	padding-bottom: 15px;
}
body.design #content .sub_content h1 {
	background-position: 0 -95px;
}
body.design #content .sub_content ul {
	margin: 0 0 40px 0;
	overflow:  hidden;
	height: 1%;
}
body.design #content .sub_content ul li {
	list-style: none;
	float: left;
	width: 260px;
	height: 24px;
}
body.design #content .sub_content ul li a {
	display: block;
	width: 260px;	
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../img/design/submenu.gif);
	background-color: #fc0004;
	outline: none;
}
body.design #content .sub_content ul li a {
	background-color: #FFF;
}
body.design #content .sub_content ul li a span {
	display: none;
}
#content .sub_content ul li#sm-chassis a {
	background-position: 0 -24px;
}
#content .sub_content ul li#sm-chassis a:hover,
body.chassis #content .sub_content ul li#sm-chassis a {
	background-position: 0 0;
}
#content .sub_content ul li#sm-brakes a {
	background-position: 0 -72px;
}
#content .sub_content ul li#sm-brakes a:hover,
body.brakes #content .sub_content ul li#sm-brakes a {
	background-position: 0 -48px;
}
#content .sub_content ul li#sm-axle a {
	background-position: 0 -120px;
}
#content .sub_content ul li#sm-axle a:hover,
body.axle #content .sub_content ul li#sm-axle a {
	background-position: 0 -96px;
}
#content .sub_content ul li#sm-skids a {
	background-position: 0 -168px;
}
#content .sub_content ul li#sm-skids a:hover,
body.skids #content .sub_content ul li#sm-skids a {
	background-position: 0 -144px;
}
#content .sub_content ul li#sm-wheels a {
	background-position: 0 -216px;
}
#content .sub_content ul li#sm-wheels a:hover,
body.wheels #content .sub_content ul li#sm-wheels a {
	background-position: 0 -192px;
}
#content .sub_content ul li#sm-lights a {
	background-position: 0 -264px;
}
#content .sub_content ul li#sm-lights a:hover,
body.lights #content .sub_content ul li#sm-lights a {
	background-position: 0 -240px;
}
#content .sub_content ul li#sm-accessories a {
	background-position: 0 -312px;
}
#content .sub_content ul li#sm-accessories a:hover,
body.accessories #content .sub_content ul li#sm-accessories a {
	background-position: 0 -288px;
}
#content .sub_content ul li#sm-options a {
	background-position: 0 -360px;
}
#content .sub_content ul li#sm-options a:hover,
body.options #content .sub_content ul li#sm-options a {
	background-position: 0 -336px;
}

/*---------------------
 WARRANTY & SERVICE
-----------------------*/
body.warranty_service #content .sub_content h1 {
	background-position: 0 -120px;
}

/*---------------------
CUSTOM TRAILERS
-----------------------*/
body.custom_trailers #content .sub_content h1 {
	background-position: 0 -170px;
}

/*---------------------
 CONTACT US
-----------------------*/
body.contact_us #content {
	font-size: 1.38em;
}
body.contact_us #content .sub_content h1 {
	background-position: 0 -145px;
}

/*---------------------
 FORMS
-----------------------*/
body.forms #content {
	font-size: 1.38em;
}
body.forms #content .sub_content h1 {
	background-position: 0 -220px;
}