﻿@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999999;
	background-color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.oneColElsCtr #container {
	width: 865px;
	height: auto/* remember that padding is the space inside the div box and margin is the space outside the div box */;
	font-size: 1em; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; 
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}

.oneColElsCtr #container img {
	border: none;
	outline: none;
}



.oneColElsCtr #mainContent {
	background-image: url(Images/main_content_bckgrnd.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding:0;
	margin:0;
	height: auto;
}

.oneColElsCtr #mainContent2 {
	background-color:#000000;
	padding:0;
	margin:0;
	height: auto;
}


.oneColElsCtr #mainContent #text {
	margin:0;
	height: auto;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 155px;
}

/************** this is a space holder for the home page to view the design only, the home page will be a flash intro so this should not be needed*************************/
.oneColElsCtr #mainContent .homepage#text {
	height: 400px;
}
/******************************************end space holder*************************/





.oneColElsCtr #navbar {/**************BOTTOM IMAGE NAVBAR*************************/
	padding:0;
	margin:0;
	height: auto;
}

.oneColElsCtr #navbar img{
	padding:0;
	margin:0;
	border: none;
	outline: none;
}
/**************END BOTTOM IMAGE NAVBAR STYLES*************************/

.oneColElsCtr #mainContent #text img {/**************THIS IS FOR THE TOP TITLE IMAGES THAT CHANGE ON EACH PAGE*************************/
	margin-bottom: 1.5em;
	border: none;
	outline: none;
}

.oneColElsCtr #mainContent #text h2 {
	color: #660000;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-right:2em;
	padding-bottom: 2px;
	font-size: 1.7em;
	text-align: left;
}

.oneColElsCtr #mainContent #text h3 {
	color: #660000;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	padding-right: 2em;
	padding-left: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 2px;
	font-size: 1.7em;
	text-align: left;
}

.oneColElsCtr #mainContent #text p {
	color: #A3A3A3;
	font-size: 1.2em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 0;
	margin:0;
	text-align: justify;
	text-indent: 1.5em;
	line-height: 1.5em;
}

.oneColElsCtr #mainContent #text p.centertext {
	text-align: center;/**************STYLE TO CENTER TEXT ON PAGE*************************/
}

.oneColElsCtr #mainContent #text p#red.centertext {
	color: #660000;
	font-weight: bold;
}


/**************BOTTOM TEXT NAVIGATION STYLES*************************/
.oneColElsCtr #mainContent #text p.contact{
	text-align: justify;
	text-indent: 0px;
	padding-bottom: 3em;
	padding-left: 13px;
	line-height: 1.3em;
	margin:0;
}



}/**************END BOTTOM TEXT NAVIGATION STYLES*************************/



/**************ABOUT US PAGE*************************/
.oneColElsCtr #mainContent #text p.contact{
	text-align: justify;
	text-indent: 0px;
	padding-bottom: 3em;
	padding-left: 13px;
	line-height: 1.3em;
	margin: 0;
}

.oneColElsCtr #mainContent #text p.contact a:link{
	color:#CCCCCC;
}

.oneColElsCtr #mainContent #text p.contact a:visited{
	color:#CCCCCC;
}

.oneColElsCtr #mainContent #text p.contact a:hover{
	color:#CCCCCC;
}

.oneColElsCtr #mainContent #text p.contact a:active{
	color:#CCCCCC;
}


.oneColElsCtr #mainContent #text h4.contacttitle{
	text-align: justify;
	text-indent: 0px;
	padding-bottom: 0;
	padding-left: 13px;
	margin:0;
	font-size: 1.3em;
	font-weight: bold;
	color: #666666;
}

.oneColElsCtr #mainContent #text table {
	margin:0;
}

/**************END ABOUT US PAGE STYLES*************************/


/************** DIRECTOR'S BIO PAGE STYLES*************************/
.oneColElsCtr #mainContent #text h4.resume {
	text-align: justify;
	text-indent: 0px;
	padding-bottom: 0;
	padding-left: 13px;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}

.oneColElsCtr #mainContent #text h4.resume a:link {
	color: #660000;
	text-decoration: none;
}


.oneColElsCtr #mainContent #text h4.resume a:visited {
	color: #660000;
	text-decoration: none;
}

.oneColElsCtr #mainContent #text h4.resume a:hover {
	color: #660000;
	text-decoration: none;
}

.oneColElsCtr #mainContent #text h4.resume a:active{
	color: #660000;
	text-decoration: none;
}


.oneColElsCtr #mainContent #text p.adobe {
	color: #999999;
	padding-left: 52px;
	text-indent: 0px;
	padding-bottom: 2em;
}

.oneColElsCtr #mainContent #text p.adobe a:link {
	color: #999999;
	text-decoration: none;
}

.oneColElsCtr #mainContent #text p.adobe a:visited {
	color: #999999;
	text-decoration: none;
}

.oneColElsCtr #mainContent #text p.adobe a:hover, a:active{
	color: #999999;
	text-decoration: none;
}

.oneColElsCtr #mainContent #text #pdficon {
	text-decoration: none;
	border: none;
	padding-right: 4px;
	margin: 0;
	vertical-align: text-bottom;
}/**************END DIRECTOR'S BIO PAGE STYLES*************************/


/************** DIRECTOR'S REEL PAGE STYLES*************************/
/************** This is the container for the video download/player, insert into the div below*************************/
.oneColElsCtr #mainContent #text #videoContainer {
	height: 400px;
	width: 675px;
	margin: 0;
	padding: 0;
}/**************END DIRECTOR'S REEL PAGE END !!!!!  PAGE STYLES*************************/



/************** PHOTO STILLS PAGE STYLES*************************/
.oneColElsCtr #mainContent #text #photoStillContainer {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	background-color: transparent;
	
}


.oneColElsCtr #container #hwsinfo a:link {/************** STYLES FOR HWS INFO ON BOTTOM*************************/
	text-decoration: none;
}
.oneColElsCtr #container #hwsinfo a:visited {
	text-decoration: none;
}
.oneColElsCtr #container #hwsinfo a:hover {
	text-decoration: none;
}

.oneColElsCtr #container #hwsinfo a:active {
	text-decoration: none;
}
