/***********************************
*  DTS: Arcsoft
*  Created on: 05/2009
*  Rhino Hooton
***********************************/

* {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
	background: #121212 url(../../images/arcsoft/bg_main.jpg) no-repeat center 0px;
	font: 11px arial;
}
#wrapper {
	width:940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background:#111;
}
p, .gradeImage {
	margin-bottom:10px;
	font-family: arial;
}


/* header */
#header {
	height:83px;
	background: url(../../images/arcsoft/bg_header.jpg) repeat-x 0px 0px;
}
.dtsLogo {
	background: url(../../images/arcsoft/logo_dts.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	margin-left:39px;
	height: 83px;
	width: 131px;
}
.arcsoftLogo {
	background: url(../../images/arcsoft/logo_arcsoft.jpg);
	text-indent: -9999px;
	display: block;
	float: right;
	margin-right:39px;
	height: 83px;
	width: 103px;
}


/* body */
#body {
}
#body h1 {
	background: url(../../images/arcsoft/header_main.jpg);
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 940px;
}
#body h2 {
	background: url(../../images/arcsoft/header_sub.jpg);
	text-indent: -9999px;
	display: block;
	height: 47px;
	width: 940px;
}
#body .movieContainer {
	height: 324px;
	width: 517px;
	background: url(../../images/arcsoft/bg_movieSlice.jpg) no-repeat 0px 0px;
	padding: 26px 47px 76px 59px;
	float: left;
}
#body .movieContainer #DTSArcFlashVideo {
	background:url(../../images/arcsoft/bg_player.jpg) no-repeat;
	height: 324px;
	width: 517px;
}
#body .headphoneContainer {
	height: 88px;
	width: 257px;
	background: url(../../images/arcsoft/bg_headphoneSlice.jpg) no-repeat 0px 0px;
	padding: 35px 47px 303px 13px;
	float: left;
	color:#fff;
	clear:right;
}
#body .headphoneContainer .button {
	height: 30px;
	width: 153px;
	background: url(../../images/arcsoft/btn_download.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
}
#body .lowerGradient {
	background: url(../../images/arcsoft/bg_lowerGradientSlice.jpg) repeat-x 0px 0px;
	width: 862px;
	/*height: 389px;*/
	padding:43px 39px;
	overflow:hidden;
	clear:left;
}
* html #body .lowerGradient {
	margin-top:-7px;
	clear:left;
}
#body .lowerGradient .leftContainer {
	float:left;
	width: 350px;
	height:325px;
	padding-right: 75px;
	background: url(../../images/arcsoft/bg_border.gif) repeat-y right 0px;
}
#body .lowerGradient .leftContainer ul {
	padding-left:15px;
}
#body .lowerGradient .rightContainer {
	float:right;
	width:200px;
	height:325px;
	padding-left: 229px;
	background: url(../../images/arcsoft/bg_totalMedia3.gif) no-repeat left 0;
}
#body .lowerGradient .rightContainer img {
	padding-bottom:8px;
}
.bordered {
	padding-bottom:10px;
	border-bottom: 1px dotted #000;
}

/* footer */
#footer {
	height:100px;
	padding-top:20px;
	color:#898989;
}
#footer a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover {
	text-decoration:underline;
}