/* CSS Document */

body{
background-color:#92876b;
text-align:center;
}
	
#container{
height:auto;
width:900px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
}
	
a img{
border:none;
}
	

#nav_bg{
height:73px;
width:900px;
position:relative;
background-image:url(images/nav_fill.jpg);
background-repeat:repeat-x;
}


	#divNav {
		margin: 0;
		padding: 0;
		height: 73px;
		width: 900px;
			}

	#nav {
		position: relative;
		height: 55px;
		width: 900px;
		padding:none;
		padding-left:0px;
		margin:0;
		left:75px;
	}

	#nav li ul{
		margin: 0;
		padding: 0;
		height:10px;
		line-height:3px;
		font-size:3px;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 49px;
		left:0;
		background: #d8ccab;
		height: 19px;
				padding-top: 5px;

		width: 730px;
		padding-left: 20px;
	}

	#nav li.on ul {
		background: #e2d6b6;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #d8ccab;
	}

	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		padding: 0;
		/*width: 93px;*/

	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #e2d6b6;
		width: auto;
		margin-right: 10px;
		/* height:12px; */
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #d8ccab;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #fff;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liHome a, #liAboutus a, #liProducts a, #liRentals a, #liContact a {
		display: block;
		position: relative;
		height: 49px;
		background: url(images/nav_rev.jpg) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liHome a {
	background-position: 0 0;
	width:107px;
}

#liAboutus a {
	background-position: -107px 0;
	width:153px;
}

#liProducts a {
	background-position: -260px 0;
	width:186px;
}

#liRentals a {
	background-position: -446px 0;
	width:157px;
}

#liContact a {
	background-position: -603px 0;
	width:147px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#liHome.on a{
background-position:0 -49px;
}

#liAboutus.on a{
background-position:-107px -49px;
}

 #liProducts.on a {
 	background-position: -260px -49px;
 } /*add selectors for the other li's and background-positions*/
 
 #liRentals.on a{
 background-position:-446px -49px;
 }
 
 #liContact.on a{
 background-position:-603px -49px;
 }
 
 

/*hover states*/

#liHome a:hover, #liHome:hover a, #liHome.over a {
	background-position: 0 -49px;
}

#liAboutus a:hover, #liAboutus:hover a, #liAboutus.over a {
	background-position: -107px -49px;
}

#liProducts a:hover, #liProducts:hover a, #liProducts.over a {
	background-position: -260px -49px;
}

#liRentals a:hover, #liRentals:hover a, #liRentals.over a {
	background-position: -446px -49px;
}

#liContact a:hover, #liContact:hover a, #liContact.over a {
	background-position: -603px -49px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #d8ccab;
	color: #5f0909;
	font-family: Arial;
	font-size: 13px;
	
}		

#nav li.on ul a {
	background: #e2d6b6;
}

#nav li ul li a{
height:17px;
padding:0px;
margin:0px;
font-size:10px;
line-height:14px;
}
	
	
	
	
	
#left{
position:relative;
float:left;
width:26px;
height:627px;
background-image:url(images/left.jpg);
}	

#mast{
width:851px;
height:143px;
position:relative;
float:left;
background-image:url(images/mast.jpg);
}

#homeflash{
width:496px;
height:345px;
position:relative;
float:left;
left:15px;
}

#homeleft{
width:511px;
height:398px;
position:relative;
float:left;
background-image:url(images/home_lt.jpg);
background-repeat:no-repeat;
}

#homenews{
width:511px;
height:53px;
position:relative;
float:left;
}

#newstext {
width:auto;
height:auto;
margin-top:15px;
font-family:Arial;
font-size:13px;
color:#4c4228;
text-align:center;
}

#newstext a{
color:#4c4228;
text-decoration:none;
}

#homefeatbox{
position:relative;
float:left;
width:300px;
height:113px;
}

#homefeatimg{
width:95px;
height:113px;
position:relative;
float:left;
}

#homefeattitle{
height:15px;
width:auto;
position:relative;
float:left;
display:block;
}

#homefeattext{
font-family:Helvetica;
font-size:13px;
color:#877955;
width:175px;
height:75px;
position:relative;
float:left;
margin-top:7px;
}

#mainimage{
width:412px;
height:398px;
position:relative;
float:left;
}

#prodleft{
width:412px;
height:398px;
position:relative;
float:left;
}

#prodimage{
width:412px;
height:271px;
position:relative;
float:left;
}

#prodtext{
width:400px;
height:107px;
position:relative;
padding-top:20px;
padding-left:12px;
float:left;
background-color:#e3d6b4;
font-family:Arial;
font-size:13px;
color:#6f6346;
}

#homeright{
width:340px;
height:398px;
position:relative;
float:right;
background-image:url(images/home_rt_bg.jpg);
background-repeat:repeat-x;
}

#homerighttwo{
margin-left:19px;
postion:relative;
float:left;
width:315px;
height:398px;
display:inline;
}

#textarea{
width:439px;
height:398px;
position:relative;
float:left;
background-image:url(images/text_bg.jpg);
background-repeat:no-repeat;
background-color:#e1d5b5;
}

#textareab{
width:851px;
height:398px;
position:relative;
float:left;
background-image:url(images/general_bg.jpg);
background-repeat:no-repeat;
background-color:#e1d5b5;
}

#bot_left{
width:673px;
height:69px;
position:relative;
float:left;
background-image:url(images/bot_left.jpg);
}

#brick a{
width:178px;
height:69px;
position:relative;
float:left;
border:none;
background-image:url(images/brick_btn.jpg);
background-position:0 0;
}

#brick a:hover{
background-position:0 -69px;
}

#right{
width:23px;
height:627px;
position:relative;
float:left;
background-image:url(images/right.jpg);
}

#content{
position:relative;
float:left;
height:627px;
width:851px;
}

#heading{
font-family:Arial;
font-size:18px;
font-weight:bold;
color:#a44e2b;
margin-top:3px;
}

#headingb{
font-family:Arial;
font-size:18px;
font-weight:bold;
color:#a44e2b;
margin-top:3px;
margin-left:15px;
display:inline;
}

.text{
font-family:Arial;
font-size:13px;
color:#6f6346;
margin-top:20px;
width:400px;
}

.textb{
font-family:Arial;
font-size:13px;
color:#6f6346;
margin-top:20px;
width:800px;
}

.textb a{
color:#7d120d;
}

.text a{
color:#6f6346;
}

.prodnametext{
font-family:Arial;
font-size:15px;
color:#253b4e;
margin-top:20px;
width:200px;
}

.producttext{
font-family:Arial;
font-size:13px;
color:#6f6346;
margin-top:20px;
width:200px;
}

.prodnametext a{
color:#253b4e;
text-decoration:none;
}

#bottom{
width:851px;
height:17px;
position:relative;
float:left;
background-image:url(images/bottom.jpg);
}


#copyright{
height:14px;
width:175px;
position:relative;
float:left;
font-family:Helvetica;
font-size:11px;
color:#e2d6b6;
top:3px;
}

#smithworks{
height:14px;
width:135px;
position:relative;
float:right;
font-family:Helvetica;
font-size:11px;
color:#e2d6b6;
top:3px;
}

#smithworks a{
color:#e2d6b6;
}

#prodlinks{
width:186px;
height:399px;
position:relative;
float:right;
background-image:url(images/prodlinks_bg.jpg);
background-repeat:no-repeat;
}

.linktext{
color:#ffffff;
font-family:Arial;
font-size:13px;
line-height:22px;
text-align:right;
position:relative;
float:right;
margin-right:12px;
}

.linktext a{
color:#ffffff;
}

.linktext a:hover{
color:#e2d6b6;
}

#productnames{
width:253px;
height:399px;
position:relative;
float:left;
}

#history_lt{
width:105px;
height:398px;
position:relative;
float:left;
background-image:url(images/history_lt.jpg);
}

#history_rt{
width:115px;
height:398px;
position:relative;
float:left;
background-image:url(images/history_rt.jpg);
}

#history_flash{
width:630px;
height:282px;
position:relative;
float:left;
}

#history_bt{
width:631px;
height:12px;
position:relative;
float:left;
background-color:#e1d5b5;
font-size:4px;
}

#history_mid{
width:631px;
height:398px;
position:relative;
float:left;
}

#timetable_flash{
width:631px;
height:91px;
position:relative;
float:left;
}

#timetable_bt{
width:631px;
height:13px;
position:relative;
float:left;
background-color:#e1d5b5;
font-size:4px;
}

.prodnametext ul{
	margin-top:0px;
	padding-top:0px;
}