* 		{ margin:0; padding:0;}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background-color:#939598;
}

img				{ border:none;} 
img.float-right	{ float:right; margin:0 0 15px 15px}

p, .list, .people, td	{ color:#333; line-height:1.5em; font-size:1em;}
p				{ margin-bottom:1.1em; }

.list			{ margin:0 0 1.2em 1.5em; }
.list li 		{ padding:.2em 0;}
.list ul,
.list ol		{ margin-left:2em;}

a					{ color:#5d308b;}
a:hover				{ text-decoration:none;}
a:visited			{ color:#8056ac;}
a.action-button,
a.action-button:visited		{ background-color:#5d308b; color:#FFF; padding:4px 10px; text-decoration:none; font-size:1.3em; }
a.action-button:hover		{ background-color:#8056ac; }


h1							{ width:185px; height:120px; background:url('../images/layout/logo.png') no-repeat 0 0; display:block; text-indent:-999em; position:absolute; right:0; top:10px }
h1 span						{ text-indent:-999em; display:block; width:185px; height:120px; position:absolute; cursor:pointer; left:0; top:0; }
h2							{ font-size:1.7em; color:#9A2B5D; font-weight:normal; margin:0 0 .75em 0;  }
h3							{ font-size:1.3em; margin:0 0 .25em 0; font-weight:normal; color:#9A2B5D }
h4							{ text-transform:uppercase; font-size:.9em; margin:0 0 .15em 0; color:#9A2B5D; font-weight:bold}

p.subTitle					{ text-transform:uppercase; font-size:1.1em; margin-top:-15px}

/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-uppercase		{ text-transform:uppercase; }

.txt-red			{ color:red}
.txt-darkPurple		{ color:#5d308b}

hr					{ height:2px; border:none; background-color:#4c2376; margin-bottom:1em; }


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ margin:0 auto; width:910px; position:relative; text-align:left; background-color:#FFF; padding:0 25px; }
#header						{ position:relative; padding-top:140px; background:url('../images/layout/header.jpg') no-repeat 0 0; border-bottom:5px solid #dedfe0; }
#content					{ margin-top:25px; }
#col-subNav					{ float:left; width:185px; margin-right:30px; }
#col-content				{ float:left; width:480px; margin-right:30px; }
#col-promos					{ float:left; width:185px; }
#footer						{ padding:5px 10px 5px 310px; background:#4c2376 url('../images/layout/footer-logos.png') no-repeat 10px 10px; height:77px; }
#footer p					{ font-size:.8em; color:#FFF; margin:30px 0 0 0; }

div#dvd	a:link,
div#dvd	a:visited			{ color:#FFF; text-decoration:none; display:block; margin:20px 0; padding:5px 5px 5px 175px; width:225px; background:#5d308b url('../images/layout/dvd-grab.jpg') no-repeat 0 0 }
div#dvd	a span				{ display:block;}
div#dvd	a span.desc			{ font-size:.8em}
div#dvd	a span.play			{ font-size:1.4em; margin-top:5px;}
div#dvd	a:hover				{ background-color:#8056ac}

/* Col-promos */
/* ---------------------------- */
ul.promo-boxes				{}
ul.promo-boxes li			{ list-style:none; margin-bottom:15px; background-color:#dedfe0}
ul.promo-boxes p.title		{ background:url('../images/layout/bkgd-navigation.png') repeat-x 0 0; font-size:1.1em; color:#FFF; padding:5px 10px; border-bottom:1px solid #FFF; }
ul.promo-boxes p			{ color:#222; font-size:.9em; padding:5px 10px 10px 10px; margin-bottom:0;}


/* ---------------------------- */
/* LINKS */
/* ---------------------------- */
ul.links 					{ margin-bottom:1.5em}
ul.links li 				{ list-style:none; padding-top:15px; border-bottom:2px solid #5d308b }
ul.links li p				{ }


/* ---------------------------- */
/* MEET TEAM */
/* ---------------------------- */
ul.people 					{ }
ul.people li 				{ list-style:none; position:relative; margin-bottom:1.25em;}
ul.people li a				{ position:absolute; right:0; top:0; }


/* ---------------------------- */
/* CONTACT */
/* ---------------------------- */
ul#contact-logos					{}
ul#contact-logos li					{ float:left; margin-right:25px; display:block; width:135px; text-align:center}
ul#contact-logos li.last			{ margin-right:0; width:166px; }
ul#contact-logos li	img				{ margin-bottom:5px}
ul#contact-logos li p				{ font-size:1.3em; font-weight:bold}
ul#contact-logos li span			{ display:block; padding-bottom:2px}

/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#nav-container					{ background:url('../images/layout/bkgd-navigation.png') repeat-x 0 0; height:40px; } 
ul#nav 							{ padding-top:0px;}
ul#nav li 						{ list-style:none; float:left; position:relative }
ul#nav li.last					{ border:none;}
ul#nav li a						{ text-decoration:none; font-size:1.1em; color:#FFF; padding:7px 16px; display:block;}
ul#nav li a:hover,
ul#nav li.active a				{ background-color:#a95477; }

ul#nav ul						{ display:none; position:absolute; top:0; left:0; }
ul#nav ul li					{ float:left; }

/* Sub nav */
/* ---------------------------- */
#col-subNav ul#sub-nav					{ margin-bottom:20px}
#col-subNav ul#sub-nav li				{ list-style:none; border-bottom:1px solid #dedfe0;  }
#col-subNav	ul#sub-nav li.first			{ padding-bottom:5px; font-weight:bold; font-size:1.1em; color:#4f2678 }
#col-subNav	ul#sub-nav li a:link,
#col-subNav	ul#sub-nav li a:visited		{ text-decoration:none; font-size:1em; display:block; padding:5px 10px; }
#col-subNav	ul#sub-nav li a:hover,
#col-subNav	ul#sub-nav li.active a		{ background-color:#a95477; color:#FFF}


/* Footer-nav */
/* ---------------------------- */
#footer-nav						{ text-align:left; font-size:.8em; padding-bottom:35px; color:#263f60; z-index:9999999; position:absolute; top:60px; margin-left:35px }
#footer-nav ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #263f60; padding-left:10px;}
#footer-nav ul li.first			{ padding-left:0; border-left:none;}
#footer-nav ul li a				{ text-decoration:none; color:#263f60}
#footer-nav ul li a:hover		{ color:#FFF}


/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form				{}
form .clearerForm	{ clear:both; padding:3px 0px; vertical-align:top;}
form fieldset		{ margin-bottom:10px; border:none; /*background-color:#2aacdf; padding:5px 10px;*/ background-color:#263f60; padding:10px}
form label			{ width:90px; float:left; font-weight:bold; color:#FFF;}
form label.brochure	{ width:100%; margin-bottom:5px}

form select, form input, form textarea{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px;
	border:1px solid #003561;
	font-size:1em;
	width:215px;
}


/* Newsletter */
/* ---------------------------- */
li.newsletter form input			{ width:67.5%; margin:0 10px 10px 10px; font-size:.9em}
li.newsletter form input.submit		{ background-color:#F0F0F0; width:30px; margin:0 0 0 -10px; }


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
