/* Hides from IE Mac \*/
@media screen, projection {
/* End hide from IE Mac */


/*
.................................................
	Body
.................................................
*/

	body {
		background: #fff url(../images/bg_clouds.jpg) repeat 0 0;
	}

/*
.................................................
	Container
.................................................
*/

	#container {
	width: 800px;
	position: relative;
	background: #fff url(../images/container_bg.gif) repeat-y 0 0;
	text-align: left;
	margin: auto;
	padding: 0px;
	left: 2px;
	top: 0px;


	}

/*
.................................................
	Header
.................................................
*/
	
	#header {
	position: relative;
	background: #fff url(../images/header_bg.jpg) no-repeat 0 0;
	width: 800px;
	height: 174px;
	border-top: 4px solid #015b7e;
	z-index: 100;
	left: 0px;
	top: 0px;


	} 
	
	#header h1 {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 24px;
		left: 49px;
	}
	
	#header h2 {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 145px;
		left: 42px;
	}	
	
	#header #home {
		margin: 0;
		padding: 0;
		float: right;
		margin-top: 143px;
		padding-right: 20px;
	}	
	
	#header #home a, #header #home a:visited, #header #home a:hover {
		font-weight: normal;
	}		
	
	#header-bar { 
		background: #c9563a url(../images/header_bar.gif) repeat-x 0 0;
		width: 800px;
		height: 29px;		
		z-index: 501;
		clear: both;
	} 	 
	 
/*
.................................................
	Main Section
.................................................
*/

	#sidebar {
		float: right;
		display: inline;		
		background: #1d6d8c;
		width: 240px;
		margin: 0;
		padding: 0;
		border: none;	
	}	
	

	
	#mainbody {	
		float: right;	
		background: #fff;	
		width: 560px;
		margin: 0;
		margin-left: -240px;		
		padding: 0;
		border: none;	
	}
	
	#slideshow {	
		position: relative;
		background: #fff;	
		width: 560px;
		height: 238px;
		margin: 0;	
		padding: 0;
		border: none;	
		border-bottom: 8px #c9563a solid;		
	}
	
	
	.slide {	
		position: absolute;
		top: 0;
		left: 0;
		width: 560px;
		height: 238px;
		margin: 0;	
		padding: 0;
		border: none;	
	}
	
	#view-purchase {
		clear:left;
		position: relative;
		width: 100%;
		height: 86px;
	}
	
	#content {
		padding-left: 52px;
		margin-right: 50px;
		margin-bottom: 70px; 
		color: #015272; /*#545454;	*/	 
	}
	
	div#interfilm {
		position:absolute;
		left: 560px;
		bottom:220px;		
		margin: 0;
		padding: 0;
		padding-left: 23px;
		border-left: 8px solid #4a8aa3;
		background-color:transparent;
	}			

	img.left {
		float: left;
		margin: .5em 1.6em 1.6em 0;
	}
	
	#bulletincontainer {
		padding: 0;
		margin: 0;
		border-left: 8px solid #4a8aa3;
		background-color: transparent;
		padding-bottom: 100px;
	}
	
	div#bulletin {
		/*float: right;*/
		width: 194px; /*200px*/
		margin: 0 1.6em 1.6em 1em;
		padding: 4px;
		/*background: #ececec url(../images/bg_bulletin.jpg) repeat-y 0 0;*/		
		background-color:#e8f0f3; 
		color: #015272;
	}	
	
	div#bulletin p {
		border-top: 1px solid #7cb3c8;
		font-size: 1.1em;
		padding-top: .8em;
		padding-left: 1.2em;
		padding-right: 1.2em;  		
	}	
		
	div#bulletin a {
		border-bottom: 1px dashed #4a8aa3;
		font-weight: normal;
		text-decoration: none;		
	}
	
	div#bulletin a:hover {
		color: #e15731;
		background-color: #eeebd0;
		border-bottom: 1px dashed #4a8aa3;		
	}
	
	div#bulletin a.bold {
		font-weight: bold;	
	}	


/*
.................................................
	Story Section
.................................................
*/
	
	div.storypic {
		float: left;
		width: 219px; /*219px*/
		margin: .5em 1.6em 1.6em 0;
		padding: 1px;
		background-color:#c9563a;
	}
	
	  div.storypic p {
		text-align: center;
		font-size: 1.4em;
		font-weight: normal;
		line-height:1em;		
		margin: 0.25em 0 .5em;
		text-indent: 0;
	}
	
	div.storypic p a, div.storypic p a:link, div.storypic p a:hover {
		color: #fff;
	}

	p.quoted {
		font-size: 100%;
		font-size: .9em;
		font-weight: normal;
		margin-left: 2em;

	}

	#content #colbox {
		width: 100%;
		height: auto;
		margin: 4em 0 3em 0;
		padding: .5em;	
		border-top:4px solid #c9563a;		
	}
	
	#content #colbox .col {
		float: left;
		width:26%;
		background: #fff;
		font-size: .9em;
		font-weight: normal;
		line-height:1.4;		
		padding: .75em;
		margin-bottom: 3em;
		margin-right: 1em;	
		
	}
	
	#content #colbox h4 {
		font-weight: bold;
		font-style: normal;
		border: none;
		padding: 0;
		margin-bottom: .5em;
		
	}	

	.pagenav {
		width: 100%;
		height: 1.4em;
		font-size: 1.4em;
		/*
	background: #fff url(../images/feature_bg.jpg) repeat-x 0 0;
	*/
		margin: .75em 0 .75em 0;			
	}
	
	.pagenav a {
		width: 40%;
		float: left;
	}
	
	.pagenav .navright {
		float: right;
		text-align: right;
	}	
	
/*
.................................................
	Order and Watch Sections
.................................................
*/	

	.products, .feature {
		width: 100%;
		height: 4em;
		background: #fff url(../images/products_bg_blue.jpg) repeat-x 0 0;
		border: 1px #4a8aa3 solid;
	}

	.products {
		margin: 0.25em 0 1em;		
		padding: 1em 1em .75em;
	}
	
	.feature {
		margin: .75em 0 1em 0;
		padding: 1.2em 1em .75em;
		clear: left;			
	}	
	
	.products p, .feature p {
		margin: 0;
	}
	
	.products p.left {
		float: left;
		width: 80%;
		font-size: 1.4em;
		line-height:1.3;		
		margin: 0;
	}	
	
	.products p.right {		
		margin-top: 2px;
	}
	
	.normative {
		font-weight: normal;		
	}	
	
/*
	Paypal Buttons
*/	
	.products p.right form {
		margin: 0;
		padding: 0;
		border: 0;
		display: inline;
	}
	
	.feature .left {
		float: left;
		width: 220px;
		height: 32px;							
		background: transparent url(../images/btn_watch_now_monitor.gif) no-repeat 0 0;
	}
	
	.feature .left a, .feature .left a:visited, .feature .left a:hover {	
		font-size: 1.2em;
		margin: 8px 0px 8px 40px;
		text-decoration: underline;
	}
		
	.feature .smallprint, .products .smallprint {
		clear: left;
		font-size: 1em;
		font-weight: normal;		
	}
	
	.disclaimer {
		font-weight: normal;
		font-style: italic;			
	}	
	
	.notice {
		margin: 2em 0 1em;
		padding: .75em;
		background-color: #eeeeee;
		border: 1px #cecece dashed;	
	}
	
	#popupcontent{
		width:80%;
		background: #fff;
		margin: 1em;
		padding: 1em 4em 6em 4em;
		text-align: left;
	}

/*
.................................................
	Comments Section
.................................................
*/	
	
	h3.smaller {
		font-size: 2.0em;
		margin-bottom: 1em;
	}	

	#commentframe{		
		float: left;
		width: 458px;
		height: 700px;
		margin: 0;
		padding: 0;
		border: none;
		margin-left: 0;		
		margin-bottom: 20px;	
	}		

/*
.................................................
	Trailer section
.................................................
*/
	
	#trailerframe{		
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		margin-left: -10px;
		margin-bottom: .75em;	
	}	

/*
.................................................
	Footer and Copyright
.................................................
*/

	#footer {
		background: #015b7e url(../images/footer_acknowledgements.jpg) no-repeat 20px 30px;	
		margin: 0;
		padding: 0;
		width: 800px;
		height: 200px;
		color: #999;
		clear: both;
	}
	
	#footer a {
		font-weight: normal;
		color: #b7d2dd;
	}
	
	#footer p#utility {
		text-align: center;
		margin: auto;
		color: #b7d2dd;
		font-size: 1.1em;		
		margin: 0;
		padding: 110px 0 0 0;
	}
		
	#footer p#copy {
		text-align: center;
		margin: auto;
		color: #b7d2dd; /*#4a8aa3;*/
		font-size: 1.1em;		
		margin: 0;
		padding: 1.8em 0 0 0;
	}

	
/*
.................................................
	Misc good stuff
.................................................
*/

	.clr {
		clear: both;		
	}
	 
	.alert {
		color: #f33;
		font-weight: bold;
	}
	
	.smGrey {
		color: #969189;
		font-size: 10px;
	}	
	
	.white {
		color: #fff;
	}		
	
	.larger {	
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1.6
	}
	
	.no-wrap {
		white-space: nowrap;	
	}
	
	.select-hider {
		z-index: 1;
	}
		
	.print-hidden {
		visibility: visible;
	}
	
	.print-visible {
		display: none;
	}
	
	.elm-not-shown {
		display: none;		
	}
	
	select.hideClass {
		visibility: hidden;
		z-index: 1;
	}

	
/* Hides from IE Mac \*/
}
/* End hide from IE Mac */