/** PAGE */

#page {
	width: 1000px;
	margin: 0px auto;
	padding: 12px 0px 80px 0px;
}

/** CONTENT */

#content {
	float: right;
	width: 655px;
	padding-right: 90px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 159px;
	padding: 0px 0px 0px 93px;
}

/** BASIC */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #000000 url(images/body-bg.jpg) repeat left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
	color: #FEFFFF;
}

h1 {
	margin-bottom: 18px;
	font-size: 15px;
}

h2 {
	margin-bottom: 18px;
	font-size: 16px;
}

h3 {
	margin-bottom: 15px;
	font-size: 11px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #838989;
}

p, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.center {
    text-align: center;
}
   
.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 180%;
}

/** LINKS */

a {
	color: #A98A69;
}

a:hover {
	text-decoration: none;
}

a.more {
	padding-left: 17px;
	background: url(images/more.gif) no-repeat left center;
}

a img{
	text-decoration: none;
}

/** BACKGROUNDS */

.bg1 {
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

.align-center {
	margin: 0px auto;
}

/** IMAGE */

img {
	border: none;
}

img.border {
	padding: 2px;
	background: #10100C;
	border: 1px solid #302C21;
}

img.bordertight {
	padding: 1px;
	background: #10100C;
	border: 1px solid #302C21;
}

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

img.order-center {
	margin-left: 23px;
	margin-right: 23px;
}

img.order-left {
	margin: 0px;	
}

img.order-right {
	margin: 0px;	
}

img.clip {
    float: left;
    margin: 2px 3px 0px 0px;
}

img.orb {
    margin-bottom: 10px;
}

.image-only {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
}  
  
hr {
	display: none;
}

.hr1 {
	height: 1px;
}

/** WRAPPER */

#wrapper {
	background: url(images/wrapper-bg.gif) repeat-x left top;
}

/** HEADER */

#header {
	height: 180px;
	background: url(images/header-bg.jpg) no-repeat center top;
}

/** MENU */

#menu {
	height: 50px;
	background: url(images/menu-bg.jpg) no-repeat center top;
}

#menu ul {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0px 15px;
	background: url(images/menu-spacer.gif) no-repeat left center;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	background: none;
}

/** PAGE */

#page-bg {
	background: url(images/page-bg.jpg) repeat-y center top;
}

#page-bgtop {
	background: url(images/page-top.jpg) no-repeat center top;
}

#page {
	background: url(images/page-bot.jpg) no-repeat center bottom;
}

/** FOOTER */

#footer {
	height: 50px;
}

#footer p {
	text-align: center;
	color: #2A2A27;
}

/** CLIP PLAYER */

#clip-player 
{
    float: left;
    width: 176px;
    padding-right: 20px;
}

/** LINKS */

#links .row {
	height: 90px;
}
	
#links .cell1 {
	width: 84px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;	
}

#links .cell2 {
	padding-left: 10px;
}
  
/** NEWS */

#news .row {
	height: 40px;
}
	
#news .cell1 {
	width: 40px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;	
    color: #FF0000;
}

#news .cell2 {
	padding-left: 10px;
}
    
/** CONTACT */

#contact {
	padding: 2px;
	background: #10100C;
	border: 2px solid #302C21;
	text-align: center;
}
		
#contact .row {
	height: 30px;
}
	
#contact .cell1 {
	width: 50px;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;	
}

#contact .cell2 {
	width: 450px;
	text-align: left;
	padding-left: 15px;
}
    
/** LISTEN */

#listen {
	padding: 2px;
	border: 1px solid #302C21;
}

#listen p {
	font-size: 10px;
}
    
/** ORDER */

.thumbnail {
    position: relative;
    z-index: 0;
}

.thumbnail:hover {
    background-color: transparent;
    z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
    position: absolute;
    left: -1000px;
    visibility: hidden; 
    color: black;
    text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
    border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: -100px; /*position where enlarged image should offset horizontally */
}

/** BOX STYLE 1 */

.box-style1 {
}

.box-style1 .title {
	height: 45px;
}

.box-style1 .title h2 {
	padding: 16px 0px 0px 23px;
	font-size: 10px;
}
    
.box-style1 .content {
	padding: 20px 30px;
}

.box-style1 .intro {
    padding: 10px 30px;
    height: 130px;
}

.box-style1 .explorer 
{
    padding: 15px 0px 10px 12px;
    height: 80px;
}    


.box-style1 .explorer a:hover img {
    border-color: #FF0000;
}

.box-style1 .content h3.directions {
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #FF0000;
    margin: 0px;
}
    
.box-style1 .bottom {
	height: 10px;
	background: url(images/box-style1-bot.jpg) no-repeat left top;
}

/** BOXI Intro */

#boxI {
}

#boxI .title {
	background: url(images/box1-title.jpg) no-repeat left top;
}

#boxI .intro {
	background: url(images/box1-bg-bot.jpg) no-repeat left bottom;
}

#boxI .intro .bg {
	background: url(images/box1-bg.jpg) repeat-x left top;
}

/** BOX1 */

#box1 {
}

#box1 .title {
	background: url(images/box1-title.jpg) no-repeat left top;
}

#box1 .content {
	padding: 0px 17px 0px 13px;
	background: url(images/box1-bg-bot.jpg) no-repeat left bottom;
}

#box1 .content .bg {
	padding: 20px 41px 20px 16px;
	background: url(images/box-bg.jpg) repeat-x left top;
}

/** BOX2 */

#box2 {
	height: 200px;
	min-height: 200px;
	background: url(images/box2-bg.jpg) repeat-y 210px 0px;
}

html>body #box2 {
	height: auto;
}

#box2 .bottom {
	height: 10px;
	background: url(images/box-style1-bot.jpg) no-repeat left top;
}

/** BOX2A */

#box2A {
	float: left;
	width: 215px;
	position: relative;
}

#box2A .title {
	background: url(images/box2a-title.jpg) no-repeat left top;
}

#box2A .content {
	padding-right: 20px;
	background: url(images/box2a-bg.jpg) no-repeat left top;
}

/** BOX2A */

#box2B {
	float: left;
	width: 220px;
	position: relative;
}

#box2B .title {
	background: url(images/box2b-title.jpg) no-repeat left top;
}

#box2B .content {
	padding-right: 25px;
	background: url(images/box2b-bg.jpg) no-repeat left top;
}

/** BOX2A */

#box2C {
	float: left;
	width: 220px;
	position: relative;
}

#box2C .title {
	background: url(images/box2c-title.jpg) no-repeat left top;
}

#box2C .content {
	padding-left: 20px;
	padding-right: 35px;
	background: url(images/box2c-bg.jpg) no-repeat left top;
}

/** BOX3 */

#box3 {
}

#box3 .title {
	background: url(images/box1-title.jpg) no-repeat left top;
}

#box3 .content {
	padding: 0px 17px 0px 13px;
}

#box3 .content .bg {
	padding: 20px 20px 20px 16px;
	background: url(images/box-bg.jpg) repeat-x left top;
}

/** BOX3A */

#box3A {
	float: right;
	width: 235px;
	margin-left: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	background: url(images/box3a-spacer.jpg) no-repeat left top;
}

#box3A .list1 {
	color: #A98A69;	
}
	
/** BOX4 */

#box4 {
}

#box4 .title {
	background: url(images/box4-title.jpg) no-repeat left top;
}

#box4 .content {
	padding: 0px;
	background: url(images/box4-bg.jpg) no-repeat left top;
}

#box4 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#box4 li {
	padding: 5px 20px 10px 23px;
	background: url(images/box4-spacer.jpg) no-repeat left bottom;
}

#box4 a {
	text-decoration: none;
	font-size: 10px;
	color: #808585;
}

#box4 a:hover {
	text-decoration: underline;
}

/** BOX5 */

#box5 {
}

#box5 .title {
	background: url(images/box4-title.jpg) no-repeat left top;
}

#box5 .content {
	padding: 15px 27px 10px 23px;
	background: url(images/box4-bg.jpg) no-repeat left top;
	font-size: 10px;
}

/** BOX6 */

#box6 {
}

#box6 .time {
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
}	

#box6 .image-only {
	padding: 0px;
	margin: 0px;
}
	
#box6 .title {
	background: url(images/box1-title.jpg) no-repeat left top;
}

#box6 .content {
	padding: 0px 17px 0px 13px;
}

#box6 .content .bg {
	padding: 20px 15px 20px 16px;
	background: url(images/box-bg.jpg) repeat-x left top;
}

#box6 .content .popup {
	padding: 20px;
	background: url(images/popup-bg.jpg) repeat-y left top;
}

#box6 .content p.quote {
    color: #A98A69;    
}     

#box6 .content p.review {
    font: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #d5fa04;
    padding-bottom: 0px; 
}
   
#box6 .content p.review-bold {
    font: sans-serif, Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #FF0000;   
    padding-bottom: 0px; 
    text-align: center;
}  

#box6 .content p.anote {
    color: #FEFFFF;   
	padding: 2px;
	background: #10100C;
	border: 1px solid #302C21;     
} 

#box6 .content p.last {
	padding-bottom: 10px;
	border-bottom: 1px solid #D0D4D8;	
} 

#box6 .content .next {
    font-size: 12px;
    padding-top: 10px;
}   

#box6 .content p.order { 
    font-size: 13px;
    padding-top: 12px;
    padding-bottom: 12px;
}