@charset "UTF-8";


/* --------------------------------------------------------
   CSS LOVINGLY SCRIPTED AT THE SEEN
   --------------------------------------------------------
   
   Screen        - iPhone stylesheet
   Client        - Jacques Villeneuve
  
   Filename      - iphone.css
   Version       - 12.05.10
   Copyright     - (c) Jacques Villeneuve
   
   Author        - Adrian Morley
   Company       - The Seen
   Website       - www.theseen.biz


   -------------------------------------------------------- */
   
   

/* reset */   

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* markup */

html, body {
    height: 100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 24px;
}
body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../../common/backgrounds/jv_iphone_background.jpg)!important;
	background-position:top center;
	background-repeat: no-repeat;
	-webkit-text-size-adjust: none!important;
}
a:link {
	color:#DC1E44;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#DC1E44;
}
a:hover {
	text-decoration: none;
	color:#F1A6CA;
}
a:active {
	text-decoration: none;
	color:#DC1E44;
}
p {
	margin-top:0px;
	margin-bottom:0px;
	color: #FFF;
}
.location {
	margin-top:0px;
	margin-bottom:0px;
	color: #FFF;
}
#wrapper {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 20px 0px 20px;
    position: relative;
    min-height: 100%;
}

/* header */

#header {
	width: 940px;
	height:69px;
	padding-top: 56px;
}

#logo {
	float:right;
	width: 117px;
	height:69px;}

/* navigation */

#menu {
	float:left;
	width: 523px;
	height:69px;
}

#menu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#menu li {
float: left;
display: block;
height: 69px;
width: 51px;
background: url(../../common/menu.jpg) 0px 0px no-repeat;
}

/*=NAVIGATION PRIMARY - LIST ITEM - BACKGROUND POSITIONS*/	

#menu li.home			{ background-position: 0px 0px;	left: 0px; width: 40px;}
#menu li.news			{ background-position: -40px 0px; left: -40px; width: 44px;}
#menu li.about			{ background-position: -84px 0px; left: -84px; width: 48px;}
#menu li.racing			{ background-position: -132px 0px; left: -132px; width: 52px;}	
#menu li.music			{ background-position: -184px 0px; left: -184px; width: 47px;}	
#menu li.gallery		{ background-position: -231px 0px; left: -231px; width: 60px;}	
#menu li.downloads		{ background-position: -291px 0px; left: -291px; width: 78px;}	
#menu li.shop			{ background-position: -369px 0px; left: -369px; width: 42px;}	
#menu li.partners		{ background-position: -411px 0px; left: -411px; width: 67px;}	
#menu li.links			{ background-position: -478px 0px; left: -478px; width: 44px;}

#menu a {
display: block;
height: 69px;
width: 111px;
text-indent: -9999px;
background: url(../../common/menu.jpg) 0px -69px no-repeat;
}
	
/*=NAVIGATION PRIMARY - ANCHOR - DEFAULT BACKGROUND POSITIONS*/

#menu li.home a				{ background-position: 0px -69px; left: 0px; width: 40px;}
#menu li.news a				{ background-position: -40px -69px; left: -40px; width: 44px;}
#menu li.about a			{ background-position: -84px -69px; left: -84px; width: 48px;}
#menu li.racing a			{ background-position: -132px -69px; left: -132px; width: 52px;}
#menu li.music a			{ background-position: -184px -69px; left: -184px; width: 47px;}
#menu li.gallery a			{ background-position: -231px -69px; left: -231px; width: 60px;}
#menu li.downloads a		{ background-position: -291px -69px; left: -291px; width: 78px;}
#menu li.shop a				{ background-position: -369px -69px; left: -369px; width: 42px;}
#menu li.partners a			{ background-position: -411px -69px; left: -411px; width: 67px;}
#menu li.links a			{ background-position: -478px -69px; left: -478px; width: 44px;}
		
/*=NAVIGATION PRIMARY - ANCHOR - HOVER BACKGROUND POSITIONS*/

#menu li.home.hover a:hover			{ background-position: 0px -69px; left: 0px; width: 40px;}
#menu li.news.hover a:hover			{ background-position: -40px -69px; left: -40px; width: 44px;}
#menu li.about.hover a:hover 		{ background-position: -84px -69px; left: -8px; width: 48px;}
#menu li.racing.hover a:hover 	   	{ background-position: -132px -69px; left: -132px; width: 52px;}
#menu li.music.hover a:hover   		{ background-position: -184px -69px; left: -184px; width: 47px;}
#menu li.gallery.hover a:hover   	{ background-position: -231px -69px; left: -231px; width: 60px;}
#menu li.downloads.hover a:hover   	{ background-position: -291px -69px; left: -291px; width: 78px;}
#menu li.shop.hover a:hover  	 	{ background-position: -369px -69px; left: -369px; width: 42px;}
#menu li.partners.hover a:hover   	{ background-position: -411px -69px; left: -411px; width: 67px;}
#menu li.links.hover a:hover   		{ background-position: -478px -69px; left: -478px; width: 44px;}

/*=NAVIGATION PRIMARY - ANCHOR - CURRENT PAGE BACKGROUND POSITIONS*/

#home #menu li.home a				{ background-position: 0px -138px; left: 0px; width: 40px;}
#news #menu li.news a				{ background-position: -40px -138px; left: -40px; width: 44px;}
#about #menu li.about a  			{ background-position: -84px -138px; left: -84px; width: 48px;}
#racing #menu li.racing a			{ background-position: -132px -138px; left: -132px; width: 52px;}
#music #menu li.music a 	   		{ background-position: -184px -138px; left: -184px; width: 47px;}
#gallery #menu li.gallery a			{ background-position: -231px -138px; left: -231px; width: 60px;}
#downloads #menu li.downloads a		{ background-position: -291px -138px; left: -291px; width: 78px;}
#shop #menu li.shop a				{ background-position: -369px -138px; left: -369px; width: 42px;}
#partners #menu li.partners a		{ background-position: -411px -138px; left: -411px; width: 67px;}
#links #menu li.links a				{ background-position: -478px -138px; left: -478px; width: 44px;}

/* header image */

#imagehome {
	clear:both;
	width: 940px;
	min-height:315px;
	background-color:#1E1E1E;
	margin-bottom:20px;
	background-image: url(../../common/home_image_sign_back.gif);
}

#cu3er-container {width:940px; height:315px; outline:0;}

#imagegeneral {
	clear:both;
	width: 940px;
	min-height:234px;
	background-color:#1E1E1E;
	margin-bottom:20px;
	background-image: url(../../common/gen_image_sign_back.gif);
	overflow: hidden;
}
#imagebar {
	clear:both;
	width: 746px;
	min-height:36px;
	background-color:#1E1E1E;
	margin-bottom:54px;
	padding:13px 13px 13px 180px;
	overflow: hidden;
}
.subimage {
	float:left;
	width:36px;
	height:36px;
	overflow:hidden;
	margin-right:13px;
	background-color:#333;
	text-align:center;
}
.image_insert {
	margin-bottom:20px;
}

/* link blocks */

.link_block_left {
	float:left;
	width: 220px;
	height:163px;
	background-color:#1E1E1E;
	margin:0px 20px 20px 0px;
	background-image: url(../../common/feature_buttons/feature_signature_back.gif);
}

.link_block_right {
	float:right;
	width: 193px;
	height:133px;
	background-color:#1E1E1E;
	margin:0px 0px 20px 0px;
	background-image: url(../../common/latestnews_title.gif);
	padding: 30px 14px 0px 13px;
	overflow:hidden;
}

.mini_block_left {
	float:left;
	width: 220px;
	height:30px;
	background-color:#1E1E1E;
	margin:0px 20px 20px 0px;
}

.mini_block_right {
	float:right;
	width: 220px;
	height:30px;
	background-color:#1E1E1E;
	margin:0px 0px 20px 0px;
	overflow: hidden;
}

/* main content */

#home_content {
	clear:both;
	width: 940px;
	border-top-style: dotted;
	border-width:thin;
	padding-top:40px;
	border-color:#999;
	color: #FFF;
	font-size: 14px;
}

#title_left {
	float:left;
	width:160px;
	margin-right:22px;
	height:58px;
	border-bottom-style: dotted;
	border-width:thin;
	background-image: url(../../common/youarehere_back.png);
	background-repeat: no-repeat;
	border-color: #999;
}
#title_middle {
	float:left;
	width:520px;
	height:58px;
	border-bottom-style: dotted;
	border-width:thin;
	border-color: #999;
}
#title_right {
	float:right;
	width:216px;
	height:58px;
	border-bottom-style: dotted;
	border-width:thin;
	background-image: url(../../common/relatedlinks_more.png);
	background-repeat: no-repeat;
	border-color: #999;
}
#content_left {
	float:left;
	width:160px;
	margin-right:22px;
	padding-top:40px;
}
#content_middle {
	float:left;
	width:520px;
	padding-top:40px;
}
#content_right {
	float:right;
	width:216px;
	padding-top:40px;
}

/* footer */

#footer_spacer {
	clear:both;
	width: 940px;
	min-height:70px;
	padding-bottom: 50px;
}
#footer {
	clear:both;
	width: 940px;
	height:50px;
	position: absolute;
	bottom: 0;
	background-image:url(../../common/footer_marks.png);
	background-repeat:no-repeat;
	line-height:13px;
	font-size:11px;
	color:#666;
}
#footer_general {
	clear:both;
	width: 760px;
	height:50px;
	position: absolute;
	bottom: 0;
	background-image:url(../../common/footer_marks_general.png);
	background-repeat:no-repeat;
	padding-left: 180px;
	font-size:11px;
	color:#666;
}
#footer a:link {
	color: #666;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: none;
	color: #fff;
}
#footer a:active {
	text-decoration: none;
	color: #666;
}

.headline {
	font-size: 28px;
	color: #666;
	line-height: 30px;
	font-weight: normal;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.intro {
	font-size: 20px;
	color: #666;
	line-height: 26px;
	font-weight: normal;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.home_news {
	font-size: 12px;
	color: #666;
	line-height: 16px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 0px;
}
.home_news_title {
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 0px;
}

.blockit li a {
	color: #DC1E44;
	display: block;
	padding: 20px 0px 14px 0px;
	text-decoration: none;
}

/* news index block hover */

.blockit ul {
	list-style-type: none;
	width: 520px;
	margin-left:0px;
	margin-top:5px;
} 

.blockit li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 0px 0;
}

 * html .blockit li a {  /* make hover effect work in IE */
	width: 520px;
}

.blockit li a:hover {
        background: #171717;
}

.blockit a em {
	color: #FEFEFF;
	display: block;
	margin-top:-15px;
	margin-bottom:6px;
	font-style:normal;
}

.blockit a span {
        color: #444;
}

/* gallery */

.images {
	float:left;
	width:106px;
	height:106px;
	margin:0px 4px 8px;
	background-color:#202020;
	padding:8px;
	text-align: center;
}
#gallery_share_spacer {
	clear:both;
	padding-left:4px;
	padding-top:20px;
}
.spacer {
	clear:both;
	padding-top:20px;
}
.screens {
	float:left;
	width:149px;
	margin:0px 4px 8px;
	background-color:#202020;
	padding:8px;
	text-align: center;
}