@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
}

body {
	background: #1a1a1a;
	height: 100%;
	margin: 0; padding: 0;
	
	text-align: center; /* center for ie5 */
}

#wrapper {
	margin: auto;
	height: 100%;
	width: 100%;
}

#header {
	margin: auto;
	width: 100%;
	height: 50px;
}

#title {
	margin: auto;
	width: 424px;
	height: 100px;
	background: url(../img/stripes/title.png) top left no-repeat;
	
	margin-top: 50px;
	margin-bottom: 20px;
	
	position: relative; /* to make overlapping absolute elements work */
}

#video {
	margin: auto;
	width: 100%;
	padding: 25px 0;
	
	background: #000;
}

	#options {
		margin: auto;
		padding-top: 25px;
		
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-align: center;
		font-size: 11px;
		color: #444;
	}
	
		#options a:link, #options a:active, #options a:visited {
			color: #444;
			text-decoration: none;
		}
		
		#options a:hover {
			color: #777;
			text-decoration: underline;
		}
	
#content {
	width: 578px;
	margin: auto;
	margin-top: 25px;
}

	#content #leftColumn {
		float: left;
		width: 289px;
	}
	
	#content #rightColumn {
		float: right;
		width: 289px;
	}
	
#footer {
	clear: both;
	padding-top: 80px;
	padding-bottom: 25px;
	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 9px;
	color: #333;
	text-transform: uppercase;
}


/* tabs */

.tabset_tabs	{ 
	margin:0; padding:0;
	list-style-type:none;
	position:relative;
	z-index:2;
	white-space:nowrap;
}

.tabset_tabs li	{
	margin:0; padding:0;
	display: inline;
}

.tabset_tabs a {
	padding: 7px 5px;
	margin: 0 2px;
}

.tabset_tabs a:visited	{
	color: #444 !important;
}

.tabset_tabs a:hover {
	text-decoration: underline;
}

.tabset_tabs a.active	{
	color: #777 !important;
	cursor: default;
}
.tabset_tabs a.active:hover {
	text-decoration: none !important;
}

.tabset_tabs li.firstchild a	{  }

.tabset_content	{
	position:relative;
	z-index:1;
	display:none;
	margin: 15px 0;
}

.tabset_tabs div {
	display: inline;
}

#size {
	margin-right: 30px;
}

.tabset_label	{ display:none; }

.tabset_content_active	{ display:block; }

@media aural {
	.tabset_content,
	.tabset_label	{ display:block; }
}



/* proto */

#protoWrapper {
	margin: auto;
	width: 1024px;
	height: 640px;
	
	border: 1px solid #000;
	margin-top: 50px;
}

#version {
	margin: auto;
	width: 1024px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	text-align: right;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #333;
}


/* misc */

#sigchi {
	position: absolute;
	top: 85px;
	left: 550px;
	width: 96px;
	height: 98px;
	z-index: 100;
	
	background: url(../img/index/sigchi_banner.png) top left no-repeat;
}

/* ie6 */
* html #sigchi {
	top: -30px;
	left: 315px;
	background: url(../img/index/sigchi_banner.gif) top left no-repeat;
}
	
	#sigchi a {
		display: block;
		width: 96px;
		height: 98px;
	}