/* CSS Document */

body{
	background:#474A4E;
	margin:0;
	padding:0;
}
#viono{
	width:750px;
	text-align:center;
	height:430px;
	margin-left:auto;
	margin-right:auto;
	background:#ffffff;
	margin-top:20px;
	padding-top:120px;
}
#product{
	width:430px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #cccccc;
	padding:35px;
}

#container{
	width:738px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:15px;
	background:url(../images/left_bg.gif) repeat-y top left;
}
#topband{
	height:62px;
	position:relative;
}
#logo{
	width:354px;
	height:62px;
	background:url(../images/logo_bg.gif) no-repeat top left #ffffff;
	float:left;
}
#toparea{
	float:left;
	height:62px;
	width:384px;
}
#topbuttons{
	width:384px;
	height:30px;
	margin-top:17px;
}
#topcorner{
	background:url(../images/tr_corner.gif) no-repeat top right #ffffff;
	height:15px;
	width:384px;
}
#buttons{
	width:105px;
	height:30px;
	float:left;
	text-align:right;
	padding-right:10px;
}
#mainarea{
	background:url(../images/right_bg.gif) repeat-y top right #ffffff;
	margin-left:7px;
	padding-left:13px;
	padding-right:20px;
}
#menu{
	height:30px;
	background:url(../images/menu_bg.gif) repeat-x;
}
#imageband{
	margin-top:9px;
	position:relative;
}
#topcontent{
	margin-right:350px;
	margin-top:20px;
	margin-left:20px;
}
#content{
	position:relative;
	margin-top:40px;
}
#contenttext{
	position:relative;
	margin-top:40px;
	margin-left:20px;
	margin-right:30px;
	padding-bottom:20px;
}
#leftcol{
	width:226px;
	float:left;
}
#features{
	margin-left:250px;
	padding-top:15px;
}
#ipod{
	width:196px;
	height:290px;
	padding:15px;
	background:url(../images/ipod_bg.jpg) no-repeat top left;
}
#newsletter{
	width:203px;
	height:213px;
	padding-top:15px;
	padding-left:15px;
	padding-right:8px;
	background:url(../images/news_bg.jpg) no-repeat top left;
	margin-top:25px;
}
#featurerow{
	height:235px;
	margin-top:20px;
}
#feature{
	width:205px;
	float:left;
}
#legals{
	height:20px;
	padding-top:25px;
	clear:both;
}
#baseband{
	height:23px;
	background:url(../images/bottombg.gif) repeat-x bottom left #ffffff;
	clear:both;
}
#ipodtext{
	width:120px;
	float:right;
	margin-top:35px;
}

#download{
	width:304px;
	background:url(../images/down_bg.jpg) no-repeat top left;
	height:264px;
	float:left;
	margin-top:20px;
}
#downtext{
	margin-left:88px;
	width:187px;
	margin-top:30px;
}





.right {
	float: right;
}
.left {
	float: left;
}
A.menulinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
}
A.menulinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
	line-height: 30px;
}
.orangeheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #FC9C04;
	line-height: 30px;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.smallwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.orangeheaderslarge {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FC9C04;
}

.features {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	line-height: 28px;
}
A.baselinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration:none;
}
A.baselinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FC9C04;
	text-decoration:none;
}

.basetext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}
.forms {
	background-image: url(../images/form.jpg);
	border: none;
	height: 32px;
	width: 192px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: -8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left top;
}
HTML>body .forms{margin-left:0;}
.gobutton {
	float: right;
	margin-right: 30px;
	margin-top: 6px;
}
.mailingform {
	background-image: url(../images/mailing_form.jpg);
	border: none;
	height: 31px;
	width: 155px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-top: 9px;
}
.mailinggo {
	float: right;
	margin-right: 2px;
	margin-top: 10px;
}
.logos {
	float: left;
	margin-top: 25px;
	margin-left: 19px;
}
.whitelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}