/* layout */



body {

	margin: 0;

	padding: 0;

	text-align: center;

	background: #D5D4BA;

	}



#box {

	margin: 0 auto ;

	width: 960px;

	background: white url(../cssimg/shadow_960.gif) top left repeat-y ;

	}



#content {

	margin: 0 auto ;

	width: 900px;

	}



#head {

	width: 900px;

	background: #FFF ;

	clear: both;

	} 



#logo {

	background: #FFF ;

	height: 63px;

	margin: 0 ;

	padding: 0 ;

	}

	

#shd {

	background: #FFF;

	height: 20px;

	margin: 0 ;

	padding: 0 ;

	}

	

#main {

	background: #FFF ;

	text-align: left ;

	margin: 0 20px 0 0 ;

	padding: 10px 220px 0 20px ;

	}



#right {

	float: right ;

	clear: right ;

	width: 220px ;

	background: #FFF ;

	margin: 0 ;

	padding: 10px 0 0 0 ;

	text-align: left ;

	font-size: 0.9em ;

	}



#foot {

	height: 35px;

	margin: 0 ;

	padding: 0 ;

	background: transparent url(../cssimg/shadow_btm_960.gif) 0 0 no-repeat ;

	}



/* main navigation */



#nav {

	float:left;

	width:100%;

	line-height:normal;

	margin: 0 0 5px 0 ;

	}



#nav ul {

	margin:0;

	padding:5px 10px 0;

	list-style:none;

	}



#nav li {

	float:left;

	background:url("../img/gfx/navbtnL.gif") no-repeat left top;

	margin:0;

	padding:0 0 0 9px;

	border-bottom:1px solid #660;

	}



#nav a {

	float:left;

	display:block;

	width:.1em;

	background: url("../img/gfx/navbtnR.gif") no-repeat right top;

	padding: 5px 10px 3px 6px;

	font-size: 0.9em ;

	text-decoration: none;

	white-space: nowrap;

	color: #369;

	}



#nav > ul a {width: auto;}

/* hide from IE5-Mac \*/

#nav a {float: none;}

/* end hide */



#nav a:hover {

	color: #C36;

	}



#home #nav-home, #stock #nav-stock, #features #nav-features, #forsale #nav-features, #portfolio #nav-portfolio, #products #nav-products, #track #nav-track, #workshops #nav-workshops, #contact #nav-contact {

	background-position: 0 -50px;

	border-width: 0;

	}



#home #nav-home a, #stock #nav-stock a, #features #nav-features a, #forsale #nav-features a, #portfolio #nav-portfolio a, #products #nav-products a, #track #nav-track a, #workshops #nav-workshops a, #contact #nav-contact a {

	background-position: 100% -50px;

	padding-bottom: 4px;

	color: #660;

	}



#nav li:hover, #nav li:hover a {

	background-position: 0% -50px;

	color: #C36;

	}



#nav li:hover a {

	background-position: 100% -50px;

	}



/* subnavigation */



#snav ul {

	margin: 0 ;

	padding: 0 0 0 15px ;

	list-style-type: none ;

	text-align: left ;

		} 



#snav ul li {

	display: inline ;

	font-size: 0.9em ;

	} 



#snav ul li a {

	padding: 5px ;

	} 



/* presentation: text */



h1, h2 {

	line-height: 1.4em ;

	}



#foot a {

	font-size: 0.9em ;

	margin: 0 ;

	padding: 5px 20px 0 20px ;

	border-top: 1px solid #660 ;

	}



.center {

	text-align: center ;

	}



.disabled {

	color: #D5D4BA;

	font-weight: bold ;

	}

	

.on {

	color: #C00;

	font-weight: bold ;

	padding: 5px ;

	}



.reverse {

	color: #FFF ;

	background: #660 ;

	}



h1 span.reverse {

	padding: 2px 5px ;

	}



h1.boxed {

	margin: 0 35px 15px 0 ;

	border: 1px solid #660 ;

	padding: 5px ;

	}



/* misc */



.hide {

	display: none ;

	}



.rule {

	border-top: 1px solid #660 ;

	margin: 5px 20px ;

	}



#right .rule {

	border-top: 1px solid #660 ;

	margin: 10px 20px 10px 0 ;

	}



.both { 

	clear: both;

	margin: 0;

	padding: 0 ;

	} 



.check { /* temp for recoding links */

	background: #fcc ;

	}