@import url("reset.css");

body {
	background:url(../images/core/background.gif) repeat-x;
	font: 67%/1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	word-spacing:0.3em;
	white-space: normal;
	}
	
p{padding:10px 0 ;}
h1 {margin: 15px 0 10px 0; ^margin: 40px 0 10px 0; }
h2 {color:#682232; font-size:1.5em; padding: 15px 0 10px 0 ;}
h3 {color:#682232; font-size:1.2em;}
h4 {color:#666666;font-size:1.2em;font-style: italic;}
h5 {color:#3f3f3f;font-size:1.1em;}

ul.list { margin: 0 0 0 0; margin: 0 0 0 15px}
ul.list li { background:url(../images/core/bullet.gif) no-repeat 0 2px; padding:1px 0 2px 25px;}

a { color:#bb0000;}
a:hover { color:#a4a4a4;}

img.left {
	float: left;
	margin: 0 15px 15px 0;
	border: 5px solid #d6d6d6;
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 5px solid #d6d6d6;
	clear: right;
}

#container { margin: 0 auto; width: 800px; }


/* Navigation - main/top navigation*/

#navigation-container {
	height: 28px;
	width: 795px;
	overflow: hidden;
	margin: 0 auto;
}

ul#navigation {float: right;}
ul#navigation li{float: left; display: inline; height: 28px; list-style:none;}
ul#navigation a {height: 28px; display: block; text-indent: -999em; background-position: 0 0px;}

ul#navigation a#home {width:55px; background:url('../images/core/nav-home.jpg') 0 0 no-repeat;}
ul#navigation a#profile {width:61px; height:28px; background:url('../images/core/nav-profile.jpg') 0 0 no-repeat;}
ul#navigation a#truck-seats {width:88px; height:28px; background:url('../images/core/nav-truck-seats.jpg') 0 0 no-repeat;}
ul#navigation a#seat-covers {width:132px; height:28px; background:url('../images/core/nav-sea-covers.jpg') 0 0 no-repeat;}
ul#navigation a#interiors {width:109px; height:28px; background:url('../images/core/nav-interiors.jpg') 0 0 no-repeat;}
ul#navigation a#equipment {width:223px; height:28px; background:url('../images/core/nav-equipment.jpg') 0 0 no-repeat;}
ul#navigation a#gallery {width:61px; height:28px; background:url('../images/core/nav-gallery.jpg') 0 0 no-repeat;}
ul#navigation a#contact {width:66px; height:28px; background:url('../images/core/nav-contact.jpg') 0 0 no-repeat;}

ul#navigation a:hover {background-position: 0 -28px !important;}


/*Content Container*/
#content-container {width:800px; position:relative;}


/*Logo*/
#logo-container {width:800px; height:131px;}

#logo-container  h2#logo a {
	background: url(../images/core/minetrans-logo.gif) no-repeat 0 0;
	display: block;
	height: 110px;
	left: 24px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 10px;
	width: 308px;
}
#logo-container h2#logo-print {
display:none;
}


/*Primay Container, this holds the divs with the main text & headings*/
#primary-container{
	background-color:#e6e6e6;
	width:735px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	padding: 24px 35px 24px 30px;
}

#primary-content {width:365px;}

#bottom{ /* This is a little graphic that sits at the end of the content to give the curved appearence of the website*/
	background:url(../images/core/container-bottom.gif);
	width:800px;
	height:18px;
	display:block;
	overflow:hidden;
	margin:0;
}

#h1-index {
	background-image:url(../images/core/h1-welcome.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
	padding: 0 0 10px 0;
	margin: 0;
}

#h1-profile {
	background-image:url(../images/core/h1-profile.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-truck-seats {
	background-image:url(../images/core/h1-seats.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-seat-covers {
	background-image:url(../images/core/h1-cover.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-truck-interiors {
	background-image:url(../images/core/h1-interiors.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-equipment {
	background-image:url(../images/core/h1-equipment.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-gallery {
	background-image:url(../images/core/h1-gallery.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-contact {
	background-image:url(../images/core/h1-contact.gif);
	background-repeat:no-repeat;
	height:33px;
	text-indent:-999px;
	display:block;
}

#h1-contact-thankyou {
	background-image:url(../images/core/h1-thankyou.gif);
	background-repeat:no-repeat;
	height:20px;
	text-indent:-999px;
	display:block;
}
/* Secondary Content - Call to actions: Flash, Phone cta and Services cta*/

#secondary-content{
	width: 370px; 
	position:absolute;	
	left: 422px; 
	top: 22px;	
	height:693px; 
	float: right;
}

#cta-flash-container {/*this holds the background image for the flash transition*/
	width:343px; 
	height:351px; 
	background-image:url(../images/core/flash-core.jpg);
	padding: 26px 0 0 27px;	
	overflow: hidden; 
} 


/*Call to action elements that appear on the right side of the homepage*/

/*Cycle Transition/flash*/ 

.flash-img {  
    height:  331px;  
    width:   316px;  
	overflow:hidden;
} 
 
.flash-img img {  
    height:  331px;  
    width:   316px; 
    top:  0; 
    left: 0 
} 


#cta-phone h2#phone {  /*CTA phone number */
	background:url('../images/core/cta-phone.jpg') no-repeat 0 0;
	display: block;
	height: 108px;
	overflow: hidden;
	text-indent: -9999px;
	width: 370px;
	padding:0;
}
	

#cta-services{ width:370px; overflow: hidden; background: url('../images/core/services-bg.gif') repeat-y;}

#cta-services h2#services { 
	background:url('../images/core/h2-services.gif') no-repeat 0 3px;
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 248px;
	padding:0 0 12px 0;
}
         
#cta-services #services-content{padding: 15px 0 0 63px;}

#cta-services ul#services-list li {
	background:url('../images/core/bullet-services.gif') no-repeat 0 3px;
	list-style:none;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 22px;
	color: #504749;
	padding: 0 0 0 25px;
	width: 270px;
	float:left;
}

#cta-services #top-curve {
	background:url(../images/core/cta-top.gif) no-repeat 0 0;
	width:370px;
	height:18px;
	overflow:hidden;
}

#cta-services #bottom-curve {
	background:url(../images/core/cta-bottom.gif) no-repeat 0 0;
	width:370px;
	height:43px;
	overflow:hidden;
}

/** Inner pages Content**/
#secondary-content-inner{
	width: 430px;
	position:absolute;
	left: 345px;
	top: 12px;
	height:144px;
	float: right;
	margin: 0px;
	padding: 0px;
}


/**gallery images*/

#gallery-container{
	/*width: 600px;*/
	text-align: center;
	margin: 0 auto;
}

#gallery-container ul#gallery-list {
	margin:0;

}

#gallery-container ul#gallery-list li{
	display:inline;
	background:none;
	padding: 0;
	margin: 10px;
	line-height:10px;
	float:left;
}

/*Affiliate Logos*/
 
#affilates-container{
	width:800px;
	padding: 37px 0 15px 0;
	text-align: center;
}

#affilates-container ul {
	padding:0;
	margin: 0;
}

#affilates-container ul li{
	display:inline;
	padding:0 3px;
	margin: 0;
	background:none;
}



/*Footer */
            
#footer {
	width:800px;
	text-align:center;
	margin: 20px 0 20px 0;
	color:#7a7979;
	font-size:0.9em;
	word-spacing:0.1em;
}

#footer p { font-size: 1.4em; }

#footer #footer-navigation a, #footer #footer-navigation {
	text-decoration:none;
	color:#a4a4a4;
}

#footer #footer-navigation a:hover{
	text-decoration:none;
	color:#bb0000;
	}


/*Contact us Page*/

#contact-information {
	float:right;
	width:330px;
}



/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 100px;
	vertical-align:top;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

/* Misc */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*google Map*/

.gmnoprint{
	width:330px;
	overflow:hidden;
	
}