/*
/// LAYOUT BLOCK STYLES
*/

#topstripe
{
	position:relative;
	background:#BFB4AC url(images/bg_topstripe.jpg) left top repeat-x;
}
#container
{
	position:relative;
	left:50%;
	margin-left:-375px;
	width:750px;
	overflow:hidden;
	border-bottom:1px white solid;
}
#subpage-bg
{
	position:absolute;
	left:0px;
	top:202px;
	width:750px;
	border-top:1px white solid;
	height:1000em;
	background:url(images/bg_container.gif) left top repeat-y;
	z-index:0;
}
#subpage-content
{
	position:relative;
	display:inline;
	float:right;
	width:568px;
	/*background:#E5CBC3 url(images/bg_content.jpg) bottom left no-repeat;*/
	border-left:1px white solid;
	border-right:1px white solid;
	min-height:500px;
	_height:500px;
	margin-right:10px;
	z-index:1;
}
#topcolor
{
	position:relative;
	height:20px;
	overflow:hidden;
	background-color:#790600;
}
body.home #topcolor
{
	display:none;
}
#pagetitle
{
	position:relative;
	border-top:1px white solid;
	border-bottom:10px #C5472C solid;
	background:#150000 url(images/titlebg1.jpg) left bottom no-repeat;
	padding:10px 15px 0px 15px;
	min-height:90px;
	_height:90px;
}
#pagetitle h1
{
	position:absolute;
	right:10px;
	bottom:10px;
	margin:0px;
	padding:0px;
	font-family:Times New Roman, New York, Times, serif;
	font-size:30px;
	font-weight:normal;
	color:#D5AB9E;
	text-transform:uppercase;
	text-align:right;
}
#subpage-text
{
	position:relative;
	padding:20px;
	line-height:18px;
	border-top:1px white solid;
}
#subnav
{
	position:relative;
	/*display:inline;
	float:left;*/
	width:159px;
	min-height:100px;
	_height:100px;
	margin:0px 0px 0px 6px;
	padding-bottom:6px;
	z-index:1;
}
#subnav a.address
{
	position:relative;
	display:block;
	_height:1%;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#D5AB9E;
	padding:20px 0px 20px 0px;
	clear:left;
}
#subnav a.address:hover
{
	color:white;
}
#topcolorhide, #bottomimg
{
	position:absolute;
	right:11px;
	width:568px;
	height:427px;
}
#topcolorhide
{
	top:75px;
	background-color:#E5CBC3;
	z-index:0;
}
#bottomimg
{
	bottom:0px;
	background:url(images/bg_content.jpg) left top no-repeat;
	z-index:0;
}
body.home #bottomimg
{
	background:#790601 !important;
}

/*
/// PAGE ELEMENT STYLES
*/

#subpage-text h2:first-child, #subpage-text h3:first-child, 
#subpage-text h4:first-child, #subpage-text h5:first-child,
#subpage-text p:first-child, #subpage-text div.callout:first-child
{
	margin-top:0px;
}
a.return
{
	position:relative;
	display:block;
	_height:1%;
	clear:both;
	border-top:3px #A00D00 double;
	border-bottom:1px #A00D00 solid;
	background-color:#E0C2B8;
	padding:3px 5px 3px 5px;
	text-align:center;
}
a.return:hover
{
	background-color:white;
	border-top:3px white double;
	border-bottom:1px white solid;
}
#subpage-text ul
{
	margin:0px;
	margin-left:20px;
	padding:0px;
	list-style-type:none;
}
#subpage-text li
{
	margin:0px 0px 10px 1px;
	padding-left:10px;
	border-left:3px #A00D00 double;
}
div.col-left, div.col-right
{
	position:relative;
	display:inline;
	float:left;
	width:49%;
	_height:1px;
}
div.col-right
{
	float:right;
	width:50%;
}
body#contact div.col-left
{
	width:330px;
}
body#contact div.col-right
{
	width:180px;
}
body#tradeshows td.leftcol
{
	width:25%;
	padding-bottom:5px;
}
body#tradeshows td.rightcol
{
	width:75%;
	padding-bottom:5px;
}
p#faq-click
{
	display:none;
	font-size:10px;
}
ul.faq
{
	position:relative;
	margin:0px !important;
	padding:0px !important;
}
li.faq-link div
{
	position:relative;
	line-height:20px;
	background-color:#ECD9D3;/*#F0E0DB;*/
	margin-top:5px;
	padding:5px 5px 5px 10px;
	border-left:1px white solid;
}
h3.bio
{
	font-size:16px;
	margin-bottom:0px;
}
h5.bio
{
	font-size:10px;
	margin-top:0px;
}
span.biolink
{
	position:relative;
	display:block;
	float:right;
	font-weight:normal;
	text-transform:none;
	font-size:10px;
	padding-right:75px;
}
div.gallery-thumb
{
	position:relative;
	display:inline;
	float:left;
	border:1px white solid;
	width:165px;
	margin:0px 13px 13px 0px;
}
div.gallery-thumb a img, div.gallery-thumb img
{
	border-bottom:1px white solid;
}
div.gallery-thumb a.desc, div.gallery-thumb span
{
	position:relative;
	display:block;
	_height:1%;
	padding:10px 5px 10px 5px;
	background-color:#C5472C;
	color:#DFC0B5;
	font-weight:normal;
	text-align:center;
	line-height:normal;
	font-size:10px;
	text-decoration:none;
}
div.gallery-thumb a.desc:hover, div.gallery-thumb a.desc:hover strong
{
	background-color:white;
	color:#770500 !important;
}
div.gallery-thumb a.desc strong, div.gallery-thumb span
{
	color:#FFD8CC;
}
div.gallery-thumb + p
{
	margin-top:0px;
}
div.gallery-detail
{
	position:relative;
	width:517px;
	border:1px white solid;
	/*margin-top:20px;*/
}
div.gallery-detail div.title, div.gallery-detail div.return a
{
	background-color:#C5472C;
	padding:10px;
	text-align:center;
}
div.gallery-detail div.title h2
{
	font-size:24px;
	color:white;
	margin:0px;
}
div.gallery-detail div.artist
{
	padding:5px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#D5AB9E;
	background-color:#9F0D00;
}
div.gallery-detail div.desc
{
	padding:15px;
	background-color:#E0C2B8;
	text-align:center;
	line-height:16px;
	border-top:1px white solid;
}
div.gallery-detail div.desc p
{
	margin:0px 0px 15px 0px;
	line-height:18px;
}
div.gallery-detail img
{
	border-top:1px white solid;
	border-bottom:1px white solid;
}
div.gallery-detail div.return a
{
	display:block;
	_height:1%;
	padding:3px;
	color:white;
	font-size:10px;
	text-decoration:none;
}
div.gallery-detail div.return a:hover
{
	background-color:white;
	color:#9F0D00;
}
#video-box
{
	position:relative;
	height:1%;
	border:1px white solid;
	padding:10px;
	background-color:#450600;
}
#video-player
{
	position:relative;
	width:320px;
	height:240px;
	left:50%;
	margin-left:-160px;
}

/*
/// NAV STYLES
*/

#nav
{
	position:relative;
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:159px;
	margin:5px 0px 0px 0px;
}
#nav li
{
	position:relative;
	float:left;
	width:157px;
	border:1px #D97B5D solid;
	background:#780500 url(images/bg_buttondark.jpg) left top no-repeat;
	margin-bottom:3px;
}
#nav li.light, #nav li.light li
{
	background:#A31205 url(images/bg_buttonlight.jpg) left top no-repeat;
}
#nav a
{
	display:block;
	_height:1%;
	font-size:10px;
	text-align:center;
	padding:5px;
	color:#F0CEC4;
}
#nav a:hover
{
	text-transform:uppercase;
	text-decoration:none;
	color:#770500;
}
#nav a.submenu
{
	background:url(images/bg_navarrow.gif) right center no-repeat;
}
#nav a.submenu:hover, #nav li:hover > a.submenu
{
	background:url(images/bg_navarrow_on.gif) right center no-repeat;
}
/* Sets up the popout menu styles */
#nav li ul, 
#nav li:hover ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul
{
	position:absolute;
	left:-999em;
	top:0px;
	padding:3px 4px 0px 3px;
	margin:-1px 0px 0px 0px;
	list-style-type:none;
	border:1px white solid;
	background:#4E0800;
	width:159px;
}
#nav li:hover ul, #nav li.sfhover ul,
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul
{
	left:auto;
	margin-left:158px;
}
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul
{
	margin-left:158px;
	margin-top:-1px;
}
/* Sets up the styles for the LI tags when moused over */
/* This is a simple example; see the A tags below for adding layers of styles */
#nav li:hover, #nav li.sfhover
{
	border-color:white;
	border-right:6px white solid;
	_border-right:1px white solid;
	background:#FEFCFC url(images/bg_buttondark.jpg) -159px 0px no-repeat !important;
}
/* Sets up the the styles for the on states of the links */
/* Backgrounds are different from the LI styles to use for arrows and such */
#nav li:hover a, #nav li.sfhover a
{
	text-transform:uppercase;
}
/* Keeps the 'on' color for any links with the 'submenu' class */
#nav li:hover > a[class="submenu"]
{
	color:#770500;
}
#nav li:hover ul a, #nav li.sfhover ul a,
#nav li:hover ul li:hover ul li a, #nav li.sfhover ul li.sfhover ul li a,
#nav li:hover ul li:hover ul li:hover ul li a, #nav li.sfhover ul li.sfhover ul li.sfhover ul li a
{
	text-transform:none;
}
#nav li:hover ul li:hover a, #nav li.sfhover ul li.sfhover a,
#nav li:hover ul li:hover ul li:hover a, #nav li.sfhover ul li.sfhover ul li.sfhover a,
#nav li:hover ul li:hover ul li:hover ul li:hover a, #nav li.sfhover ul li.sfhover ul li.sfhover ul li.sfhover a
{
	text-transform:uppercase;
}
/* Styles the links to the current page */
#nav li.on a.on
{
	background:url(images/bg_navarrow_current.gif) right center no-repeat;
	text-transform:uppercase !important;
	text-decoration:none;
	color:#770500;
}
#nav li.on
{
	border-color:white;
	border-right:6px white solid;
	_border-right:1px white solid;
	background:#FEFCFC url(images/bg_buttondark.jpg) -159px 0px no-repeat !important;
}

/*
/// COMMON STYLES
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	height:1%;
}
div.clear
{
	position:relative;
	height:1px;
	overflow:hidden;
	clear:both;
}
img.left, img.right
{
	position:relative;
	float:left;
}
img.right
{
	float:right;
}
.small
{
	font-size:10px;
}