@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;} 

html, body {height:100%;padding:0px;margin:0;}

html{background-color:#ffffff;}

body{
	font:14px/1.1 "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	background-color:#ffffff;
	color:#ffffff;
	height:100%;
}

p {text-align:justify;margin:0 0 10px 0;font:17px/1.2 "Palatino Linotype", "Book Antiqua", Palatino, serif;color:#ffffff;}

a {color:#ee6400;text-decoration:none;}
a:hover, a:active {text-decoration: underline;}

img {border:none; padding-bottom:10px;}

h1{font:bold 36px/1.1 "Palatino Linotype", "Book Antiqua", Palatino, serif; padding-bottom:15px;}
h2{font:bold 28px/1.1 "Palatino Linotype", "Book Antiqua", Palatino, serif;}
h3{font:bold 18px/1.1 "Palatino Linotype", "Book Antiqua", Palatino, serif;}

#header {z-index:9999;}
#header img {height:228px; width:1024px; z-index:9999;padding:0; margin:0;float:left;}

#homeCycle {margin:0;padding:0;border:0;z-index:10;}
#cycle {position:relative;height:228px;z-index:10;padding:0;}

#slideshow {width:530px;margin:0;padding:0;position:absolute;top:0px;right:0px;overflow:hidden;z-index:50;float:right;}
#slideshow img {display:none;padding:0;margin:0;width:530px;height:228px}
#slideshow img.first {display:block;}
#slideshow .top {z-index:200;}

#quote {width:530px;height:40px;position:relative;bottom:40px;left:0;padding:0 10px 0 0;margin:0 0 -40px 0;z-index:100;overflow:hidden;float:right;background-image:url('images/TM_QuoteBG.png');}
#quote p {display:none; text-align:right; line-height:1;float:right;}
#quote p.first {width:525px;display:block;height:35px;font-size:20px;padding:5px;color:#ee6400; font-weight:bolder;float:right;}
#quote p.first .source {font-size:12px;text-align:right;color:#ffffff;float:right;}
#quote p.quote {width:525px;height:35px;font-size:20px;padding:5px;color:#ee6400; font-weight:bolder;float:right;}
#quote p.quote .source {font-size:12px;text-align:right;color:#ffffff;float:right;}

#billing {padding-bottom:15px;}
#billing p{text-align:center; font-size:16px;}

.center {text-align:center;}
.link1 {font-size:17px;color:#ffffff;}
.link1 strong {color:#ee6400;}
.orange {color:#ee6400;}
.audio {padding-bottom:10px;}

.cast {clear:both;font-size:10px;padding-top:10px;}
.cast img {float:left; padding:0px; margin-right:5px; border:3px solid #403526;}
.cast h3 {font-size:16px;}
.cast p {font-size:12px; width:320px; float:right;}
.cast strong {color:#ee6400;}

.castNoFace {clear:both;font-size:10px;padding-top:10px;}
.castNoFace h3 {font-size:16px;}
.castNoFace p {font-size:12px;}
.castNoFace strong {color:#ee6400;}

.reviews {color:#ffffff;font-size:20px;padding:0px;margin:0px;line-height:1.1;text-align:left;}
.reviews em {color:#ee6400;font-size:16px;}

#container{width:1024px;margin:0 auto;min-height:100%;text-align:left;position:relative;background-color:#604c2e;}

#header {width:1024px;height:228px;margin:0 auto;}

#nav {background-color:#000000; width:1024px; height:39px; clear:both; display:block;}
#nav li {float:right;display:inline;list-style-type:none;padding:0x;}

.replace {position:relative;margin:0px;padding:0px;overflow:hidden;list-style:none;display:block;}

#nav-home a {text-indent:-9999px;;display:block;height:39px
;width:95px;background:transparent url('images/MagdaleneHome.jpg') no-repeat 0 0;}
#nav-about a {text-indent:-9999px;display:block;height:39px
;width:94px;background:transparent url('images/MagdaleneAbout.jpg') no-repeat 0 0;}
#nav-cast a {text-indent:-9999px;display:block;height:39px
;width:189px;background:transparent url('images/MagdaleneCast.jpg') no-repeat 0 0;}
#nav-press a {text-indent:-9999px;display:block;height:39px
;width:80px;background:transparent url('images/MagdalenePress.jpg') no-repeat 0 0;}
#nav-media a {text-indent:-9999px;display:block;height:39px
;width:85px;background:transparent url('images/MagdaleneMedia.jpg') no-repeat 0 0;}
#nav-tickets a {text-indent:-9999px;display:block;height:39px
;width:155px;background:transparent url('images/MagdaleneTickets.jpg') no-repeat 0 0;}

#nav-home a:hover,#nav-home a:active,#nav-home.active a {background-position:0 -39px;}
#nav-about a:hover,#nav-about a:active,#nav-about.active a {background-position:0 -39px;}
#nav-cast a:hover,#nav-cast a:active,#nav-cast.active a {background-position:0 -39px;}
#nav-press a:hover,#nav-press a:active,#nav-press.active a {background-position:0 -39px;}
#nav-media a:hover,#nav-media a:active,#nav-media.active a {background-position:0 -39px;}
#nav-tickets a:hover,#nav-tickets a:active,#nav-tickets.active a {background-position:0 -39px;}

#wrapper { background-color:#604c2e;padding:0 0 24px 0;margin:0; height:100%; width:1024px; overflow:auto;}

#leftCol { background-color:#403526; width:220px; height:auto; float:left; padding:10px 0; margin:10px;}
#leftCol img{padding-bottom:15px;}

#main {padding:0 10px 10px 0; margin: 10px 0 0 0; width:482px; float:left; min-height:500px; height:auto;border-right:2px solid #403526;}

#rightCol {width:270px; height:auto; float:right; text-align:center; margin:10px 10px 0 0; padding: 0 0 30px 10px}

#footer {background: transparent url('images/MagdaleneFooter.gif') repeat-x 0 0; width:1024px; height:24px; position:relative; clear:both; padding:0; margin:-24px auto 0 auto; overflow:hidden;}
#footer img{float:right;margin:4px 3px 0 0;}
#footer p {font:small-caps 10px/1.1 "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align:center; float:left; margin:7px 0 0 5px;}


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}