/* CSS Document */




* {
	/* Turns off default padding and margins on ALL elements, including paragraphs (p) and headers (H1, H2, H3, etc.) */
	margin: 0;
	padding: 0;
	}
	
a, a:hover { 
	/* Turns off the automatically-generated line beneath every link.  To turn it back on, you will need to use the style "text-decoration: underline" or you can create a custom line using the "border-bottom" style */
	text-decoration: none;
	}

body {
	/* Styles the template's background colors and default fonts. */
	/* NOTE: "font-size" is set to 62.5% in order to change the default font from 16 pixels to 10 pixels (10 is 62.5% of 16).  In all of the secondary style sheets, you'll notice that font-size is determined by ems. So, for example, the main content is often displayed at 1.1em, which translates to 11 pixels (the default size, 10, multiplied by 1.1).  We use ems for a variety of reasons, the most important of which is that it allows font sizes to be customized by the user in Internet Explorer, thereby improving overall web accessibility */
	text-align: center;
	background: #00a4b5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fefefe;
	}
	
.skip {
	/* There is a "skip to main content" link in the template header that does not display in standard browsers. It is included for the benefit of seeing-impaired users who browse with text-reading devices */
	display: none;
	}


/* CONTENT */

#content-outer {
	/* Establishes the width of the Content area and styles it */
	
	background: #1a1a1a url(http://74.220.219.76/~coveryal/images/bg-arrows.jpg) center top repeat-x;
	}
	
#contentmyth-outer {
		background: #1a1a1a url(http://74.220.219.76/~coveryal/beyondthemyth/images/bg-iron.jpg) center top repeat-x;
		}	

#content-inner {
	background: transparent;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
	
	
#content-left {
	float:left;
	width:390px;
	}	
	

#content-right {
	float:left;
	width:539px;
	padding-left:11px;
	padding-right:0px;
	padding-top:25px;
	text-align:left;
	}		
	
#content-right p {
	color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.667em;
	margin-bottom:1.2em;
	}	
	
#content-right p.alt {
	padding-top: 15px;
	}	
	
#content-right p.cysummary {
	color:#cdcdcd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 25px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:50px;
	}	
	
#content-right h1 {
	color:#cdcdcd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	text-align:left;
	padding-left: 0px;
	margin-top: 15px;
	line-height: 2em;
	width: 500px;
	float: left;
	font-weight: lighter;
	padding-bottom:50px;
	}	
	
#content-right a {
	color:#00a4b5;
	text-decoration:none;
	}
	
	
#content-right a:hover {
	color:#00d2e6;
	} 	
	
#content-right ul {
	text-align:left;
	margin-top:1em;
	}
	
#content-right li {
	list-style-type:none;
	padding-left:15px;
	font-size:1.3em;
	line-height:1.667em;
	margin-bottom:1em;
	}	

	
	
/* MAIN INDEX CONTENT */

.cylogo {
	margin-top:50px;
	margin-left:0px;
	float:left;
	vertical-align:top;
	}
	
.cyslogan {
	margin-top:200px;
	}
	
.cysummary a {
	color:#00a4b5;
	text-decoration:none;
	float:right;
	text-align:left;
	}
	
.cysummary a:hover {
	color:#00d2e6;
	} 		
	
.headshot {
	margin-top:45px;
	margin-left: 30px;
	}
	
.title {
	margin-top:8px;
	margin-left: 30px;
	}	
	
.blue {
	color:#00a4b5;
	}	
		
		
/*INDEX NAV*/

#nav-outer {
	width:100%;
	height:25px;
	background:#5b1236;
	}
	
#nav-inner {
	margin: 0 auto;
	width:960px;
	color:#fefefe;
	}
	
#nav-inner ul {
	float:right;
	padding-top:3px;
	padding-right:25px;
	}
	
#nav-inner li {
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	font-size: 1.3em;
	color:#b8b8b8;
	letter-spacing:1px;
	}
	
#nav-inner a {
	text-decoration:none;
	color:#b8b8b8;
	}
	
#nav-inner a:hover {
	color:#ffffff;
	}
	
	
	
	
/*INDEX FOOTER*/

#footer-outer {
	width:100%;
	background:#00a4b5 url(http://74.220.219.76/~coveryal/images/bg-footer.jpg) center top repeat-x;
	}
	
#footer-inner {
	margin: 0 auto;
	width:960px;
	background:transparent;
	text-align:left;
	}	
	
#footer-inner a {
	text-decoration:none;
	color:#fefefe;
	}
	
#footer-inner a:hover {
	text-decoration:none;
	color:#5b1236;
	}		

	
.reelpic {
	padding:6px;
	background-color:#fefefe;
	margin-right:10px;
	margin-top:15px;
	margin-bottom: 25px;
	}	

.reeldesc {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fefefe;
	float:left;
	padding-right: 15px;
	padding-top: 130px;
	}
	
.contacttitle {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#fefefe;
	}
	
.contactinfo {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fefefe;
	padding-top: 10px;
	line-height: 1.667em;
	}	
		
.contactinfo a {
	text-decoration:none;
	color:#fefefe;
	}
	
.contactinfo a:hover {
	text-decoration:none;
	color:#5b1236;
	}
	
/* EXPANDY DIV */

#demoreel {
	background:#00a4b5;
	padding-left:125px;
	}
	
#demoreel p {
	text-align:left;
	color:#5b1236;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height: 1.667em;
	margin-bottom: 1.2em;
	}	

#films-left {
	float:left;
	display:inline;
	width:350px;
	margin-bottom: 50px;
	}
	
#films-left p {
	text-align:center;
	line-height:1.667em;
	margin-bottom:0px;
	color: #fefefe;
	}
	
#films-right {
	float:left;
	display:inline;
	width:350px;
	}	
	
	
#films-right p {
	text-align:center;
	line-height:1.667em;
	margin-bottom:0px;
	color: #fefefe;
	}	

.emphasis {
	color:#fefefe;
	}