/*
Advanced Visual Media, Inc.
www.avmfilms.net
*/


/* This prevents the background image from shifting
-------------------------------------------------------------------------------*/
html { 
	min-height: 100%; 
	margin-bottom: 1px; 
	}


/* Body
-------------------------------------------------------------------------------*/
body { 
	margin: 0 0 0 0; 
	padding: 0; 
	color:#FFF;   
	background: #282a2c url(../images/bg-gradient.jpg) repeat-x;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #737373;
	}
	
/* Wrapper
-------------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto; /* auto centers div */
	overflow: hidden;
	width: 770px;
	}
	
/* Feature film on homepage
-------------------------------------------------------------------------------*/
#featurefilm {
	width: 770px;
	height: 344px;
	margin: -20px 0 0 0;
	padding: 0;
	background: url(../images/bg-featurefilm.jpg) no-repeat;
	}

#featuretrailer {
	width: 415px;
	float: right;
	margin: 0;
	padding: 32px 35px 0px 25px;
	}


/* Featured "in development" films on homepage & News
-------------------------------------------------------------------------------*/	
#bottombox {
	width: 770px;
	height: 179px;
	margin: -19px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../images/bg-botbox.jpg) no-repeat;
	}
	
#indev {
	float: left;
	width: 420px;
	height: 138px;
	margin: 0;
	padding: 19px 0 0 30px;
	overflow: hidden;
	/*background-color: #333333;*/
	}
	
#news {
	float: right;
	height: 130px;
	width: 238px;
	margin: 14px 0 0 462px;
	#margin: 14px 0 0 12px;
	padding: 0 30px 0 15px;
	line-height: 12px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	}


/* Featured Projects (ALL)
-------------------------------------------------------------------------------*/		
#bottombox-all {
	width: 770px;
	height: 179px;
	margin: -10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../images/bg-botbox2.jpg) no-repeat;
	}


/* Header
-------------------------------------------------------------------------------*/	
#header {
	height: 77px;
	margin: 0;
	padding: 27px 10px 0 10px; /* T R B L */
	}
	
/* Logo (inside Header div) */	
#logo {
	width: 186px;
	height: 50px;
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
	}
	
/* Main Menu (inside Header div)
-------------------------------------------------------------------------------*/	
#menu {
	width: 474px;
	height:25px;
	float: right;
	margin-top: 25px;
	padding: 0 8px 0 0;
}

ul#nav {
	position:absolute;
	width: 474px;
	height:25px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	background: transparent url(../images/menu.gif) no-repeat 0 -50px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(../images/menu.gif) no-repeat;
	}

/* Dimensions of menu items */
li#nav-home a {
	width:61px;
	height:25px;
	}
li#nav-projects a {
	width:119px;
	height:25px;
	}
li#nav-news a {
	width:92px;
	height:25px;
	}	 
li#nav-about a {
	width:122px;
	height:25px;
	}
li#nav-contact a {
	width:80px;
	height:25px;
	}

/* Rollover functions */
/* HOME */
li#nav-home a:link, li#nav-home a:visited {	
	background-position: 0 0;
	}
li#nav-home a:hover, li#nav-home a:focus {
	background-position: 0 -25px;
	}
/* PROJECTS */
li#nav-projects a:link, li#nav-projects a:visited {	
	background-position: -61px 0;
	}
li#nav-projects a:hover, li#nav-projects a:focus {	
	background-position: -61px -25px;
	}
/* NEWS */
li#nav-news a:link, li#nav-news a:visited {	
	background-position: -180px 0;
	}
li#nav-news a:hover, li#nav-news a:focus {	
	background-position: -180px -25px;
	}
/* ABOUT */
li#nav-about a:link, li#nav-about a:visited {	
	background-position: -272px 0;
	}
li#nav-about a:hover, li#nav-about a:focus {	
	background-position: -272px -25px;
	}
/* CONTACT */
li#nav-contact a:link, li#nav-contact a:visited {	
	background-position: -394px 0;
	}
li#nav-contact a:hover, li#nav-contact a:focus {	
	background-position: -394px -25px;
	}
	
/* Navigation "active tabs" - current page indicator */
body#home-page ul#nav li#nav-home a {
	background-position: 0 -25px;
	}
body#projects-page ul#nav li#nav-projects a {
	background-position:-61px -25px;
	}
body#news-page ul#nav li#nav-news a { 
	background-position:-180px -25px;
	}
body#about-page ul#nav li#nav-about a {
	background-position:-272px -25px;
	}
body#contact-page ul#nav li#nav-contact a {
	background-position:-394px -25px;
	}
	
a {
    outline: none;  
	}

	
/* Projects
-------------------------------------------------------------------------------*/
#projects {
	width: 770px;
	height: 344px;
	margin: -20px 0 0 0;
	padding: 0;
	background: url(../images/bg-projects.jpg) no-repeat;
	overflow: hidden;
	}
	
#project-copy {
	width: 370px;
	float: right;
	margin: 0;
	padding: 0 35px 15px 0;
	font-size: 11px;
	color: #868686;
	line-height: 24px;
	overflow: hidden;
	}
	
#project-copy-scroll { /* CSS Scrollbar */
	/* Typical fixed height and fixed width example */
	width: 370px;
	height: 220px;
	float: right;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	margin: 0 0 0 347px;
	padding: 0 20px 15px 0;
	font-size: 11px;
	color: #868686;
	line-height: 20px;
	}

#projects-wrapper {
	width: 725px;
	height: 42px;
	margin: 0;
	padding: 30px 0 0 35px;

	}
	

/* Projects - FEATURED
-------------------------------------------------------------------------------*/
#projects-feat {
	width: 770px;
	height: 344px;
	margin: -20px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/bg-projects-feat.jpg) no-repeat;
	overflow: hidden;
	}
	
#feat-info {
	width: 185px;
	height: 235px;
	margin: 0;
	padding: 6px 0 0 35px;
	overflow: hidden;
	float: left;
	}

#project-feat-copy2 {
	width: 470px;
	float: right;
	margin: 0;
	padding: 0 35px 15px 0;
	font-size: 11px;
	color: #868686;
	line-height: 18px;
	overflow: hidden;
	}
	
#project-feat-copy { /* CSS Scrollbar */
	/* Typical fixed height and fixed width example */
	width: 465px;
	height: 220px;
	float: left;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	margin: 0 0 0 250px;
	#margin: 0 0 0 25px;
	padding: 0 20px 15px 0;
	font-size: 11px;
	color: #868686;
	line-height: 20px;
	}
	
/* Alternating table row styles
-------------------------------------------------------------------------------*/
table.left {
	text-align: left;
	line-height: 16px;
	vertical-align: top;
	}

tr.d0 th, td {
	border-bottom: 1px dotted #454545;
	font-weight: normal;
	background: #202020;
	}
	
tr.d1 th, td {
	border-bottom: 1px dotted #454545;
	font-weight: normal;
	}
	
	
#indev-info {
	width: 190px;
	height: 235px;
	margin: 0;
	padding: 0 0 0 35px;
	overflow: hidden;
	float: left;
	line-height: 18px;
	}


/* Font Styles
-------------------------------------------------------------------------------*/
.small {
	font-size: 10px;
	}
	
.red {
	color: #c22d2d;
	font-size: 11px;
	}
	
.redtitle {
	color: #738e98;
	font-size: 15px;
	font-weight: bold;
	}
	
.projecttitle {
	color: #738e98;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif, "Trebuchet MS";
	}
	
.ltgray {
	color: #738e98;
	font-size: 11px;
	}
	
h1, h2, h3 { 
	color: #c22d2d;
	}
	
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif, "Trebuchet MS";
	font-size: 11px;
	color: #999999;
	}

/* Projects MENU
-------------------------------------------------------------------------------*/
#projects-menu {
	width: 770px;
	height:21px;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
}

ul#nav2 {
	position:absolute;
	width: 391px;
	height:21px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	background: transparent url(../images/menu-projects.gif) no-repeat 0 -42px;
	}
ul#nav2 li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav2 li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(../images/menu-projects.gif) no-repeat;
	}

/* Dimensions of menu items */
li#nav2-projects a {
	width:124px;
	height:21px;
	}
li#nav2-features a {
	width:73px;
	height:21px;
	}
li#nav2-indev a {
	width:92px;
	height:21px;
	}
li#nav2-documentaries a {
	width:102px;
	height:21px;
	}	 

/* Rollover functions */
/* PROJECTS */
li#nav2-projects a:link, li#nav2-projects a:visited {	
	background-position: 0 0;
	}
li#nav2-projects a:hover, li#nav2-projects a:focus {
	background-position: 0 -21px;
	}
/* FEATURES */
li#nav2-features a:link, li#nav2-features a:visited {	
	background-position: -124px 0;
	}
li#nav2-features a:hover, li#nav2-features a:focus {
	background-position: -124px -21px;
	}
/* IN DEVELOPMENT */
li#nav2-indev a:link, li#nav2-indev a:visited {	
	background-position: -300px 0;
	}
li#nav2-indev a:hover, li#nav2-indev a:focus {	
	background-position: -300px -21px;
	}
/* DOCUMENTARIES */
li#nav2-documentaries a:link, li#nav2-documentaries a:visited {	
	background-position: -197px 0;
	}
li#nav2-documentaries a:hover, li#nav2-documentaries a:focus {	
	background-position: -197px -21px;
	}
	
/* Navigation "active tabs" - current page indicator */
body#projects-page ul#nav2 li#nav2-projects a {
	background-position: 0 -21px;
	}
body.features-page ul#nav2 li#nav2-features a {
	background-position: -124px -21px;
	}
body.indev-page ul#nav2 li#nav2-indev a { 
	background-position:-300px -21px;
	}
body.documentaries-page ul#nav2 li#nav2-documentaries a {
	background-position:-197px -21px;
	}


/* About AVM
-------------------------------------------------------------------------------*/
#about {
	width: 770px;
	height: 503px;
	margin: -20px 0 0 0;
	padding: 0;
	background: url(../images/bg-contact.jpg) no-repeat;
	overflow: hidden;
	}
	
#about-scroll { /* CSS Scrollbar */
	/* Typical fixed height and fixed width example */
	width: 662px;
	height: 390px;
	float: left;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	margin: 42px 0 0 47px;
	padding: 0 20px 25px 0;
	font-size: 11px;
	color: #868686;
	line-height: 24px;
	}
	
#about-copy {
	width: 670px;
	float: left;
	margin: 0;
	padding: 42px 15px 15px 50px;
	font-size: 11px;
	color: #868686;
	line-height: 24px;
	overflow: hidden;
	}
	

/* Contact AVM
-------------------------------------------------------------------------------*/
#contact {
	width: 770px;
	height: 503px;
	margin: -20px 0 0 0;
	padding: 0;
	background: url(../images/bg-contact.jpg) no-repeat;
	overflow: hidden;
	}
	
#contact-form {
	width: 236px;
	float: left;
	margin: 0;
	padding: 40px 0 0 105px;
	overflow: hidden;
	}
	
#contact-sent {
	width: 550px;
	float: left;
	margin: 0;
	padding: 40px 0 0 105px;
	overflow: hidden;
	}
	
#form {
	margin: 22px 0 0 0;
	#margin: 0;
	padding: 0;
	}
	
#contact #name, #email, #company, #phone {
	border: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9a9a9a;
	height: 13px;
	width: 230px;
	padding: 3px;
	background-color: #393939;
	overflow: auto;
	}
	
#contact #message {
	border: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9a9a9a;
	height: 130px;
	width: 230px;
	padding: 3px;
	background-color: #393939;
	overflow: auto;
	}
	
#required {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	}
	
#sendbtn {
	float: right;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	}
	
.formcopy {
	color: #d0d0d0;
	font-size: 11px;
	line-height: 16px;
	margin-left: 1px;
	}	
	
.formcopy2 {
	color: #8e8d8d;
	font-size: 11px;
	line-height: 16px;
	}	
	
.required {
	color: #c22d2d;
	font-size: 10px;
	}
	
#contact-info {
	float: right;
	width: 350px;
	margin: 0;
	padding: 93px 0 0 0;
	}
	
.contactphone {
	font-size: 14px;
	font-weight: bold;
	color: #c22d2d;
	letter-spacing: 1px;
	}

	
/* Links
-------------------------------------------------------------------------------*/
a:link {
	color: #738e98;
	text-decoration: none;
	border: none;
	}
	
a:hover {
	color: #93b7c5;
	text-decoration: none;
	}

a:active {
	color: #93b7c5;
	text-decoration: none;
	}

a:visited {
	color: #93b7c5;
	text-decoration: none;
	}
	
	
/* Footer
-------------------------------------------------------------------------------*/	
#footer {
	margin: 0;
	padding: 2px;
	text-align: center;
	}