/*
	-----------------------------------------------
		Master Screen Style
	-----------------------------------------------
		TerranceB.ca
		author:		Ryan Mayer
		date:		 	November 2007
	----------------------------------------------- 
*/

html, body {margin:0px; padding:0px; width:100%; height:100%;}
body {background:url(../img/bg2.jpg) 50% 0% no-repeat #333 scroll; font: 68% Arial, Helvetica, sans-serif; margin:0px; padding:0px;}


/* Structure Div's */
#container {width: 825px; margin: 0 auto 0 auto; padding: 0px; background: transparent 0 0;}
#flash_container {margin:0px; padding:0px; text-align:center;}/* Represents the container for the large flash on the "main" page */
#sitenav { width: 550px; height: 127px; margin: 0px auto;}
#header {width: 825px; height: 245px; margin:0px auto; padding:0px;}
#body {width: 825px; margin:0px auto; padding-top: 0px; padding-bottom: 0px; background: transparent 0 0 no-repeat; text-align:center;}
#footer {width: 738px; height:117px; text-align:center; margin:0px auto; padding-top:30px; background: transparent url(../img/bg_footer.jpg) 0 0 no-repeat; clear: both;}


/* Content Div's */
#colLeft {width:175px; margin:0px auto; padding:0px; background: transparent 0 0 no-repeat; float:left;}
#colMed {width:415px; margin:0px auto; padding:0px 30px 0px 30px; background: transparent 0 0 no-repeat; float:left;}
#colRight {width:175px; margin:0px auto; padding:0px; background: transparent 0 0 no-repeat; float:left;}


/* Typography */
h1 {font-size: 1.6em; text-align:left; text-decoration:none; color:#5e3c00; padding:0px; margin: 15px 0px 0px 0px;}
h2 {font-size: 1.1em; text-align:left; text-transform:uppercase; color:#b50c00; padding:0px; margin: 0px;}
h3 {font-size: 1.1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #5e3c00; padding:0px; margin: 0px 0px 5px 0px;}
h4 {font-size: 1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #585842; padding:0px; margin: 15px 0px 0px 0px;}
p {background: transparent; color: #ccc;text-align: left; line-height: 1.5em; font-size: 1.2em; margin:0px; padding-bottom:10px;} 
#footer p {background: transparent; color: #7b7b7b; text-decoration: none; text-align: center; font-size: .9em; line-height:1.3em; margin:0px;} 
.listTitle {list-style-type:none; margin: 20px 0px 0px -25px; padding: 0px; text-transform:uppercase; font-weight:bold; color:#2f2f2f}
.description {list-style-type:none; margin:0px 20px 0px -15px; color:#2f2f2f; line-height: 1.2em; font-size:.95em}
#testimonial {background: url(../img/icn_open.gif) 0 0 no-repeat; margin-top:100px; padding:10px 0px 10px 0px;}
.quote {background: url(../img/icn_closed.gif) 100% 100% no-repeat;color: #2f2f2f;text-align: left; font-style:italic; font-size: 1.3em; margin:0px; padding:0px;}
.quoteCredit {background: transparent 0% 0% no-repeat; color: #2f2f2f;text-align: right; line-height: 1.5em; font-weight:bold; font-size: 1.1em; margin:0px; padding:20px 0px 10px 0px;} 
#body .Listing {margin:10px 0px 15px 0px; padding:0px; background: transparent;}  
#body .Listing p.headline {font-size: 1.1em; color: #303e27; text-transform:uppercase; margin:0px 10px 0px 50px; padding:0px;}
#body .Listing p.subheadline {font-size: .95em; font-weight:bold; color: #5e3c00; text-transform:uppercase; margin:0px 10px 0px 50px; padding:0px; text-align:right; display:block; border-bottom: 1px dotted #cd9109;}
#body .Listing p {font-size: 1em; line-height: 1.2em; color: #5e3c00; text-align: left; margin:0px 40px 5px 50px;}
ul, ol {background: transparent; color: #2f2f2f; text-align: left; font-size: 1.1em; margin:15px; padding-bottom:10px;} 
li {margin:1px;}
/* #footer p {background: transparent; color: #6a5421; text-decoration: none; text-align: center; font-size: .9em; line-height:1.3em; margin:0px;}  */


/* Links */
a:link {color: #fff; text-decoration: none; font-weight:bold; padding: 0px 2px 0px 2px;}
a:visited {color: #fff; text-decoration: none; font-weight:bold;padding: 0px 2px 0px 2px;}
a:hover {color: #fff; font-weight:bold; text-decoration: underline;}
a.download_btn {display: block; margin:0px auto; width: 156px; height: 27px; background: transparent url(../img/btn_freemp3.jpg) 0px 0px no-repeat;}
a.download_btn:hover {background: transparent url(../img/btn_freemp3.jpg) 0px -27px no-repeat;}
#footer a:link {color: #7b7b7b; text-decoration: none;}
#footer a:visited {color: #7b7b7b; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}

a.logo_btn {display: block; margin:0px 0px 0px 165px; width: 64px; height: 95px; background: transparent url(../img/logo.jpg) 0px 0px no-repeat; float:left;}
a.entertainer_btn {display: block; margin:0px auto; width: 19px; height: 95px; background: transparent url(../img/btn_entertainer.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.entertainer_btn:hover {background: transparent url(../img/btn_entertainer.jpg) 0px -95px no-repeat;}
a.motivator_btn {display: block; margin:0px auto; width: 23px; height: 95px; background: transparent url(../img/btn_motivator.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.motivator_btn:hover {background: transparent url(../img/btn_motivator.jpg) 0px -95px no-repeat;}
a.facilitator_btn {display: block; margin:0px auto; width: 19px; height: 95px; background: transparent url(../img/btn_facilitator.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.facilitator_btn:hover {background: transparent url(../img/btn_facilitator.jpg) 0px -95px no-repeat;}
a.about_btn {display: block; margin:0px auto; width: 98px; height: 21px; background: transparent url(../img/btn_about.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.about_btn:hover {background: transparent url(../img/btn_about.jpg) 0px -21px no-repeat;}
a.shows_btn {display: block; margin:0px auto; width: 65px; height: 21px; background: transparent url(../img/btn_shows.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.shows_btn:hover {background: transparent url(../img/btn_shows.jpg) 0px -21px no-repeat;}
a.products_btn {display: block; margin:0px auto; width: 83px; height: 21px; background: transparent url(../img/btn_products.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.products_btn:hover {background: transparent url(../img/btn_products.jpg) 0px -21px no-repeat;}
a.photosvids_btn {display: block; margin:0px auto; width: 111px; height: 21px; background: transparent url(../img/btn_photosvids.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.photosvids_btn:hover {background: transparent url(../img/btn_photosvids.jpg) 0px -21px no-repeat;}
a.hypno_btn {display: block; margin:0px auto; width: 125px; height: 21px; background: transparent url(../img/btn_hypno.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.hypno_btn:hover {background: transparent url(../img/btn_hypno.jpg) 0px -21px no-repeat;}

a.about2_btn {display: block; margin:0px auto; width: 98px; height: 21px; background: transparent url(../img/btn_about2.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.about2_btn:hover {background: transparent url(../img/btn_about2.jpg) 0px -21px no-repeat;}
a.shows2_btn {display: block; margin:0px auto; width: 65px; height: 21px; background: transparent url(../img/btn_shows2.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.shows2_btn:hover {background: transparent url(../img/btn_shows2.jpg) 0px -21px no-repeat;}
a.products2_btn {display: block; margin:0px auto; width: 83px; height: 21px; background: transparent url(../img/btn_products2.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.products2_btn:hover {background: transparent url(../img/btn_products2.jpg) 0px -21px no-repeat;}
a.photosvids2_btn {display: block; margin:0px auto; width: 111px; height: 21px; background: transparent url(../img/btn_photosvids2.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.photosvids2_btn:hover {background: transparent url(../img/btn_photosvids2.jpg) 0px -21px no-repeat;}
a.hypno2_btn {display: block; margin:0px auto; width: 125px; height: 21px; background: transparent url(../img/btn_hypno2.jpg) 0px 0px no-repeat; float:left; /*border:1px solid #00FF00;*/}
a.hypno2_btn:hover {background: transparent url(../img/btn_hypno2.jpg) 0px -21px no-repeat;}


/* Form styles */
p.legend {margin-bottom: 1em;}
p.legend em {color: #C00;	font-style: normal;}
div.errors {margin: 0 0 10px 0;	padding: 5px 10px;	border: #FC6 1px solid;	background-color: #FFC;}
div.errors p {margin: 0;}
div.errors p em {color: #2f2f2f;	font-style: normal; font-weight: bold;}
div.form-container form p {margin: 0;}
div.form-container form p.note {margin-left: 180px;	font-size: 90%;	color: #333;}
div.form-container form fieldset {margin: 20px 0;padding: 10px; border: #cd9109 1px solid;}
div.form-container form legend {font-size: 1.2em; font-weight: bold; color: #333; text-transform:uppercase;}
div.form-container form fieldset div {padding: 0.25em;}

.underline {border-top: 1px dotted #cd9109; /* height:80px; */}
.center {text-align:center}

div.form-container label, div.form-container span.label {margin-right: 10px; padding-right: 10px;	width: 150px;	display: block; float: left; text-align: right;	position: relative; border:1px solid #00CC00;}
div.form-container label.error, div.form-container span.error {color: #C00;}
div.form-container label em, div.form-container span.label em {position: absolute;	right: 0;	font-size: 120%;	font-style: normal;	color: #C00;}	

div.form-container label.wide, div.form-container span.label.wide {margin-right: 10px; padding-right: 10px;	width: 150px;	display: block; float: left; text-align: right;	position: relative; border:1px solid #00CC00;}
div.form-container label.cd, div.form-container span.label.cd {margin: 0px; padding: 0px;	width: 75px;	display: block; float: left; position: relative; border:1px solid #00CC00;}	

input, textarea, select {color:#2f2f2f; font-weight: bold; font: 1em Arial, Helvetica, sans-serif; margin:0px 0px 3px 3px; padding:4px 0px 0px 0px; background-color: #f8b80e; border: solid 1px #cd9109;}

div.form-container input.error {border-color: #C00;background-color: #FEF;}
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {background-color: #FFC;border-color: #FC6;}
div.form-container div.controlset label, div.form-container div.controlset input {display: inline;float: none;}
div.form-container div.controlset div {margin-left: 170px;}
div.form-container div.buttonrow {margin-left: 180px;}


/* Photos */
#main-content li{
width:80px;
border:solid #2f2f2f 0px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
background:#333; padding:10px 14px 10px 10px; text-align:center; position:relative; float:left; display:inline; margin:1px;}

#fullplate-navigation{list-style:none; margin:5px 0 0 45px;}
#fullplate-navigation li {display:block;float:left; width:100px; height:25px; background-color: transparent; text-align:center;}
#fullplate-navigation li a{display:block;width:90px;padding:10px; color:#333;}
#fullplate-navigation li a:hover{color:#FFF;} 
#fullplate-photo{border:solid #EEE 0px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#333; padding:5px 15px 15px 15px; margin:0 auto; width:400px;}
#fullplate-photo h2{margin:15px 5px; color: #EEE; text-transform:none;}

#previous{text-align:center;}
#next{text-align:center;}

a.nav {color:#999; text-align:center; height:15px;}
a.nav:hover {color:#FFF; text-align:center;}

#main-content .nav {width: 400px; text-align:center;}
#main-content .nav li {width: 100px; /*background:transparent;*/}

#main-content  a span{position:absolute; left:-9999px;}
#main-content a:hover span{top:8px; left:6px; width:90px; font-weight:bold; background:#333; color:#999; padding:3px 0px 3px 0px; text-transform:uppercase; font-size:.8em; border:0px solid #000; filter: alpha(opacity=100);
/*-moz-opacity:.8;
		opacity:.80;*/
} 

#main-content img{	border:1px solid #EEE;
	/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

/* Images */
.photo {margin: 10px; padding:5px; background-color:#ccc;}

/* Helpers */
.clear {clear: both;}
.right {text-align: right;}
.asterisk {color:#ff0000; font:1.3em Arial, Helvetica, sans-serif;}