/*
@General HTML Elements
-------------------------------------------------*/
html
{
	height : 100%;
}

body 
{
	background : #FFF url(../images/faded-logo.jpg) 980px 0;
	color : #000;
	font : 100% Arial, Verdana, sans-serif;
	margin : 0;
	padding : 0;
	height : 100%;
}
a
{
outline: none;
}
div.footer
{
float:center; text-align:center;
font-size: 10px;
width:802px;
}

p 
{
	font-size : 13px;
	margin : 0 0 10px
}
p.text
{
text-align:left; font-size:13px;
margin-left: 50px

}
.centeredImage
    {
    text-align:center;
    margin-top: -5px;
    margin-bottom: 5px;
    padding:0px;
    }
.leftImage
    {
    float: left;
    margin-top: -5px;
    margin-bottom: 0px;
    padding-right: 10px;
    }
.rightImage
    {
    float: right;
    margin-top: -5px;
    margin-bottom: 0px;
    padding-right: 10px;
    }

br#clear-both 
{
	clear : both
}


img 
{
	border : none
}


/*
@Container Elements
-------------------------------------------------*/

#wrapper-main 
{
	background : #FFF;
	margin : 0;
	width : 976px;
	height : 100%;
	background : url(../images/bg_content.jpg) repeat-y 100% 0;
}


#content-b .padder 
{
	overflow : hidden;
	padding : 10px 20px 0 0;	
}


#content-b-2 .padder, #content-b-3 .padder
{
	overflow : hidden;
	padding : 0 0 0 10px;
	
}


/*
@Masthead/Branding
-------------------------------------------------*/


#branding 
{
	background : #FFF url(../images/bg_brandingnew.jpg) no-repeat 0 0;
	height : 108px;
	margin : 0;
	overflow : hidden;
	padding : 0;
	position : relative
}


#branding h1 
{
	left : 0;
	position : absolute;
	top : -3000px
}


/*
@Content Layout
-------------------------------------------------*/


#content 
{
	background : url(../images/bg_content.jpg) repeat-y 100% 0;
	margin : 0;
	overflow : hidden;
	padding : 0;

}


#content-a 
{
	float : left;
	width : 174px
}

#content-a-right
{
	float : right;
	width : 150px;
	margin : 20px;
	
}

#content-b 
{
	float : left;
	width : 802px
}


#content-b-1 
{
	float : left;
	width : 378px
}


#content-b-2, #content-b-3
{
	float : left;
	width : 404px
}
#content-b-4
{
	float : center;
	width : 100%
}

div.address-left
{
float:left;
text-align:left;
font-size: 13px;
width:301px;
padding-left: 140px;
padding-bottom:10px;
padding-top:10px;
}


div.address-right
{
float:right;
text-align:left;
font-size:13px;
width:301px;
padding-right: 10px;
padding-bottom: 10px;
padding-top:10px;
}

div.img-center
{
float:center; text-align:center;
width:378px;
}

div.form-center
{
float:center; text-align:center;
width:802px;
}
/*
@Intro Images
-------------------------------------------------*/


#introimage 
{
	background-color : #FFF;
	border-bottom : 4px solid #000;
	border-left : 4px solid #000;
	border-top : 4px solid #000;
	width : 798px
}


body.page-home div#introimage 
{
	background-image : url(../images/img_intro-home2.jpg);
	height : 341px
}


body.page-trailers div#introimage 
{
	background-image : url(../images/img_intro-trailers31.jpg);
	height : 250px
}

body.page-parts div#introimage 
{
	background-image : url(../images/img_intro-trailers41.jpg);
	height : 250px
}

body.page-about div#introimage 
{
	background-image : url(../images/img_intro-trailers51.jpg);
	height : 250px
}

body.page-contact div#introimage 
{
	background-image : url(../images/img_intro-trailers21.jpg);
	height : 250px
}


/*
@Headings
-------------------------------------------------*/


h2#mainheading 
{
	margin : 0 0 10px;
	overflow : hidden;
	text-indent : -9999px;
	width : 378px
}


body.page-home h2#mainheading 
{
	background : url(../images/bg_mainheading-home.jpg) no-repeat 0 0;
	height : 25px
}


/*
@Navigation
-------------------------------------------------*/


#navigation 
{
	list-style-type : none;
	margin : 0;
	padding : 0
}


#navigation li 
{
	clear : both;
	float : left;
	margin : 0 0 23px;
	padding : 0;
	text-indent : -9999px
}


#navigation li a 
{
	display : block;
	height : 30px;
	width : 174px
}


#nav-home a 
{
	background : url(../images/nav_home.jpg) no-repeat 0 0
}


body.page-home #nav-home a,#nav-home a:hover,#nav-home a:focus,#nav-home a:active 
{
	background : url(../images/nav_home.jpg) no-repeat -174px 0
}


#nav-trailers a 
{
	background : url(../images/nav_trailers.jpg) no-repeat 0 0
}


body.page-trailers #nav-trailers a,#nav-trailers a:hover,#nav-trailers a:focus,#nav-trailers a:active 
{
	background : url(../images/nav_trailers.jpg) no-repeat  -174px 0
}


#nav-about a 
{
	background : url(../images/nav_about.jpg) no-repeat 0 0
}


body.page-about #nav-about a,#nav-about a:hover,#nav-about a:focus,#nav-about a:active 
{
	background : url(../images/nav_about.jpg) no-repeat -174px 0
}


#nav-contact a 
{
	background : url(../images/nav_contact.jpg) no-repeat 0 0
}


body.page-contact #nav-contact a,#nav-contact a:hover,#nav-contact a:focus,#nav-contact a:active 
{
	background : url(../images/nav_contact.jpg) no-repeat -174px 0
}


#nav-parts a 
{
	background : url(../images/nav_parts.jpg) no-repeat 0 0
}


body.page-parts #nav-parts a,#nav-parts a:hover,#nav-parts a:focus,#nav-parts a:active 
{
	background : url(../images/nav_parts.jpg) no-repeat -174px 0
}


#nav-ifor a 
{
	background : url(../images/img_iforTrailersLogo.jpg);
	height : 84px !important
}


/*
@Gallery
-------------------------------------------------*/


ul#gallery 
{
	list-style-type : none;
	margin : 10px 0 0;
	padding : 0; clear: both
}


ul#gallery li 
{
	float : left;
	margin : 0 10px 10px 0;
	padding : 0;
	width : 180px
}


ul#gallery li p.image 
{
	background : #1A0880;
	border : 2px solid #000;
	height : 116px;
	overflow : hidden;
	text-align : right
}


ul#gallery li p.image img 
{
	border-left : 2px solid #000;
	height : 116px;
	overflow : hidden
}


ul#gallery li p.caption 
{
	text-align : center
}

TABLE.form {
  border-left : 1px solid #E7A200;
  border-right : 1px solid #E7A200;
}
TD.formtext {
  background-color : #F8F8F8;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 10px;
  padding-right : 10px;
  font-size: 13px
}
TD.form {
  background-color : #FAF9F2;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 10px;
  padding-right : 10px;
  font-size:13px
}
TD.formfooter {
  background-color : #FAF9F2;
  border-bottom : 1px solid #B4B3B3;
  padding-top : 10px;
  padding-bottom : 10px;
}
TH.tblheadbar,TD.tblheadbar {
  background-color : #E7A200;
  font-weight : bold;
  border : 1px solid #B4B3B3;
  padding-left : 10px;
  padding-top : 4px;
  padding-bottom : 4px;
}