@import url("font.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background: #bcbcbc;
	color: #666666;
}
a {
	color: #666666;
	text-decoration: none;
	outline: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
a img {
	border: none;
}
.clearer {
	margin: 0;
	padding: 0;
	display:block; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden;
}


#wrapper-outer {
	overflow: hidden;
	position: relative;
	background: transparent url(../images/marantz_bg0.jpg) repeat-x 0 0;
	min-width: 1024px;
}
#wrapper {
	margin: 0 auto;
	width: 1090px;
	position: relative;
}
#wrapper-inner {
	position: relative;
	left: -175px;
	width: 1440px;
	padding: 0;
	background: transparent url(../images/marantz_bg.jpg) no-repeat 0 0;
	min-height: 970px;
	overflow: hidden;
	float: left;
}

p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 10px 0;
}
h1 {
	width: 491px;
	height: 71px;
	overflow: hidden;
	text-indent: -10000em;
	background: url(../images/title.gif) no-repeat 0 0;
	position: absolute;
	top: 149px;
	right: 120px;
	margin: 0;
	padding: 0;
}

#logo {
	width: 632px;
	height: 34px;
	text-indent: -10000em;
	overflow: hidden;
	display: block;
	background: url(../images/logo.gif) no-repeat 0 0;
	position: absolute;
	top: 30px;
	left: 235px;
	margin: 0;
}

#topFunctions {
	position: absolute;
	top: 10px;
	right: 275px;
	width: 220px;
	z-index: 2;
}

#topFunctions form {
	top: 30px;
	position: absolute;
	right: 0;
}

#topFunctions #select {
	position: absolute;
	width: 100px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0;
	color: #313131;
	font: 10px/21px arial,sans-serif;
	background: transparent url(../images/language_btn.gif) no-repeat 0 0;
	overflow: hidden;
	right: 0;
}
#topFunctions #countrySelect {
	float: right;
}

#topFunctions input.btn {
	width: 22px;
	height: 24px;
	background: url(../images/search_btn.gif) no-repeat 0 0;
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
}
#topFunctions input.btn:hover {
	background-position: 0 -24px;
}
#topFunctions input.search {
	width: 165px;
	height: 24px;
	background: url(../images/search_bg.gif) no-repeat 0 0;
	border: 0;
	padding: 0 4px 0 6px;
	float: left;
	margin: 0;
	color: #666;
	font-size: 11px;
	line-height: 24px;
}
#topFunctions input.search:hover {
	background-position: 0 0;
}
#topFunctions input.blur {
	color: #d0d0d0;
}
#topFunctions .languages {
	float: left;
	margin: 0 0 0 10px;
}
#topFunctions .languages a {
	width: 27px;
	height: 17px;
	overflow: hidden;
	text-indent: -10000em;
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topFunctions .languages a.en {
	background-image: url(../images/lang_en.gif);
	border-right: 1px solid #aaa;
}
#topFunctions .languages a.tr {
	background-image: url(../images/lang_ch.gif);
}

#nav {
    min-width: 970px;
    padding: 0;
    position: absolute;
    right: -67px;
    top: 88px;
    z-index: 3;
}

#nav li {
	float: left;
	margin: 0 32px 0 0;
	list-style: none;
}

#nav li a{
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 17px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -10000em;
}
#nav li a:hover,
#nav li a:focus {
	background-position: 0 -21px;
}
#nav li a.nav_products {
	background-image: url(../images/nav_products.gif);
	width: 67px;
}
#nav li a.owners-circle {
	background-image: url(../images/nav_owners-circle.gif);
	width: 107px;
}
#nav li a.customer-support {
	background-image: url(../images/nav_customer-support.gif);
	width: 139px;
}
#nav li a.find-a-dealer {
	background-image: url(../images/nav_find-a-dealer.gif);
	width: 97px;
}
#nav li a.about-us {
	background-image: url(../images/nav_about-us.gif);
	width: 69px;
	margin-right: 0;
}

.main {
	position: relative;
	width: 934px; /* 970px; */
	left: 0; /* 235px; */
	padding: 0 60px 0 60px;
	margin: -120px auto;
}



.main p {
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: 'MyriadProRegular', sans-serif;
	font-size-adjust: 0.48;
}

.mainParas {
	position: relative;
	margin: 0; /* 0 60px 0 0; */
}

.para1,
.para2,
.para3,
.para4 {
	clear: right;
	float: right;
}		
.para1 {
	margin: 237px 0 0 0;
	font-size: 2.48em;
	width: 300px;
	text-align: right;
	color: #898989;
}	
.para1 .btn {
	float: right;
	margin-top: 2px;
}
.para2 {
	margin: 0;
	font-size: 2.48em;
	width: 300px;
	text-align: right;
}
.para2 strong {
	font-size: 180%;
	display: block;
	color: #2a5981;
}	
.para3 {
	margin: 20px 0 0 0;
}
.para3 .btn  {
	clear: both;
	float: right;
	margin: 0;
}	
.para3 span  {
	clear: both;
	float: right;
	margin: 10px 0 0 0;
}	

a.btn {
	width: 105px;
	height: 21px;
	color: #fff;
	background: url(../images/button.png) no-repeat 0 0;
	display: block;
	text-decoration: none;
	padding: 8px 0 0 6px;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: 'MyriadProRegular', sans-serif;
	font-size-adjust: 0.5;
}
a.btn:hover,
a.btn:focus {
	background-position: 0 -29px;
	text-decoration: none;
}

#overlay {
	width: 967px;
	height: 398px;
	background: url(../images/overlay.jpg) no-repeat 0 0;
	position: absolute;
	top: 232px;
	left: 5px;
	color: #fff;
}
a.closeOverlay {
	font-size: 12px;
	color: #5d5d5d;
	position: absolute;
	top: 15px;
	right: 15px;
	text-decoration: none;
}

#Upgradeoverlay
{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    height: 100px;
    left: 50%;
    margin-left: -165px;
    padding: 15px;
    position: absolute;
    top: 285px;
    width: 330px;

}

#Upgradeoverlay p {
    color: #5D5D5D;
    font-size: 1.5em;
    line-height: 1.2;
    padding-top: 17px;

}

a.closeUpgradeOverlay
{ 
    color: #5D5D5D;
    font-size: 12px;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 4px;

}
a.closeOverlay:hover {
	text-decoration: underline;
}
#overlay p {
	font-size: 1.5em;
	line-height: 1.2;
	color: #5d5d5d;
}
#overlay h5 {
	font-size: 22px;
	margin: 0 0 20px 0;
	color: #2a5981;
}
#overlay .rightCol {
	width: 348px;
	float: right;
	margin: 40px 50px 0 0;
}
#airplayMore {
	position: absolute;
	top: 572px;
	left: 169px;
}

#overlay .airplay_logo {
	position: absolute;
	top: -83px;
	left: 0;
}
/* Products List */

.products {
	clear: both;
	position: absolute;
	top: 670px;
	left: 100px;
	width: 1010px;
}
.products h2 {
	margin: 0 0 30px 50px;
	padding: 0;
}
.products ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 44px;
}
.products ul li {
	float: left;
	margin: 0 66px 0 0;
	list-style: none;
}
.products ul li.prod2,
.products ul li.prod3 {
	margin-right: 58px;
}
.products ul li.last {
	margin-right: 0;
}
.products ul li.last a.btn {
	margin: 74px 0 0 0;
}
.products ul li img{
	float: left;
}
.products ul li span {
	clear: left;
	display: block;
	padding: 20px 0 3px 0;
	font-size: 130%;
	text-align: left;
	color: #202020;
}
.products ul li span em {
	font-style: normal;
	padding: 0 0 0 12px;
	background: url(../images/arrow.gif) no-repeat 0 4px;
}
.products ul li a:hover em {
	text-decoration: underline;
}

.upgrades {
	position: absolute;
	top: 892px;
	left: 40px;
	width: 925px;
	height: 125px;
	background: url(../images/upgrade_bg.jpg) no-repeat 0 0;
}
.upgrades h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #2a5981;
	margin: 0 0 7px 0;
	padding: 0;
}
.upgrades p {
	width: 250px;
	float: left;
	display: inline;
	font-size: 12px;
	line-height: 1;
}
.upgrades .col1 {
	margin: 14px 0 0 360px;
}
.upgrades .col2 {
	margin: 0 0 0 36px;
}
.upgrades .col2 span {
	font-size: 10px;
	padding-top: 4px;
	display: block;
}

#base {
	position: absolute;
	top: 1054px;
	left: 35px;
	display: inline;
	color: #000;
	width: 970px;
}
#base a {
	color: #000;
}
#terms {
	float: left;
}
#footer {
	float: right;
}
