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

* {
	margin:0;
	padding:0;
}

body {
	background: #ffffff url(images/contact/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: 193px;
}

#header h1 {
	display: none;
}

#header ul li {
	display: inline;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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


/*begin main styles */
#main {
	margin:0 auto;
	width: 1000px;
	height: 509px;
	background: #ffa15b url(images/contact/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:#450c33;
	padding: 0px 0px;
}
/* end main styles */

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

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

.arrows {
	border: 0;
}

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

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

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

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

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

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

#rightcol {
	width: 1000px;
	float:right;
	margin: 0 0px 0 0;
	padding: 0 0 0 0;
	height: 509px;
	background:url(images/contactimg.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}

#contact_box {
	width:540px;
	margin:165px 0 0 0px;
}

#contact_box img {
	float:left;
}

#contact_info {
	float:right;
	width:250px;
	margin: 20px 0 0 0px;
}


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

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

#footer {
	width: 1000px;
	height: 98px;
	background: url(images/contact/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;
}