* { margin: 0; padding: 0; }

/* Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode. */
body {
	background: #fff;
	color: #444;
	font: 13px/1.231 "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size:small;
	font:x-small;
	height:100%; 
	width:100%;
}
/* Bump up IE to get to 13px equivalent */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

.darkborders table { border-color: #777; }
.darkborders td { padding: 3px; border-bottom: solid 1px #999; }

/* - Header, Subheader - */
.header, h1 {
	color: #691B1B;
	font: bold 189% "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	width: auto;
	padding-left: 25px;
	}

.sectiontitle {
	color: #691B1B;
	font: bold 131% "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	margin: 12px 0 5px;
	padding: 0 0 5px 0;
	width: auto;
}

.subheader, h2 {
	color: #691B1B;
	font: bold 108% "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	margin: 5px 0 5px 0;
	padding: 0 0 0 2px; 
	width: auto;
	text-decoration: uppercase;
}

.headerside {
	color: #555;
	float: right;
	font: bold 100% "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	margin: 8px 0 0;
	padding: 0;
	width: auto;
	text-align: center;
}
.headerside span {
	font: normal 93% "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

.alertgreen {
	color: #484; 
	font: bold 93% Arial,Verdana,sans-serif;
}

.alertred {
	color: #F55;
	font: bold 93% Arial,Verdana,sans-serif;
}

/* - Main Link Styles - */
a, a:visited {
	color: #9A664A;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #3e4e74;
	font-weight: bold;
	text-decoration: none;
}


/* Page Layout */

#container { margin: 20px auto 0px; width: 825px; }
/* - Header  - */
#container #top { background: url(../assets/imgs/style/interior/top.gif) repeat-x top; height: 32px; width: 100%;	}
#container #top #tl { background: url(../assets/imgs/style/interior/tleft.gif) no-repeat top left; float: left;	height: 100%; width: 410px;	}
#container #top #tr { background: url(../assets/imgs/style/interior/tright.gif) no-repeat top right; float: right; height: 100%; width: 30px; }	

/* Title */
#container #titleMenu { width: 100%; top; background-color:#FFFFFF;}
#container #titleMenu #ls { background: url(../assets/imgs/style/interior/left.gif) repeat-y left; }
#container #titleMenu #ls #rs { background: url(../assets/imgs/style/interior/right.gif) repeat-y right; }
#container #titleMenu #ls #rs #ct { margin: 0 auto; padding: 0 25px 10px; width: 90%; text-align: left; height: auto; width:auto; }
#container #titleMenu #ls #rs #ma {padding: 0 13px; width: auto; } /* menu css located lower in sheet */	

/* - Main Content Area - */
#container #menushadow { background: url(../assets/imgs/style/interior/mainarea.jpg) repeat-x top;  }
#container #menushadow #leftside { background: url(../assets/imgs/style/interior/left.gif) repeat-y left; height:100%; }
#container #menushadow #leftside #rightside { background: url(../assets/imgs/style/interior/right.gif) repeat-y right; height:100%; }
#container #menushadow #leftside #rightside #menuarea { padding: 0 13px; width: auto; } 
#container #menushadow #leftside #rightside #content { margin: 0 auto; padding: 25px 0 10px; width: 90%; text-align: left;	}

/* - Bottom Area - */
#container #bottom { background: url(../assets/imgs/style/interior/bottom.gif) repeat-x bottom;	height: 34px; }
#container #bottom #bl { background: url(../assets/imgs/style/interior/bleft.gif) no-repeat bottom left; float: left; height: 100%; width: 30px; }
#container #bottom #br { background: url(../assets/imgs/style/interior/bright.gif) no-repeat bottom right; float: right; height: 100%; width: 30px; }	
		
/* - Container for Vertical Menu - */
#sidemenuname {
	color: #1A366A;
	font: bold 15px Arial, Helvetica, sans-serif;
	padding: 14px 0px 0px 8px;
	width: auto;
}

#sidemenu {
	border: none;
	float: right;
	padding-top: 45px;
	padding-right: 0px;
	text-align: left;
	width: 135px;
}



/* - Vertical Menu held in sidemenu container - */
#verticalmenu {
	font: normal 15px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
}
	#verticalmenu ul {
		border: none;
		list-style: none;
	}	
	#verticalmenu li {
		border-top: 2px solid #83a5f3;
		list-style: none;
		list-style-image: none;
	}
	#verticalmenu li a {
		color: #333;
		display: block;
		font-weight: bold;
		padding: 5px 5px 5px 5px;
		text-decoration: none;
		width: 100%;
	}
	html>body #verticalmenu li a {
		width: auto;
	}
	#verticalmenu li a:hover {
		background-color:#dae1f1;
		color: #555;
	}
	#verticalmenu li .selectpage{
		padding: 5px 5px 5px 5px;
		font-weight: bold;
		display: block;
		color: #999;
	}
	
/*  Animation Showcase objects */
#container #menushadow #leftside #rightside #content #reelMenu{
	max-width: 40%;
	float:left;
	font-size: 100%;
	font-weight:bold;
	min-height: 500px;
}

#container #menushadow #leftside #rightside #content #reelMenu .menuReel{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}

#container #menushadow #leftside #rightside #content #reelMovAndDescr{
	text-align:right;
	width:auto;
	padding-left: 10px
	padding-right: 15px;
	font-size:0.9em;
	min-height: 500px; /*set min height here for FF rendering compatability */
}
#container #menushadow #leftside #rightside #content #reelMovAndDescr #movdescr{
	
}

#container #menushadow #leftside #rightside #content #reelMenu .hoverReel{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#container #menushadow #leftside #rightside #content #reelMenu .selectReel{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	font-size: 115%;
	font-weight:bold;
}

.reelMenuText{
	vertical-align:bottom;
}

/* Content text */
#container #menushadow #leftside #rightside #content #text { text-align:center; font-size:120%; font-weight:bolder;	}
#container #menushadow #leftside #rightside #content #demoreel {padding-left:50px; cursor:default; }