/* Lode King CSS Document */

/* GLOBAL SETTINGS */

/* 
* {
	margin: 0;
	padding:0;
	border:0;
}
*/
body {
	background:#fff url(../i/bg1.gif) repeat;
	text-align:center;
	color:#1c1c1c;
	font-size:12px;
	font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

/* GLOBAL LINKS */

a:link {color:#2b4284;}
a:visited {color:#2b4284;}
a:hover {color:#2b4284; text-decoration:none;}
a:active {
	color:#2b4284;
}
p {
	padding-bottom:1em;
}
h1 {
	font-size:160%;
	margin:0 0 1em 0;
	font-weight:900;
}
h2 {
	font-size:140%;
	margin:1em 0 0 0;
	font-weight:800;
}
h3 {
	font-size:120%;
	margin:1em 0 0 0;
	font-weight:700;
}
dl {
	margin:0.5em 0 1em 2em;
}
dt {
	font-weight:bold;
	font-size:110%;
	color:#666;
}
dd {
	margin-left:1.5em;
}

/* DIVS */

div#container {
	background:#fff url(../i/bg3.gif) repeat-y;
	width:754px;
	margin-left:auto;
	margin-right:auto;
}
div#topnav {
	width:754px;
	height:137px;
	background:#2b4284 url(../i/logo1.gif) top right no-repeat;
}
div#photobar {
	text-align:left;
}
div#content {
	text-align:left;
}
div#columnl {
	text-align:left;
	padding:25px;
	width:494px;
	float:left;
}
.tablepics {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
div#columnr {
	text-align:left;
	padding:25px;
	width:160px;
	float:left;
}

/* PRODUCT PAGE DIVS */
#grain {
	background:#fff url(../i/grain_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#btrainflatdeck {
	background:#fff url(../i/btrainflat_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#flatdeck {
	background:#fff url(../i/flat_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#dropdeck {
	background:#fff url(../i/dropdeck_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#containerchassis {
	background:#fff url(../i/contain_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
/* GRAIN TRAILER DIVS */
#hgfprestige {
	background:#fff url(../i/hgfsuperb_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#hgftandem {
	background:#fff url(../i/hgftandem_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#hgftridem {
	background:#fff url(../i/hgftridem_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}
#hgftriple {
	background:#fff url(../i/hgftriple_th.jpg) no-repeat;
	padding:0 0 10px 170px;
}


#gh, #btfdh, #fdh, #ddh, #cch {
	float:left;
	text-align:center;
}
div#footer {
	text-align:left;
	/*background:#fff url(../i/bg2.gif) 0px 0px repeat-x;*/
	clear:left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 24px;
}
.forspecs {
	line-height: 22px;
	padding-top: 12px;
}

/* LISTS + MENUS */
ul {
	margin:1em 0 1em 2.25em;
}
ul#menu {
	width:754px;
	height:137px;
	position:relative;
	margin:0;
	padding:0;
}
ul#menu li {
	list-style: none;
	position:absolute;
	top:0;
}
ul#menu li a {
	text-indent: -9999px;
	text-decoration:none;
}
ul#menu li, ul#menu a {
	height:137px;
	display:block;
}

/* TOP NAVIGATION BAR */

#home {left:0; width:71px;}
#products {left:71px; width:82px;}
#about {left:153px; width:128px;}
#news {left:281px; width:54px;}
#find {left:335px; width:107px;}
#contact {left:442px; width:102px;}

#home a:hover {background:transparent url(../i/homeo.gif);}
#products a:hover {background:transparent url(../i/productso.gif);}
#about a:hover {background:transparent url(../i/abouto.gif);}
#news a:hover {background:transparent url(../i/newso.gif);}
#find a:hover {background:transparent url(../i/findo.gif);}
#contact a:hover {background:transparent url(../i/contacto.gif);}

#home a {background:transparent url(../i/home.gif);}
#products a {background:transparent url(../i/products.gif);}
#about a {background:transparent url(../i/about.gif);}
#news a {background:transparent url(../i/news.gif);}
#find a {background:transparent url(../i/find.gif);}
#contact a {background:transparent url(../i/contact.gif);}

/* TOP NAV BAR - YOU ARE HERE EFFECT */

body#homepage #home a {background:transparent url(../i/homeo.gif);}
body#productspage #products a {background:transparent url(../i/productso.gif);}
body#aboutpage #about a {background:transparent url(../i/abouto.gif);}
body#newspage #news a {background:transparent url(../i/newso.gif);}
body#findpage #find a {background:transparent url(../i/findo.gif);}
body#contactpage #contact a {background:transparent url(../i/contacto.gif);}

#crumbs {
	font-size:10px;
	color:#999;
	padding-bottom:0.5em;
}

/* Custom Classes */
.imagefloatright {
	float:right;
	padding:0 0 10px 10px;
	border:0;
	width:166px;
	height:79px;
}
img.thumbnail {
	width:75px;
	height:75px;
}
.thumbnail {
	border:1px dashed #fff;
	padding:5px;
	margin:5px;
	background-color:#B1AC9D;
}
a:hover img.thumbnail {
	border:1px solid #fff;
}
.leftalign img {
	float:left;
	padding:0 1em 1em 0;
}
.bold {
	font-weight:bold;
}
input,  textarea  {
	padding: 4px;
	border: solid 1px #A5ACB2;
	background-color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans Serif;	
}
.but {
	background-color:#333;
	color:#fff;
}
.but:hover {
	cursor:pointer;
}
/* TABLE STYLES */
table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:25px;
}
th {
	font-weight:bold;
}
th, td {
	margin:0;
	padding:4px;
	vertical-align:top;
	text-align:left;
}
caption {
	font-size:140%;
	font-weight:800;
	text-align:left;
	padding-bottom:1em;
}
.altrow {
	background-color:#d4d3cd;
}
table {
	padding:30px;
}
.cellcenter td {
	text-align:center;
}
.cellcenter th {
	text-align:center;
}
/* END LODE KING CSS DOCUMENT */
#LearnAboutBox {
	background-color: #E0ECFF;
	width: 460px;
	padding: 15px;
}
.LearnaboutHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}
