/*----------
	Duralite Trailers - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #4c4d4f;
  background-color: #EBEAE8;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
}

.container {
  width: 960px;
  margin: 0 auto;
  font-size: 1.2em;
}

#content .container {
  padding: 0 0 17px 0;
  background: url(../images/core/content_bg.gif) repeat-y;
}

#column-right {
  width: 717px;
  float: right;
}

#column-left {
  width: 243px;
  float: left;
}

#text {
  margin: 25px 0 0 30px;
  width: 680px;
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  padding: 10px 0;
  font-family: Arial, Verdana;
}
h1 { font-size: 2.0em; font-style: italic; font-weight: normal; }
h2 { font-size: 1.7em; font-weight: normal; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #0068AA; margin: 10px 0; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #CA8D91; text-align: right; font-size: 0.9em; margin: 10px 0; }

#mudmap { margin: 10px; float: right; }

#text img{
	border: 1px solid #0068aa;
}

p.welcome { font-size: 2.0em; font-style: italic; font-weight: normal; }
h1.homeh1 { font-size: 1.2em; }


/*----------	HeaDeR STYLeS	----------*/
#header { background: #FFF url(../images/core/header-bg.gif) repeat-x; }
#header .container { position: relative; height: 105px; }
#header .container #logo { position: absolute; top: 64px; left: 9px; }
#header .container #slogan { position: absolute; top: 39px; left: 741px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  background: url(../images/core/nav-bg.gif) no-repeat;
  width: 243px;
  height: 198px;
}
#nav ul { list-style-type: none; margin: 0; padding: 45px 0 0 0; }
#nav ul li { width: 186px; margin: 1px auto; }
#nav ul li a { display: block; height: 20px; width: 186px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -20px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; }
#nav li#trailers a { background: url(../images/nav/trailers.gif) no-repeat; }
#nav li#features a { background: url(../images/nav/features.gif) no-repeat; }
#nav li#parts a { background: url(../images/nav/parts_store.gif) no-repeat; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; }

#p-home li#home a,
#p-trailers li#trailers a,
#p-features li#features a,
#p-parts li#parts a,
#p-contact li#contact a {
  background-position: 0 -20px !important;
}


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 717px;
  height: 198px;
  display: block;
  overflow: hidden;
}


/*----------	CTa STYLeS	----------*/
ul#cta { margin: 15px 0 0 10px; list-style-type: none; }
ul#cta li { display: inline; margin: 0; }
ul#cta li a { width: 233px; height: 120px; display: block; text-indent: -9999px; }
ul#cta li#cta-features a { background: url(../images/core/cta-trailer.gif) no-repeat; }
ul#cta li#cta-part a { background: url(../images/core/cta-part.gif) no-repeat; }
ul#cta li a:hover { background-position: -233px 0 !important; }

#details { padding: 0 0 0 23px; }
#details .red { color: #a3150d; }


/*----------	TRaILeRS STYLeS	----------*/
#p-trailers table { width: 100%; margin: 0 0 20px 0; }
#p-trailers th { background-color: #F8252B; color: #fff; font-weight: normal; border: 1px solid #fff; }
#p-trailers td { padding: 5px; text-align: center; border: 1px solid #fff; background-color: #e0e1e2; }
#p-trailers td.model { text-align: left; }
ul.gallery { list-style-type: none; margin: 0 0 20px 0; }
ul.gallery li { float: left; margin: 0 13px; }


/*----------	TRaILeRS FeaTUReS STYLeS	----------*/
ul#trailer_features { margin: 0; list-style-type: none; }
ul#trailer_features li { padding: 10px 0; border-bottom: 1px solid #F8252B;}
ul#trailer_features li .left { float: left; margin: 10px; width: 100px; height: 100px; }
ul#trailer_features li h4 { padding: 10px 0 0 0;}



/*----------	FooTeR STYLeS	----------*/
#footer { background-color: #FFFFFF; border-bottom: 10px solid #F8252B; color: #87898d; }
#footer .container { padding: 10px 0; width: 940px; }
#footer a { text-decoration: none; color: #4c4d4f; margin: 0 10px 0 0; }
#footer a:hover { text-decoration: underline; }
#footer #copyright { font-size: 0.8em; }
#footer #wflogo { float: right; }


/*---------- LiST STYLeS ----------*/
ul.alpha{
	list-style: upper-alpha;
}
ul.decimal{
	list-style: decimal;
}