body {
	font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: rgb(48,48,48);
}

body#splash {
	font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #000000;
}

a {
	text-decoration: none;
	color: #3deef4;
}

textarea {
     resize: none;
}

#taf-table td {
	padding: 4px 10px 4px 5px;
}


#topWrap {
	/*background: rgb(48,48,48) url('../images/top_wrap_bg.png') top left repeat-x; jsleeuw:2010:06:20:fix logo appearance on bg*/
}
#top {
	width: 950px;
	height: 117px;
	margin: 0 auto;
	position: relative;
}
#logo {
	display: inline;
	width: 421px;
	height: 36px;
	float: left;
	background: url('../images/logo.png') top left no-repeat;
	margin: 44px 0 0 10px;
}
ul#menu {
	list-style-type: none;
	height: 37px;
	top: 0;
	padding: 0;	
	width: 415px;
	float: left;
	margin: 38px 0 0 100px;
}
ul#menu li {
	float: left;	
	margin: 0 0 0 18px;
	padding: 0;
	position: relative;
}
ul#menu li a {
	background: url('../images/menu-button-states.png');	
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:37px;
	width:120px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	line-height: 37px;
	color: #3deef4;
	font-weight: bold;
	font-size: 13px;
}
ul#menu li a {
	background-position: 0 0;
}


ul#menu li a:hover {
	background-position: 0 -37px;
	border: 0;
	color: #FFFFFF;
}

#apps #menu li.apps a {
	background-position: 0 -74px;
	color: #FFFFFF;
}
#support #menu li.support a {
	background-position: 0 -74px;
	color: #FFFFFF;
}
#aboutus #menu li.aboutus a {
	background-position: 0 -74px;
	color: #FFFFFF;
}

#contentWrap {
	background: url('../images/bg_flare.png') bottom center no-repeat;
	/*background-position: -150px 0;*/
	border-top: solid 1px rgb(18,18,18);
	border-bottom: solid 1px rgb(18,18,18);
	background-color: #5d5d5d;
	overflow: hidden;
	position: relative;
}

#splash #contentWrap {
	background: #000000;
	border: 0;
}

#content {
	width: 950px;
	min-height: 703px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: transparent;
	z-index: 1;
}

#splash #content {
	width: 400px;
	padding: 60px 0 0 20px;
}

#splash #lang-menu {
	float: left;
	margin: 20px 0 0 108px;
	font-size: 1em;	
}

#splash #lang-menu li{
	font-size: .9em;
}

ul#lang-menu {
	float: right;
	margin: 0 10px 0 0;
}

ul#lang-menu li {
	float: left;
	margin: 8px 10px 0 0;
	color: #CCCCCC;
	font-weight: bold;
	font-size: .75em;
	text-transform: uppercase;
	list-style-type: none;
}
ul#lang-menu li a {
	text-decoration: none;
	color: rgb(48,48,48);
}

ul#lang-menu li a:hover {
	color: #FFFFFF;
	text-shadow: rgb(32, 32, 32) 0px 1px 1px;
}

#iphone {
	float: left;
	padding-top: 89px;
	padding-left: 21px;
	background: url('../images/iphone_otokun.png') no-repeat;
	margin: 78px 0 0 0px;
	height: 534px;
	width: 274px;
}

#aboutus #iphone, #support #iphone {
	background: url('../images/iphone_genkirobot.png') no-repeat;
}

#text {
	float: left;
	width: 540px;
	margin: 78px 0 0 60px;
}

#text a:hover {
	color: #FFFFFF;
	text-shadow: rgb(32, 32, 32) 0px 1px 1px;
}

#aboutus #text {
	float: left;
	width: 540px;
	margin: 78px 0 180px 60px;	
}

#text h2 {
	color: #FFFFFF;
	font-size: 32px;
	display: block;
}

#text h3 {
	margin: 25px 0 10px 0;
	color: #3deef4;	
}
#text p.soundbuddy  {
	color: rgb(40, 40, 40);
	font-weight: bold;
	margin: 8px 0 0 0;
	font-size: .75em;
}

#text p {
	color: #CCCCCC;
	line-height: 1.5em;
}

#support #text p, #aboutus #text p {
	color: #CCCCCC;
	line-height: 1.5em;
	margin-top: 1.5em;
}

#text ul {
	padding-left: 1.25em;
	text-indent: -1.25em;
}
#text ul li {
	list-style: disc url('../images/bullet.png') inside;
	color: #CCCCCC;
	line-height: 1.4em;
	font-size: 12px;
	margin: 0 0 1.2em 0;
}
a#download {
	margin: 40px 0 0 60px;
	float: left;
	width: 355px;
	height: 97px;
	background: url('../images/buy_now.png') top right no-repeat;
}
a#download:hover {
	background-position: -1px -98px;
}
#download-j {
	margin: 40px 0 0 60px;
	float: left;
	width: 355px;
	height: 97px;
	background: url('../images/buy_now-j.png') top right no-repeat;
}
a#download-j:hover {
	background-position: -1px -98px;
}
a#tellFriend {
	margin: 40px 0 0 1px;
	float: left;
	width: 191px;
	height: 97px;
	background: url('../images/tell_a_friend.png') top left no-repeat;
}
a#tellFriend:hover {
	background-position: 0 -98px;
}
a#tellFriend-j {
	margin: 40px 0 0 1px;
	float: left;
	width: 191px;
	height: 97px;
	background: url('../images/tell_a_friend-j.png') top left no-repeat;
}
a#tellFriend-j:hover {
	background-position: 0 -98px;
}

#bottomWrap {
	border-top: solid 1px #444;
	background: rgb(48,48,48) url('../images/top_wrap_bg.png') top left repeat-x;
}
#bottom {
	text-align: right;
	color: #5d5d5d;
	text-transform: uppercase;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 50px;
	font-size: .75em;
}
div#taf-modal {
	display: none;
	position: absolute;
	top: 350px;
	left: 450px;
	/*margin: 10px 0 0 160px;*/
	overflow: visible;
	z-index: 10;
	float: right;
}

#taf-parent-table {
	float: right;
}


#taf-table {
	background: rgb(255, 255, 255);
	border-spacing: 0px 0px;
	border-collapse: separate;
	width: 400px;
}

#taf-table td.firstrow {
	padding-top: 20px;
}

div#taf-modal input, div#taf-modal textarea {
	background: url('../images/input.png') repeat-x rgb(255, 255, 255);
	border: 1px solid rgb(204, 204, 204);
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Tahoma, Arial, sans-serif;
	padding: 4px;
	height: 20px;
	font-size:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius-: 4px;
	width: 100%;
	float: right;
}
div#taf-modal textarea {
	background: url('../images/textarea.png') repeat-x rgb(255, 255, 255);
	height: 60px;
}
div#taf-modal input#send {
	background: url('../images/send-back.png') repeat-x;
	float: right;
	width: 60px;
	height: 29px;	
	border: 1px solid rgb(52, 52, 52);
	color: rgb(204, 204, 204);
	font-weight: bold;
}

button#okbutton {
	background: url('../images/send-back.png') repeat-x;
	width: 60px;
	height: 29px;	
	border: 1px solid rgb(52, 52, 52);
	color: rgb(204, 204, 204);
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius-: 4px;
}

.taf-tl {
	background: url('../images/taf-top-left.png') no-repeat;
}
.taf-t {
	background: url('../images/taf-t.png') repeat-x;
	height: 21px;
}
.taf-tr {
	background: url('../images/taf-top-right.png') no-repeat;
}
.taf-hl {
	background: url('../images/taf-hl.png') no-repeat;
}
.taf-hc {
	background: rgb(48, 48, 48);
	line-height: 1.5em;
	color: rgb(204,204,204);
	font-weight: bold;
	padding: -2px 5px 2px 10px;
}
.taf-hr {
	background: url('../images/taf-hr.png') no-repeat;
}

a#taf-close {
	background: rgb(48, 48, 48) url('../images/ex.png') 0px -1px no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 25px;
	margin-left: 5px;
	position: relative;
	width: 26px;
}
a#taf-close:hover {
	background: rgb(48, 48, 48) url('../images/ex.png') 0px -26px no-repeat;
}

.taf-l {
	background: url('../images/taf-l.png') repeat-y;
	width: 23px;
}
.taf-c {
	width: 330px;
}
.taf-r {
	background: transparent url('../images/taf-r.png') repeat-y;
	width: 30px;
}
.taf-bl {
	background: url('../images/taf-bl.png') no-repeat;
}
.taf-b {
	background: url('../images/taf-b.png') repeat-x;
	height: 32px;	
}
.taf-br {
	background: url('../images/taf-br.png') no-repeat;
}

.formprocessing {
	background: #FFFFFF url('../images/ajax-loader.gif') 50px 10px no-repeat;	
}
#taf-table td.formlabel{
	font-size: 12px;
	font-weight: bold;
	color: rgb(36, 36, 36);
	vertical-align: middle;
	text-align: right;
}

#taf-table #messagelabel {
	padding-top: 10px;
	vertical-align: top;
}

.fieldtip {
	color: rgb(204, 204, 204);	
}