body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #e5e5e5;
	}

#outercontainer {
	width: 920px;
	margin:0 auto;
	text-align: left;
	}

#header {
	height: 80px;
	margin-bottom: 0px;
	margin-top: 7px;
	}

#menu {
	width: 880px;
	padding: 10px;
	background: #f26522;
	height: 26px;
	text-align: center;
	overflow: hidden;
	}

#nav {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:100%;
	}

#nav a:link,
#nav a:visited {
	color:#e5e5e5;
	float: center;
	width:auto;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-size: 14pt;
	letter-spacing: -0pt;
	}
	
#nav a:hover {
	border-bottom: solid #FFF 1px;
	}

#nav li {
	display:inline;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 7px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 9px;
	}

#nav a.thispage {
	border-bottom: solid #FFF 1px;
	}
	
#innercontainer {
	float: left;
	width: 900px;
	height: 480px;
	margin-top: 10px;
	margin-left: 10px;
	background: #262626;
	color: #e5e5e5;	
	font-family: arial, sans-serif;
	padding-bottom: 36px;
	border: solid 12px #ee8958;
	}
	
h2 {
	color: #f26522;	
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0px;
	}
	
/* GENERAL LAYOUTS ______________________________________________*/

#widecol {
	float: center;
	margin-top: 30px;
	margin-left: 40px;
	margin-right: 40px;
	padding: 0px;
	width: 100%;
	height: 75%;
	color: #e5e5e5;	
	font-family: arial, sans-serif;
	font-size: 11pt;
	}

#widecol a:link,
#widecol a:visited,
#widecol a:hover {
	color: #f26522;
	text-decoration: none;	
	}#col3-1 {
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 10px;
	padding-right: 0px;
	width: 215px;
	height: 75%;
	float: left;
	border-right: solid #4e4e4e 1px;
	color: #f26522;	
	font-family: arial, sans-serif;
	font-size: 15pt;
	}

#col2-1 {
	float: left;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 0px;
	padding-right: 20px;
	width: 240px;
	height: 75%;
	color: #f26522;	
	font-family: arial, sans-serif;
	font-size: 15pt;
	}

#col2-1 a:link,
#col2-1 a:visited,
#col2-1 a:hover {
	color: #f26522;
	text-decoration: none;	
	}

#col2-2 {
	float: left;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 40px;
	padding-left: 20px;
	padding-right: 20px;
	width: 520px;
	height: 75%;
	color: #e5e5e5;	
	font-family: arial, sans-serif;
	font-size: 15pt;
	}

#col2-2 a:link,
#col2-2 a:visited,
#col2-2 a:hover {
	color: #e5e5e5;
	text-decoration: none;	
	}

/* WHO WE ARE PAGE _______________________________________________*/

#whoweare-1 {
	float: left;
	width: 570px;
	margin-top: 20px;
	margin-left: 32px;
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
	}

#whoweare-1 a:link,
#whoweare-1 a:visited,
#whoweare-1 a:hover {
	color: #f26522;
	text-decoration: underline;	
	}
	
#whoweare-1 img {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	}
	
#whoweare-1 b {
	text-transform: uppercase;
	font-size: 14px;
	}
	
#whoweare-1 h2 {
	margin-top: 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 23pt;
	text-transform: lowercase;
	}

#whoweare-2 {
	float: right;
	width: 260px;
	height: 470px;
	}
	
/* REELS PAGE _______________________________________________*/	

#reels-1 {
	margin-top: 40px;
	margin-left: 32px;
	margin-right: 10px;
	padding-right: 0px;
	width: 210px;
	height: 80%;
	float: left;
	border-right: solid #4e4e4e 2px;
	color: #f26522;	
	font-family: arial, sans-serif;
	font-size: 16px;
	}

#reels-1 a:link,
#reels-1 a:visited,
#reels-1 a:hover {
	color: #f26522;
	text-decoration: none;	
	}

#reels-1 a.current {
	border-bottom: solid #f26522 1px;
	}

#reels-2 {
	margin-top: 40px;
	margin-left: 16px;
	margin-right: 10px;
	padding-right: 00px;
	width: 220px;
	height: 80%;
	float: left;
	color: #e5e5e5;	
	font-family: arial, sans-serif;
	font-size: 15px;
	line-height: 15px;
	}

#reels-2 a:link,
#reels-2 a:visited {
	color: #e5e5e5;
	text-decoration: none;	
	}
	
#reels-2 a:hover {
	text-decoration: underline;	
	}

#reels-2 a.current {
	text-decoration: underline;	
	}

#reels-2 a.avlink {
	text-decoration: underline;	
	}
	
#reels-2 b {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 100;
	}
	
#reels-3 {
	float:right;
	margin-top: 40px;
	margin-right: 40px;
	width: 320px;
	border: 10px #f26522 solid;
	}

#reels-4 {
	float:right;
	margin-top: 20px;
	margin-right: 40px;
	width: 340px;
	text-align: left;
	height: 140px;
	}	
	
#reels-4 a:link,
#reels-4 a:visited,
#reels-4 a:hover {
	color: #FFF;
	font-size: 15px;
	}

/* WHATS NEW PAGE _______________________________________________*/

#whatsnew-1 {
	float: left;
	width: 570px;
	margin-top: 20px;
	margin-left: 32px;
	font-size: 15px;
	text-align: justify;
	line-height: 21px;
	}

#whatsnew-1 a:link,
#whatsnew-1 a:visited,
#whatsnew-1 a:hover {
	color: #f26522;
	text-decoration: underline;	
	}
	
#whatsnew-1 img {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	}
	
#whatsnew-1 b {
	text-transform: uppercase;
	font-size: 14px;
	}
	
#whatsnew-1 h2 {
	margin-top: 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 23pt;
	text-transform: lowercase;
	}
	
#whatsnew-1 h3 {
	color: #7c7c7c;
	margin-top: 11px;
	margin-bottom: 5px;
	font-size: 19px;
	}

#whatsnew-2 {
	float: right;
	width: 260px;
	height: 470px;
	}
		
/* CONTACT PAGE _______________________________________________*/	

#contactpage {
	float: left;
	margin-top: 20px;
	margin-left: 32px;
	font-size: 12pt;
	line-height: 10pt;
	}	
	
#contactpage h2 {
	margin-top: 10px;
	margin-bottom: 22px;
	color: #fff;
	font-size: 21pt;
	text-transform: lowercase;
	}

#contactpage-2 {
	float: right;
	width: 375px;
	height: 470px;
	}

#contactfieldleft {
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	width: auto;
	}

#contactfieldright {
	float: left;
	padding-left: 0px;
	text-align: left;
	width: auto;
	}

#contactfieldleft ul,
#contactfieldright ul {
	margin: 0;
	padding: 0;
	}

#contactfieldleft li {
	list-style: none;
	padding: 0;
	padding-bottom: 9px;
	}

#contactfieldright li {
	padding: 0;
	padding-bottom: 7px;
	margin-left: 5px;
	list-style: none;
	}

input.contact-name,
textarea.contact-message {
	margin: 0;
	padding: 0;
	color: #FFF;
	border: 1px solid #4d4d4d; 
	background: #333333;
	}		

textarea.contact-message {
	margin-top: 1px;
	}
	
input.contact-button {
	margin-top: 12px;
	padding-left: 13px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #e5e5e5;
	font-size: 14pt;	
	border: 3px solid #ee8958; 
	background: #f26522;
	}	

/* CLIENT LOGIN PAGE _______________________________________________*/	

#loginpage {
	margin: 0 auto;
	margin-top: 120px;
	padding-top: 10px;
	text-align: center;
	border: 7px dashed #4e4e4e; 
	width: 300px; 
	height: 210px;
	color: #e5e5e5;	
	font-family: arial, sans-serif;
	font-size: 11pt;
	}
	
#clientlogin h2 {
	margin-top: 20px;
	margin-bottom: 0px;
	color: #fff;
	font-size: 21pt;
	text-transform: lowercase;
	}

input.client-name,
input.client-password {
	margin-top: 12px;
	margin-botton: 4px;
	color: #FFF;
	border: 1px solid #8b8b8b; 
	background: #575757;
	}		
	
input.client-button {
	margin-top: 18px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #e5e5e5;
	font-size: 14pt;	
	border: 3px solid #ee8958; 
	background: #f26522;
	}		
	
/* CLIENT PAGE ______________________________________________*/

#clientpage {
	float: left;
	width: 570px;
	margin-top: 20px;
	margin-left: 32px;
	font-size: 15px;
	text-align: justify;
	line-height: 21px;
	}
	
#clientpage h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 21pt;
	}
	
#clientpage img {
	margin-top: 6px;
	margin-bottom: 8px;
	}

#clientpage a:link,
#clientpage a:visited,
#clientpage a:hover {
	color: #f26522;
	text-decoration: none;	
	}

/* NATALIE PAGE _______________________________________________*/

#nataliebarandes-1 {
	float: left;
	width: 830px;
	margin-top: 20px;
	margin-left: 32px;
	font-size: 15px;
	text-align: justify;
	line-height: 19px;
	}

#nataliebarandes-1 a:link,
#nataliebarandes-1 a:visited,
#nataliebarandes-1 a:hover {
	color: #f26522;
	text-decoration: underline;	
	}
	
#nataliebarandes-1 b {
	text-transform: uppercase;
	font-size: 14px;
	}
	
#nataliebarandes-1 h2 {
	margin-top: 10px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 23pt;
	text-transform: lowercase;
	}

#nataliebarandes-2 {
	float: right;
	width: 0px;
	height: 470px;
	background-image: url(images/filler-2.gif);
	}

/* CLIENTS LIST PAGE _______________________________________________*/

#clients-1 {
	float: left;
	width: 470px;
	margin-top: 20px;
	margin-left: 32px;
	font-size: 13px;
	line-height: 20px;
	}

#clients-1 a:link,
#clients-1 a:visited,
#clients-1 a:hover {
	color: #f26522;
	text-decoration: underline;	
	}
	
#clients-1 b {
	text-transform: uppercase;
	font-size: 14px;
	}
	
#clients-1 h2 {
	margin-top: 15px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 23pt;
	text-transform: lowercase;
	}

#clients-2 {
	float: right;
	width: 360px;
	height: 470px;
	background-image: url(images/filler-2.gif);
	}

/* OTHER ______________________________________________*/

#footer {
	margin-top: 10px;
	clear: both;
	padding-top: 12px;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #757575;
	}
	
#footer a:link,
#footer a:visited {
	color: #f26522;	
	text-decoration: none;
	}	
	
#center {
	margin: 0 auto;
	}		
	
/* ADMIN SECTION ______________________________________________*/

#adminpage {
	float: center;
	margin: 0 auto;
	margin-top: 20px;
	width: 650px;
	font-family: arial, sans-serif;
	font-size: 15px;
	text-align: left;
	}	
	
#adminpage b {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	font-size: 15pt;
	}
	
#adminpage input {
	margin: 3px;
	padding: 0px;
	font-size: 15px;
	}
	
#adminpage textarea {
	margin: 3px;
	padding: 0px;
	font-size: 15px;
	}

#adminpage a:link,
#adminpage a:visited,
#adminpage a:hover {
	color: #f26522;
	text-decoration: none;	
	}	
	
#adminheader {
	float: center;
	width: 650px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	color: #000;
	font-size: 20pt;
	border-bottom: solid #f26522;
	}		
	
#adminmenu {
	float: left;
	width: 150px;
	}	
	
#admincontent {
	float: left;
	width: 500px;
	}	
	
#moviemanager {
	text-align: left;
	background: green;
	}	
	
#moviemanager a:link,
#moviemanager a:visited,
#moviemanager a:hover {
	color: #000;
	text-decoration: underline;
	}	
	
#moviemanager-0 {
	float: left;
	width: 26px;
	background: red;
	}	
	
#moviemanager-1 {
	float: left;
	width: 214px;
	background: blue;
	}	
	
#moviemanager-2 {
	float: left;
	width: 136px;
	padding-left: 10px;
	background: white;
	}
	
#moviemanager-3 {
	float: left;
	width: 90px;
	background: yellow;
	}
