/* FidoFolio Theme: SPARKY (10/14/09) */

body {
	background: #5E5E5E;
	color: #999;
	font: 12px Verdana, Arial, sans-serif;
}
a {
	outline: none;
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #ffb90c;
}

/*-------------------------------------- Body Wrapper -----------------------------*/

body {
	padding: 0 10px 10px;
	margin: 0;
	text-align: center;
}
#body_wrap {
	margin: 3% auto 0 auto;
	width: 965px;
	background: transparent url('/theme/images/shadowAlpha2.png') bottom right;
	padding: 0 9px 7px 0;
}
#wrapper {
	background: #FFF;
	margin: 0 auto;
	padding: .75em 0 1em 10px;
	text-align: left;
	width: 955px;
	position: relative;
}
/*----------------------------- Header and Nav ---------------------------*/
#logotype {
	height: 75px;
	padding: .25em 0em 0em 0em;
	float: left;
	vertical-align: middle;
	font: 28px Helvetica, Verdana, sans-serif;
	color: #ebebeb;
	line-height: 60px;
}
#logo {
	height: 50px;
	float: left;
	vertical-align: middle;
	font: 32px Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #ebebeb;
	line-height: 60px;
	margin-left: 20px;
}
a.logo {
	outline: none;
	color: #d0d0d0;
	text-decoration: none;
}
/*-------------------------------------- Nav ---------------------------------------*/
#nav {
	z-index: 1001;
	float: right;
	position: relative;
	top: 3px;
	right: 25px;
}
#nav li {
	display: block;
	float: left;
}
#nav li a, #nav li#artists {
	color: #999;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 1.5em 0 0;
	margin: 0;
}
#nav li a:hover, #nav li#artists:hover {
	cursor: pointer;
	color: #ffb90c;
}
#nav li#artists {
	position: relative;
	padding: 0 1.5em 0 .5em;
	margin: 0;
}
#nav li ul {
	position: absolute; 
	top: 100%;
	left: 0;
	margin: 0;
	padding: .5em 0 0 0;
	list-style: none;
}
#nav li ul li {
	margin: 0;
	padding: 0 0 0 1em;
	text-align: left;
	width: 200px;
}
#nav li ul li a {
	background: #FFF;
	padding: .5em 0 .5em .5em;
	margin: 0;
	display: block;
	text-align: left;
	font-size: 90%;
}

/*-------------------------------- Global Classes -----------------------------*/

.clear {
	clear: both;
}
img a, a img {
	border: none;
}
a {
	outline: none;
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #ffb90c;
}
h1 {
	font: 18px Lucida Grande, Helvetica, Verdana, sans-serif;
	font-weight: 100;
}
.required {
	color: #FF0000;
}

/*------------------------------- Content ------------------------------------*/

#content {
	clear: both;
	margin-left: 95px;
	height: 530px;
	width: 750px;	position: relative;
	z-index: 1;
	background: transparent;
	text-align: center;
}
/*------------------------------- Overlay for Hover Zones ---------------------------*/

#zones {
	width: 750px;	height: 525px;	position: absolute;
	top: 80px;
	left: 185px;
	z-index: 1000;
}
#zones td {
	width: 375px;
	border: 1px solid transparent;
}
* html #zones td {
	width: 375px;
	border: none;
}
#zones td a {
	display: none;
	padding: 0 5px;
	margin: 0;
	z-index: 1001;
}
.rightz {
	text-align: right;
}
#internal {
	width: 750px;
	height: 525px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*-- Safari --*/
.left_zone {
	display: block;
	background: transparent;
	height: 525px;	width: 375px;
	position: absolute;
	top: 85px;
	left: 185px;
	z-index: 1000;
}
.right_zone {
	display: block;
	background: transparent;
	height: 525px;	width: 420px;
	position: absolute;
	top: 85px;
	left: 510px;
	z-index: 1000;
}
/*-- This resets the zones to keep the < and > in the correct spots --*/
.marker {
	display: inline;
	height: auto;
	width: auto;
	position: static;
}
#prev-arrow {
	position: absolute;
	top: 40%;
	left: 5px;
	display: none;
}
#next-arrow {
	position: absolute;
	top: 40%;
	right: 5px;
	display: none;
}
/*-------------------------------------- SlideShow ---------------------------*/
.gallery_container { 
		height: 525px;; 
    width:750px;;
    padding: 0;  
    margin:  0;  
} 
.gallery_container img {   
    width: 750px; 
    height: 525px;    top:  0; 
    left: 0
} 
/*-------------------------------------- Gallery ---------------------------------------*/
#slideshow img {
	display: none;
}
.gal_nav {
	position: relative;
	top: 2px;
}
#invisible {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
#copyright-fade {
	display: none;
	position: absolute;
	top: 200px;
	left: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 2001;
	color: #FFF;
	font-weight: bold;
	background: url('/theme/images/gradient.png') top left;
	padding: .5em;
}
#close-warn {
	color: #FCFCFC;
}
/*-------------------------------------- Pages ---------------------------------------*/
#page {
	padding-top: 0em;
	margin-left: 95px;
	background: #FFF;
	height: 530px;
}
#left_side {
	width: 375px;
	float: left;
	overflow: hidden;
}

#right_side {
	margin-left: 375px;
	width: 425px;
	line-height: 22px;
	text-align: left;
}
#right_side h1 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-size: 120%;
}

#page table td, #page table th {
	vertical-align: top;
	padding: .25em;
}
#page table th {
	font-weight: bold;
	font-size: 95%;
}
.about_page {
	padding-top: 1em;
}
#copy_state {
	padding-top: 4em;
	background: url('/theme/images/yellowdots.gif') top left no-repeat;
}
/*---------------------------- Contact Page ----------------------------------*/
#error_messages {
	list-style: none;
	margin: 0;
	padding: .25em 0 0 0;
}
#error_messages li {
	padding: 0;
	margin: 0;
	color: #FF0000;
	line-height: 16px;
}
.contact_page {
	padding-top: 165px;
}
/*---------------------------- Footer ---------------------------------------*/
#counter {
	font-weight: bold;
	padding: 0 20px 0 0;
	margin: 0;
	float: right;
	color: #ffb90c;
}
#page_id {
	font-weight: normal;
	letter-spacing: .05em;
	padding-right: .5em;
	color: #ffb90c;
}
#footer {
	clear: both;
	width: 955px;
	background: #5E5E5E;
	color: #CCC;
	margin: 0 auto;
	text-align: left;
}
#footer #phone {
	padding: 1em 0 0 20px;
	font-size: 110%;
}
#footer #copy {
	float: right;
	margin-top: -15px;
	text-align: right;
}