body, html {height: 100%;}

#outer {height: 100%; overflow: visible;} /* or without overflow */

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #010824;

}

.mainsection {

	padding-right: 0px;

	padding-left: 0px;

	vertical-align: top;

	text-align: left;

	width: 770px;

	background-color: #FFFFFF;

}

.leftcolumn {

	width: 210px;

	padding-top: 10px;

	padding-right: 10px;

	text-align: left;

	vertical-align: top;

}

.maintext {

	text-align: left;

	vertical-align: top;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #FFFFFF;

	line-height: normal;

	background-position: bottom right;

	background-repeat: no-repeat;

	background-image: url(images/watermark.gif);

	height: 250px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

.maintext h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #1E3C6F;

	border-bottom-color: #569AC1;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

.maintext h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #1E3C6F;

	text-align: left;

	border-left-color: #FF0000;

	border-left-style: solid;

	border-left-width: 2px;

	padding-left: 5px;

}

.maintext h3 {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #003872;

	border-bottom-color: #569AC1;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

#picbox {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #006633;

	float: right;

	margin-left: 5px;

	margin-bottom: 5px;

	width: 125px;

}

.redtext {

	font-style: italic;

	text-transform: uppercase;

	color: #FF0000;

	font-weight: bold;

}

.topbox {

	background-image: url(images/top.gif);

	height: 35px;

	width: 770px;

	background-repeat: no-repeat;

	background-position: top center;

}

.bottombox {

	background-image: url(images/bottom.gif);

	height: 50px;

	width: 770px;

	background-repeat: no-repeat;

	background-position: bottom center;

}

.leftshading {

	background-image: url(images/left.gif);

	background-repeat: repeat-y;

	background-position: 0px 0px;

	width: 20px;

}

.rightshading {



	background-image: url(images/right.gif);

	background-repeat: repeat-y;

	background-position: 0px 0px;

	width: 20px;

}

.topleftshading {



	background-image: url(images/topleft.gif);

	background-repeat: repeat-y;

	background-position: 0px 0px;

	width: 20px;

}

.toprightshading {





	background-image: url(images/topright.gif);

	background-repeat: repeat-y;

	background-position: 0px 0px;

	width: 20px;

}

#navigation {
	background-color: #003872;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;

}

#navigation a:link, a:visited, a:active {

	color: #FFFFFF;

	text-decoration: none;

	height: 14px;

	padding-top: 7px;

	padding-bottom: 8px;

	padding-right: 10px;

	padding-left: 10px;

}

#navigation a:hover {

	color: #FFFFFF;

	text-decoration: none;

	height: 14px;

	padding-top: 7px;

	padding-bottom: 8px;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #569AC1;

	background-image: url(images/navshade.gif);

	background-repeat: repeat-x;

	background-position: top;

}

.navigationbox {

	border-right-width: 1px;

	border-right-style: dashed;

	border-right-color: #569AC1;

}

#leftcolumn {

	float: left;

	width: 133px;

	margin-right: 10px;

	height: 325px;

	background-color: #1e3c6f;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: baseline;

}

.philosophy {

	text-align: left;

	vertical-align: top;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #FFFFFF;

	line-height: normal;

	background-position: top;

	background-image: url(images/topshade.gif);

	background-repeat: repeat-x;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

}

.philosophy h2 {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #1E3C6F;

	text-align: left;

	border-left-color: #FF0000;

	border-left-style: solid;

	border-left-width: 2px;

	padding-left: 5px;

}

.philosophy h1 {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #1E3C6F;

	border-bottom-color: #569AC1;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

.buttonstandard {



	color: #FFFFFF;

	text-decoration: none;

	height: 14px;

	padding-top: 7px;

	padding-bottom: 8px;

	padding-right: 10px;

	padding-left: 10px;

}

.buttonhover {



	color: #FFFFFF;

	text-decoration: none;

	height: 14px;

	padding-top: 7px;

	padding-bottom: 8px;

	padding-right: 10px;

	padding-left: 10px;

	background-color: #569AC1;

	background-image: url(images/navshade.gif);

	background-repeat: repeat-x;

	background-position: top;

	cursor: pointer;

}

.eqcreative {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003872;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	visibility: hidden;

}

.eqcreative a:link {

	font-weight: bold;

	color: #003872;

	text-decoration: none;

}

.eqcreative a:visited {

	font-weight: bold;

	color: #003872;

	text-decoration: none;

}

.eqcreative a:active {

	font-weight: bold;

	color: #003872;

	text-decoration: none;

}

.eqcreative a:hover {

	font-weight: bold;

	color: #003872;

	text-decoration: underline;

}

.lightblue {

	color: #61aac9;

}

#videobox {

	text-align: center;

	height: 280px;

}

.buttonanim {

	color: #FFFFFF;

	text-decoration: none;

	height: 14px;

	padding-top: 7px;

	padding-bottom: 8px;

	padding-right: 10px;

	padding-left: 10px;

	background-image: url(images/animbutton.gif);

	background-repeat: no-repeat;

	background-position: center center;

}

.flashcaption {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

}

.quotesection {

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #569AC1;

	border-bottom-color: #569AC1;

	color: #1E3C6F;

	font-style: italic;

	font-weight: bold;

	margin-left: 25px;

	font-size: 13px;

}

#franchiseanim {

	float: right;

	height: 155px;

	width: 275px;

	margin-left: 10px;

}

a:link {

	color: #569AC4;

	font-weight: bold;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #569AC4;

}

a:hover {
	text-decoration: underline;
	color: #569AC4;

}
#logoanim {
	height: 173px;
	width: 250px;
	margin-top: 33px;
}


a:active {

	text-decoration: none;

	color: #569AC4;

}#filmpreviews {

	height: 200px;

	width: 730px;

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

}

.maintext-large {

	text-align: left;

	vertical-align: top;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	background-color: #FFFFFF;

	line-height: normal;

	background-position: bottom right;

	background-repeat: no-repeat;

	background-image: url(images/watermark.gif);

	height: 250px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}
#videos202 {
	height: 520px;
	width: 730px;
}
.logo-left {
	float: left;
	padding-right: 30px;
}
.darkblue {
	color: #003872;
}