body {
	background: #3c1701;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #745e50;	
	}
#wrapper {
	width: 90%;
	max-width: 1100px;
	min-width: 760px;
	margin: 0 auto;
	}
.mainbox { /*rounded corners, main container*/
   background-color:#fff;
   position:relative;
   z-index:0;
   min-height: 600px;
   padding-bottom: 2em;
}
.gutter {padding: 1em}
.content {padding-left: 2.5em; width: 85%; margin-bottom: 2em} /*1 col - front */

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mainbox .x1,
.mainbox .x1a, 
.mainbox .x2,
.mainbox .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:9px;  /* set height to the size of the corner */
   position:relative;
   background:url(../images/corner-sprite.gif) no-repeat;
}
.mainbox .x1,
.mainbox .x2 {
   width:100%; /* scales with the mainbox */
   right:0; 
}
.mainbox .x1a,
.mainbox .x2a { /* left corners */
   width:9px;
   left:0;
}
.mainbox .x1 {
   background-position:100% 0;
   top:0;
}
.mainbox .x1a {
   background-position:0 -18px;
}
.mainbox .x2 { /* bottom corners get moved */
   position:absolute;
   background-position:100% -9px;
   bottom:0; 
}
.mainbox .x2a {
   background-position:0 -27px;
}

#header {
	height:95px; 
	padding: 5px 0 0 50px;
	/*border: solid 1px red;*/
	}
	
/*navigation*/
#nav {
	margin: 1em 1em 0 0;
	padding: 0;
	height: 48px;
	list-style: none;
	background: url(../images/nav.gif) no-repeat;	
	position: relative;
	width:471px;
	float: right;
	}

#nav li {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav li, #nav a { 
  display: block; 
  height: 48px;
 text-decoration: none; 
  text-indent: -9999px;
  outline:none;
  }

#home {left: 0px; width: 74px;}
#about {left: 92px; width: 61px;}
#retailers {left: 167px; width: 92px;}
#news {left: 275px; width: 44px;}
#dealers {left: 330px; width: 55px;}
#contact {left: 400px; width: 71px;}

  #home a:hover {background: transparent url(../images/nav.gif) 0 -35px no-repeat;}
  #about a:hover, body.about #about {background: transparent url(../images/nav.gif) -92px -35px no-repeat;}
  #retailers a:hover, body.retailers #retailers {background: transparent url(../images/nav.gif) -167px -35px no-repeat;}
  #news a:hover, body.news #news {background: transparent url(../images/nav.gif) -275px -35px no-repeat;}
  #dealers a:hover, body.dealers #dealers {background: transparent url(../images/nav.gif) -330px -35px no-repeat;}
  #contact a:hover, body.contact #contact {background: transparent url(../images/nav.gif) -400px -35px no-repeat;}
  
/* sub-navigation */
#subnav{
	margin: 0 0 1em 0;
	padding:.5em;
	white-space: nowrap;
	text-align:right;
	font-size: 11px; 
	list-style-type: none;
	color: #1a93af;
	float:right;
}

 #albumnav {
 margin: 0 0 1em 0;
	padding:0;
	font-size: 11px; 
	list-style-type: none;
	color: #745e50;
}

#subnav li, #albumnav li {
display: inline;
padding-right: .5em ;
color: #1a93af;
}

 
/*  Flash movie   */
 
#flash {height: 222px; clear:both; margin: 0; padding: 0; position: relative}
#flasho {position: absolute; top: 0; left: 0; margin: 0; padding:0; width: 99.9%}

/* gradient boxes */

#frontboxes {
	width: 100%;
	margin: 1em auto;
	/*border:solid 1px red;*/
	padding: 0 ;
	float: left;
	}

.gradients {
   position:relative;
   z-index:0;
   width: 17%;
   float: left;
   margin: 0 1.49%;
}

.gradients .gradients-content {
   position:relative;
   z-index:2;
   margin: 0 auto;
   width: 126px;
}


.gradients .x3 { /*opacity layer*/
	display:block;
	width:100%;
	height:100%;
	position:absolute;
}

.gradients .blue {background: #0092af url(../images/gradwhite.png) no-repeat 0 top;}
.gradients .green { background: #99cc66 url(../images/gradwhite.png) no-repeat 0 top;}
.gradients .brown { background: #4d331a url(../images/gradwhite.png) no-repeat 0 top;}

.gradients a {text-decoration: none}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.gradients .x1,
.gradients .x1a, 
.gradients .x2,
.gradients .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:9px;  /* set height to the size of the corner */
   position:relative;
   background:url(../images/corner-blue.gif) no-repeat;
}
.gradients .x1,
.gradients .x2 {
   width:100%; /* scales with the gradientsule */
   right:0; /* overlap borders */
}
.gradients .x1a,
.gradients .x2a { /* left corners */
   width:9px;
   left:0;
}
.gradients .x1 {
   background-position:100% 0;
   top:0;
}
.gradients .x1a {
   background-position:0 -18px;
}
.gradients .x2 { /* bottom corners get moved */
   position:absolute;
   background-position:100% -9px;
   bottom:0; /* overlap bottom border */
}
.gradients .x2a {
   background-position:0 -27px;
}

.clear {clear:both}

/* 2 columns unequal */

#extra {
	margin: 1em auto;
	padding:1em 1em 1em 2.5em;
	text-align: left;
	border-top: solid 1px #dfd7cb;
	}	
#extra:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden;
	 }	
	
	
#extra .extra {
	float: left;
	width: 39%;
	padding:0;
	min-height: 400px;
	}

#extra .extra.one {margin-right: 1.5em; }
#extra .extra.two  {
	width: 50%;
    padding-left: 2.5em; 
	border-left: solid 1px #dfd7cb;
	}
.pagination {clear:both}

/* Typography */


h1 {
	font: normal 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #1a93af;
	letter-spacing: .07em;
}

h2 {
	font: bold 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #7db458;
	letter-spacing: .07em;
}


.date {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #745e50; margin-bottom: 0 }

#extra h1 {margin-top:0;}

/* entries (news) */

.entry {
	margin: 0 1.5em 1.5em 1.5em;
	border-bottom: solid 1px #d7cfbf;
	}
.entry:last-child {border-bottom: none}

/* Links */
.pagination a {color: #1a93af}
.content a, #extra a {color: #1a93af}
#extra .extra li a {color: #745e50}
.gradients .gradients-content a img  {text-decoration:none; border: none;}
*:focus {outline: none}
#header a img  {text-decoration:none; border:none}
#subnav a {color: #1a93af}
#subnav a {text-decoration:none}
#subnav li a:hover {color: #745e50; text-decoration:underline}
#albumnav a {color: #745e50; text-decoration:none}
#albumnav li a:hover {color: #1a93af; text-decoration:underline}

/* Lists */

#extra .extra ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 0;
	color: #000000;
	}
#extra .extra li {
	margin-left: 1.5em;
	padding: 0 0 4px 15px;
	background: transparent url(../images/bullet.gif) no-repeat 0 5px;
	font-size: 11px;
	line-height: 1.5em;
	}


/* Images */

.thumbnail {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	width: 160px;
    height:210px;
	margin: 0 1.5em 3em 1.5em;
	text-align: center;
	}

.thumbnail img {border: none}

.imgL {
	margin: .5em 1em 1em 0;
	border: solid 1px #000;
	float:left;
	}

.imgR {
	margin: .5em 0 1em 1.5em;
	border: solid 1px #000;
	float:right;
	}
	
.nb {border: none}

/* tables */

table {	border-collapse: collapse;}
td {
	font-size: 90%;
	padding: 6px;
	border-bottom: 1px solid #1a93af;	
}