/* Shift Entertainment Styles - Leyla Manavi, ByteAll Media 2009 */

* {
	margin:0;
	padding:0;
}

body {
	background: #ffffff url(images/video/bg_gradient.jpg) top left;
	background-attachment:scroll;
	background-repeat:repeat-x;
}

.b {
	font-weight: bold;
}

.i {
	font-style:italic;
}

#container {
	margin: 0 auto;
	width: 1000px;
	height: 800px;
}

/*--------------------------------HEADER----------------------------------*/

#header {
	width: 1000px;
	height: 192px;
}

#header h1 {
	display: none;
}

#header ul li {
	display: inline;
}

#header ul li a.shift {
	display:block;
	width:283px;
	height:192px;	
	background:url(images/video/head_logo.jpg);
	float:left;
}

#header ul li a.home {
	display:block;
	width:67px;
	height:192px;	
	background:url(images/video/home_idle.jpg);
	float:left;
}

#header ul li a.home:hover {
	display:block;
	width:67px;
	height:192px;	
	background:url(images/video/home_over.jpg);
	float:left;
}

#header ul li a.about {
	display:block;
	width:68px;
	height:192px;	
	background:url(images/video/about_idle.jpg);
	float:left;
}

#header ul li a.about:hover {
	display:block;
	width:68px;
	height:192px;	
	background:url(images/video/about_over.jpg);
	float:left;
}

#header ul li a.contest {
	display:block;
	width:81px;
	height:192px;	
	background:url(images/video/contest_idle.jpg);
	float:left;
}

#header ul li a.contest:hover {
	display:block;
	width:81px;
	height:192px;	
	background:url(images/video/contest_over.jpg);
	float:left;
}

#header ul li a.portfolio {
	display:block;
	width:81px;
	height:192px;	
	background:url(images/video/portfolio_idle.jpg);
	float:left;
}

#header ul li a.portfolio:hover {
	display:block;
	width:81px;
	height:192px;	
	background:url(images/video/portfolio_over.jpg);
	float:left;
}


#header ul li a.music {
	display:block;
	width:69px;
	height:192px;	
	background:url(images/video/music_idle.jpg);
	float:left;
}

#header ul li a.music:hover {
	display:block;
	width:69px;
	height:192px;	
	background:url(images/video/music_over.jpg);
	float:left;
}

#header ul li a.video {
	display:block;
	width:71px;
	height:192px;	
	background:url(images/video/video_select.jpg);
	float:left;
}

#header ul li a.contact {
	display:block;
	width:84px;
	height:192px;	
	background:url(images/video/contact_idle.jpg);
	float:left;
}

#header ul li a.contact:hover {
	display:block;
	width:84px;
	height:192px;	
	background:url(images/video/contact_over.jpg);
	float:left;
}

#header ul li.end {
	display:block;
	width:196px;
	height:192px;	
	background:url(images/video/header_end.jpg);
	float:left;
}


h2 {
	font-family:apple gothic, century gothic, trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #FF9233;
	padding: 5px 5px 15px 5px;
	font-weight: bold;
	text-align: center;
	background-color: ;
}


/*begin main styles */
#main {
	margin:0 auto;
	width: 950px;
	height: 510px;
	background: #450D34 url(images/video/body_bg.jpg);
	background-position: top right;
	background-repeat:repeat;
	font-family: apple gothic, century gothic, trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 17px;
	color:#ffffff;
	padding: 0px 10px;
}
/* end main styles */

/*--------------------------------HOME----------------------------------*/

/* HOME styles */
.logo {
	margin: 0 6px 0 3px;
	border: 0;
}

.arrows {
	border: 0;
}

#leftcol {
	float: left;
	width: 250px;
	margin: 0 0px 0 0;
	padding: 0 0 0 0;
}

#leftcol a {
	color:#ffffff;
	text-decoration:none;
}

#leftcol a:link {
	color:#ffffff;
	text-decoration:none;
}

#leftcol a:visited {
	color:#ffffff;
	text-decoration:none;
}

#leftcol a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#leftcol a:active {
		color:#450c33;
	text-decoration:none;
}

#rightcol {
	width: 690px;
	float:right;
	margin: 0 0px 0 0;
	padding: 50px 0 0 0;
}

#video_select {
	width: 220px;
	background-color: ;
	height: 509px;
	border-right: #FF9233 1px solid;
}

#video_select ul {
	list-style-type: none;
	padding: 0;
	margin-left: 20px;
	line-height: 25px;
	text-align: right;
}

#video_select ul li {
	background-image: url(images/arrow_right_white.png);
	background-repeat: no-repeat;
	background-position: 180px 9px;
	padding-right: 20px;
	
}

#video_box {
	margin: 0 auto;
	background:;
	width:425px;
}


/*---------------------------------FOOTER---------------------------------*/

/* footer styles */
.clear {
	clear:left;
}

#footer {
	width: 1000px;
	height: 98px;
	background: url(images/video/footer.jpg);
}

#footer p {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
	text-transform:uppercase;
	text-align:right;
}

#footer p a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
	text-transform:uppercase;
	text-align:right;
}

#footer p a:link {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
	text-transform:uppercase;
	text-align:right;
}

#footer p a:hover {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-transform:uppercase;
	text-align:right;
}

#footer p a:visited {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
	text-transform:uppercase;
	text-align:right;
}

#footer p a:active {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
	text-transform:uppercase;
	text-align:right;
}