html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5em; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
a img { border: none; } *:focus {outline: none;}
html { font-size:75%; height: 100%;}
html>body { font-size: 12px; }

body { 
	color: #333333;
	height:101%;
	min-width:640px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.clear {display: block; clear: both; margin: 0 15px; padding: 0 5px; height: 0;}
.border {display: block; clear: both; margin: 0; padding: 0; height: 20px;}

#error {width: 470px; margin: 100px auto; padding: 15px 0; text-align: center; background: #e4e4e4; }



#layout {
	width: 930px; 
	margin: 0 auto; 
	padding: 0 0px;
	min-height: 100%;
	background: url('../../_graphics/backgroundtrans.png') center top repeat-y;
	background: url('../../_graphics/backgroundtrans.png') center top repeat-y, url('../../_graphics/Fade-left.png') left top repeat-y, url('../../_graphics/Fade-right.png') right top repeat-y;

	}

.home {}

#content_left {
	width: 510px; 
	min-height:95%; 
	float:left;
	margin-left:25px;
	padding-left: 10px;
	min-height: 600px;
	}
#content {
	clear:left;
	margin: 10px 5px;

	}
#content_right {
	width: 340px; 
	min-height:95%; 
	float:right;
	margin-right:30px;
	}
#wrapper {
	min-height:100%;
	}
#constantContact{}

/* Links
-------------------------------------------------------------- */
a:link {color:#62347d; text-decoration: none;}
a:visited {color:#62347d; text-decoration: none;}
a:hover {color:#91b101; text-decoration: underline;}
a:active {color:#91b101; text-decoration: underline;}

a:link.inline {}
a:visited.inline {}
a:hover.inline {}
a:active.inline {}

a.pre {text-transform: none;}
a.pre:hover {text-transform: none;}

div.link-item {margin-bottom: 10px;}
.link-item a {font-size:1.3em}
/* Headings
-------------------------------------------------------------- */
h1,h2, h3, h4 { line-height: 1.25em;}

h1 { font-size: 1.75em; color: #62347d; text-transform: uppercase; padding-bottom:10px; }
h2 { font-size: 1.25em; color: #62347d; text-transform: uppercase; margin-bottom:5px;}
h3 { font-size: 1.75em; color: #333333; text-transform: uppercase; padding-bottom:10px; }
h4 { font-size: 1.5em;}
h5,h6 { font-size: 1.35em;}

#content_left h2{
	}
#content_right h2{
	font-size:1.15em;
	color:#333333;
	}
	
/* Text elements
-------------------------------------------------------------- */
p {margin: 0 0 20px 0; font-size:1.15em; }
.siblings {text-align: center;}
.back{text-align: center;}
.footer {font-style: italic; font-size: .8em;}

p.error { color: #FF0000;}

p.caption{
	font-size: .65em;
	text-align:right;
	margin-right: 10px;
	margin-bottom: 5px;
	}
	
b {font-weight: bold;}
i {font-style: italic;}

/* Lists
-------------------------------------------------------------- */
ol {margin: 10px 20px 20px 20px;}
.decimal li {list-style-type: decimal;}
.upperalpha li {list-style-type: upper-alpha;}
.loweralpha li {list-style-type: lower-alpha;}
.upperroman li {list-style-type: upper-roman;}
.lowerroman li {list-style-type: lower-roman;}
.lowergreek li {list-style-type: lower-greek;}

.inlinelist		{list-style: square; margin:-10px 55px 15px 55px;}
.inlinelist li	{color: #62347d; padding: 3px;}
span.listtext	{color: #333333;}

ul li {}
ul li ul {margin: 0 0 0 15px;}
ul li ul li {}
ul li ul li ul {margin: 0 0 0 15px;}

ul li ul li ul li {}

/* Spans
-------------------------------------------------------------- */
blockquote {}
hr {height: 1px; width: 100%; color: #333333; background-color: #333333;text-align: center;}

iframe {width: 100%; clear: both;}
iframe.useCss {width: 690px; height: 650px; }


/* Sets header container width, background and home logo link
-------------------------------------------------------------- */
#header {
	height:75px;
	width:510px;
	margin:20px 0 15px 0;
	}
	
#logo {
	display: inline-block;
	float:left;
	width: 510px;
	height: 75px;
	background-image: url(../../_graphics/serena-bass-logo.png);
	background-origin: content;
	background-size: 100%;
	}

#logo a{
	display: block;
	width:510px;
	height:75px;
	}


/* Drop Down Menu
-------------------------------------------------------------- */
#menu li a:link {color:#333333; text-decoration: none;}
#menu li a:visited {color:#333333; text-decoration: none;}
#menu li:hover {color:#62347d; text-decoration: none; background-color: #fff;}
#menu li a:active {color:#62347d;}

#menu li ul li a {height:100%; width:100%; display:block;}
#menu li ul li a span {color: #333333;height:100%; width:100%; display:block;}
#menu li ul li a span:hover {color:#fff;}

#menu {
	position:relative;
	z-index:100;
	height: 26px;
	border-top: solid 1px #62347d;
	border-bottom: solid 1px #62347d;
	margin-bottom: 20px;
	}

#menu li {
	text-align: center; 
	text-transform: uppercase;
	float: left;
	padding: 4px 10px;
	width:82px;
	}


#menu li ul {
	z-index:1;
	background-color: #fff;
	position:absolute;
	top: 26px;
	margin-left: -10px;
	display: none;
	width:102px;

	}


	
#menu li ul li {
	text-align: center;
	width: 82px; 
	float: none;
	margin:0;
	}
	
#menu li ul li:hover {
	background-color: #91b101;
	color:#fff;
	}

/* Documents
-------------------------------------------------------------- */
.document {margin: 15px 0;}
.document .details a {font-size: 1.1em;}
.document .details-image a {font-size: 1.1em;}

.document h2 {font-size: 1.2em; display: inline; color: #333333;}
.document h2:after {content:': ';}

.document .description {}
.document .thumb {}

/* Default Module Box
-------------------------------------------------------------- */
.module {}
.module .link {margin-bottom: 15px;}

.module h2 {}

.module p {}
.module .description {}
.module .artist {}

.module .thumb {float: left;}

.module .details {width: auto; float: none;}
.module .details-image {width: 350px; }

.module object {}
.module object embed {width: 415px; height: 255px; margin: 0 0 15px 0;}

.quote {padding: 0 10px; text-align: centered; margin-bottom: 0px; font-style: italic;}
.author {text-align: right; padding-right:10px;}

form {}
div.form {}
div.form h3 { font-size: 1.25em; color: #62347d; text-transform: uppercase; }

div.buy_now_buttons form {background: #fff;}

fieldset {border: 0; width: 430px;}
fieldset.submit {text-align: right; padding:6px;}
legend {}

form ol {padding: 15px 0 0 0; margin: 0; }
form ol li {padding: 5px 0; }

form ol li strong {
float: right;
display: block;
font-weight: normal;
color:#62347d;
padding-bottom: 10px;
border: 1px solid #333333;
}

label {    
float: left;    
width: 120px;    
text-align: right;   
margin-right: 1em;
}   

label.required:after {
content: "*";
}

input[type=image] {   
padding:6px;
}   


input[type=text] {   
height: 14px; 
width: 280px;    
padding:6px;
border: solid 1px #333333; 
color:#333333;
}   

input.submit {
height:26px;
line-height:26px;
width:auto;
}

textarea {
rows:10;
cols:10;
width: 280px;    
height: 150px;
border: solid 1px #333333; 
color:#333333;
padding:6px;
overflow:hidden; 
}          
	
button {}

/* Page Footer
-------------------------------------------------------------- */
#footer { 
	font-size: .9em; 
	text-align: left;
	height: 20px;
	width: 870px;
	margin: 0 40px;
	clear: both;
	}
	

/* Image Gallery (jquery.cycle.all.min.js ) maxwidth set in image_display.cfc
-------------------------------------------------------------- */
#content_gallery {
	margin: 0 35px;
	float:left;
	min-height: 650px;
	width:855px;
	text-align:center;
	display:block;
	}
#content_gallery #header #logo {
	margin: 0 33%;
	}
#content_gallery #nav_main ul#menu{
	padding-left: 20%;
	}
#gallery {
	clear:both;
	z-index: 0;
	height: auto;
	width: 700px;
	margin:0 auto;
	text-align:center;
	float:left;
	}
#gallery .gallery{
	width: 100%;
	float:none;
	text-align:center;
	margin:0 auto;
	padding-left:10%;
	}

#gallery_info {
	margin: 0 35px;
	float:left;
	width:855px;
	text-align:center;
	clear:both;
	}

#gallery-thumbs {display:block;margin: 0 auto; width: 125px; float:right;}
#gallery-thumbs li {margin:0 10px 10px 0; float: left; width: 50px; height: 50px; overflow: hidden;}
#gallery-thumbs a {display: block; width: 50px; height: 50px;}
#gallery-thumbs img {position: relative;height:100px;}




#image-gallery{
	clear:both;
	z-index: 0;
	text-align: center;
	}
#image-gallery .gallery {width: 50%; margin:0 0 15px}
#image-gallery .gallery img {height: auto; width: auto;}
#image-gallery .gallery-nav-prev {float:left;}