body     {margin: 0 0 0 0; background-color: #fff;}
body,td,p,li{font:normal 12px arial, tahoma; color: #fff;}
img      {border:0;}
input    {font:normal 11px arial, tahoma; color:#6a5d53;}
textarea {font:normal 11px arial, tahoma; color:#6a5d53;}
p        {margin: 0 0 20px 0; line-height: 16px;}
ul       {list-style: disc;    margin:0 0 15px 0; padding: 0 0 0 20px;}
ol       {list-style: decimal; margin:0 0 15px 0; padding: 0 0 0 20px;}
li       {text-align: left;}

h1 {font: normal 28px arial, tahoma; margin: 0 0 10px 0; color: #96E3FF;}
h2 {font: normal 18px arial, tahoma; margin: 0 0 10px 0; color: #96E3FF;}
h3 {font: normal 14px arial, tahoma; margin: 0 0 10px 0; color: #96E3FF;}


.root     {width: 960px; margin: 0 auto; overflow: visible;}
#section-top   {height: 423px; background-image: url('../images/common/bg-top2.jpg'); background-repeat: repeat-x; background-color: #a6d5fd;}
 .section-top-bg1 {background-image: url('../images/common/bg-top-v2.jpg'); background-repeat: no-repeat;height: 423px;}
 
#menu          {height: 20px; margin: 38px 0 0 38px;position: absolute;}
 #menu ul      {margin: 0; padding: 0;}
 #menu li      {float:left; margin: 0 20px 0 0; padding:0; display: inline; text-indent: -9999px;}
 #menu li a    {display: block; height: 20px; background-image: url('../images/common/menu3.png'); background-repeat: no-repeat; background-position: top; cursor: pointer;}
 
 #menu li.menu-item-1 a {width: 50px; background-position: 0 0;}
 #menu li.menu-item-2 a {width: 52px; background-position: -70px 0;}
 #menu li.menu-item-3 a {width: 55px; background-position: -143px 0;}
 #menu li.menu-item-4 a {width: 75px; background-position: -218px 0;}
 #menu li.menu-item-5 a {width: 95px; background-position: -313px 0;}
 #menu li.menu-item-6 a {width: 42px; background-position: -430px 0;}

 #menu li.menu-item-1 a:hover {width: 50px; background-position: 0 -20px;}
 #menu li.menu-item-2 a:hover {width: 52px; background-position: -70px -20px;}
 #menu li.menu-item-3 a:hover {width: 55px; background-position: -143px -20px;}
 #menu li.menu-item-4 a:hover {width: 75px; background-position: -218px -20px;}
 #menu li.menu-item-5 a:hover {width: 95px; background-position: -313px -20px;}
 #menu li.menu-item-6 a:hover {width: 42px; background-position: -430px -20px;}

 #menu li.menu-item-1.current-item a {width: 50px; background-position: 0 -20px;}
 #menu li.menu-item-2.current-item a {width: 52px; background-position: -70px -20px;}
 #menu li.menu-item-3.current-item a {width: 55px; background-position: -143px -20px;}
 #menu li.menu-item-4.current-item a {width: 75px; background-position: -218px -20px;}
 #menu li.menu-item-5.current-item a {width: 95px; background-position: -313px -20px;}
 #menu li.menu-item-6.current-item a {width: 42px; background-position: -430px -20px;}

#bt-appstore          {height: 45px;width: 155px; margin: 40px 0 0 780px;position: absolute;}
 #bt-appstore ul      {margin: 0; padding: 0;width: 155px;}
 #bt-appstore li      {margin: 0 20px 0 0; padding:0; display: inline; text-indent: -9999px;}
 #bt-appstore li a    {display: block; height: 45px; cursor: pointer;}
 #bt-appstore li.item-1 a {width: 155px; }
 
#section-pageContent {background-image: url('../images/common/bg-content.png'); background-repeat: repeat-x; background-color: #24c31d;}
 #pageContent        {min-height: 450px;}
 #pageContent p      {margin:0; padding: 0 0 15px 0; color: #fff; line-height: 18px;}
 #pageContentMargin  {padding: 25px 0 10px 10px;}
 
#section-trailer {background-image: url('../images/common/bg-trailer.png'); background-repeat: repeat-x; background-color: #924b17;}
 #trailer        {height: 340px;background-image: url('../images/common/bg-trailer2.png'); background-repeat: no-repeat;}
 #trailer p      {margin:0; padding: 0 0 15px 0; color: #fff; line-height: 18px;} 
 #trailerBox     {width: 320px; height: 265px; border: solid 2px #fff; margin: 30px 0 0 590px; position: absolute;}
 #buttonAppstore     {width: 180px; height: 65px; margin: 225px 0 0 145px; position: absolute;}

#section-foot {background-color: #321f0c; border-top: solid 1px #aa8345;}
 #foot        {height: 55px; text-align: center; padding: 20px 0 0 0;}

.contentImageLeft  {float: left; margin: 0 20px 15px 0;} 
.contentImageRight {float: right; margin: 0 0 15px 20px;} 

.preloader {display:block; width:1px; height:1px; overflow: hidden;}

.clearBoth {clear: both;} 

a:link, a:visited {color:#fff;text-decoration: underline;}
a:hover, a:active {color:#ebebeb;text-decoration: underline;}