/*
	Eagle Video Production
*/

/* page reset */
body, h1, h2, h3, h4, h5, h6, ul, li, a, ol, table, p, tr, td, th, hr, img 
{
	padding:				0;
	margin:					0;
	border:					0;
	list-style:				none;
	text-decoration:		none;
}

/* page structure */
body
{
	background-color: black;
	background-image: url(body_bg.png);
	background-repeat: repeat-x;

	font-family: verdana, ariel, sans-serif, helvetica;
	font-size: 10pt;
	line-height: 1.3em;
}

#container
{
	width: 1200px;
	height: 1000px;
	padding-top: 100px;

	margin-left: auto;
	margin-right: auto;

	background-image: url(container_bg_larger.png);
	background-repeat: no-repeat;
}

#screen
{
	width: 968px;
	height: 629px;

	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;

	background-image: url(screen_bg.png);
	background-repeat: no-repeat;
}

#content_homepage
{
	width: 910px;
	height: 548px;
	margin-left: 35px;

	background-image: url(homepage_bg.png);
	background-repeat: no-repeat;
}

#content_portfolio
{
	width: 910px;
	height: 548px;
	margin-left: 35px;

	background-image: url(portfolio_contact_bg.png);
	background-repeat: no-repeat;
}

#content_contactus {
	width: 910px;
	height: 548px;
	margin-left: 35px;

	background-image: url(portfolio_contact_bg.png);
	background-repeat: no-repeat;
}

#masthead
{
	width: 481px;
	height: 58px;
	background-image: url(masthead2.png);
	background-repeat: no-repeat;
	margin-left: 34px;
	margin-top: -13px;
}

#mainmenu
{
	float: right;
	width: 350px;
	height: 28px;
	margin-top: -40px;
	margin-right: 20px;
}

/* homepage properties */
#content_homepage a {
	color: white;
	text-decoration: underline;
}

#content_homepage h2,
#content_homepage h3,
#content_homepage h4,
#content_homepage p,
#content_homepage ul
{
	width: 410px;
	padding-top: 10px;
	margin-left: 480px;
	
	color: white;
	font-family: 'verdana';

}

#content_homepage h2
{
	font-size: 14pt;
}

#content_homepage h4
{
	font-size: 10pt;
}

#content_homepage p
{
	font-size: 9pt;
}

.content_menu
{
	width: 410px;
	height: 20px;
	margin-top: 10px;
	padding-bottom: 8px;

	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.content_menu li
{
	float: left;
	clear: right;
	margin-left: 45px;
}

.content_menu li a
{
	text-decoration: none;
	color: white;
}

.content_menu li a:hover
{
	text-decoration: underline;
}

#content_homepage .prevpage
{	
	float: left;
	margin-top: 10px;
	margin-left: 480px;
	text-decoration: none;
	color: white;
}

#content_homepage .prevpage:hover 
{
	text-decoration: underline;
}

#content_homepage .nextpage
{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	text-decoration: none;
	color: white;
}

#content_homepage .nextpage:hover 
{
	text-decoration: underline;
}

/* portfolio page properties */
#video
{
	float: left;
	width: 900px;
	height: 370px;
}

#video h3
{
	width: 400px;
	margin-top: 20px;
	margin-left: 470px;

	color: white;
}

#content_portfolio .filmstrip
{
	float: left;
	clear: left;
	width: 900px;
	height: 150px;
}

#content_portfolio .carousel
{
	width: 900px;
	height: 143px;
}

#content_portfolio .previous
{
	float: left;
	width: 22px;
	height: 143px;
	background-image: url(filmstrip-prev.png);
	background-repeat: no-repeat;
}

#content_portfolio .next
{
	float: left;
	clear: right;
	width: 22px;
	height: 143px;
	background-image: url(filmstrip-next.png);
	background-repeat: no-repeat;
}

#content_portfolio .carousel_horizontal
{
	float: left;
	clear: right;
	min-width: 856px;
	height: 143px;
	background-image: url(filmstrip-bg.png);
	background-repeat: repeat-x;
}

#content_portfolio .carousel_horizontal li a
{
	float: left;
	clear: right:
	width: 115px;
	height: 85px;
	margin-top: 30px;
	margin-left: 5px;
	background-color: white;
	display: block;
}

#videocontainer {
	float: left;
	width: 400px;
	height: 370px;
	padding-top: 40px;
	padding-left: 65px;
}

#videocontainer-widescreen {
	float: left;
	width: 450px;
	height: 370px;
	padding-top: 40px;
	padding-left: 20px;
}

#videodescription h3 {
	margin-top: 20px;

	color: white;
}

#videodescription p {
	margin-top: 10px;
	margin-right: 20px;

	color: white;
}

#videodescription a {
	color: white;
	text-decoration: underline;
}

/* contactus properties */
#content_contactus .form {
	float: right;
	width: 400px;
	margin-top: 20px;
	margin-right: 20px;

	color: white;
}

#form-name,
#form-address,
#form-phone {
	width: 250px;
	margin-bottom: 5px;
}

#form-question {
	width: 250px;
	height: 300px;
	margin-bottom: 5px;
}

#form-submit {
	margin-left: 325px;
}

/* mainmenu properties */
#mm_welcome a
{
	float: left;
	width: 70px;
	height: 28px;
	background-image: url(mm_home.png);
	background-repeat: no-repeat;
}

#mm_welcome a:hover
{
	background-image: url(mm_home_lit.png);
	background-repeat: no-repeat;
}

#mm_welcome_lit a
{
	float: left;
	width: 70px;
	height: 28px;
	background-image: url(mm_home_lit.png);
	background-repeat: no-repeat;
}

#mm_portfolio a
{
	float: left;
	clear: right;
	width: 110px;
	height: 28px;
	margin-left: 30px;
	background-image: url(mm_portfolio.png);
	background-repeat: no-repeat;
}

#mm_portfolio a:hover
{
	background-image: url(mm_portfolio_lit.png);
	background-repeat: no-repeat;
}

#mm_portfolio_lit a
{
	float: left;
	clear: right;
	width: 110px;
	height: 28px;
	margin-left: 30px;
	background-image: url(mm_portfolio_lit.png);
	background-repeat: no-repeat;
}

#mm_contact a
{
	float: left;
	clear: right;
	width: 93px;
	height: 28px;
	margin-left: 30px;
	background-image: url(mm_contact_full.png);
	background-repeat: no-repeat;
}

#mm_contact a:hover
{
	background-image: url(mm_contact_full_lit.png);
	background-repeat: no-repeat;
}

#mm_contact_lit a
{
	float: left;
	clear: right;
	width: 93px;
	height: 28px;
	margin-left: 30px;
	background-image: url(mm_contact_full_lit.png);
	background-repeat: no-repeat;
}

/* global classes */
.hidden
{
	display: none;
}


/* post-deployment additions */

#why-videocontainer
{
	float: left;
	clear: left;
	width: 320px;
	height: 240px;
	margin-top: 250px;
	margin-left: 100px;
}