@charset "utf-8";
* {	border:0;	margin:0;	padding:0;	font-family:Arial, Helvetica, sans-serif;	font-size:14px;}
body {	background-color:#eff0f8;}
#page {	margin:0px auto 0px auto;	width:1000px;	display:block;	/*min-height:500px;*/ overflow:hidden;	background-color:#eff0f8; /*height:200%;*/}

/*main header*/
#header {	position:relative;	clear:both;	display:block;	width:1000px;	height:153px;	background:url(../images/bg.png) repeat-y top right;}

/*nav*/
#page .navibar {	clear:both;	width:505px;	height:26px;	background:url(../images/bg.png) repeat-y top left;	display:block;	font-size:15px;	line-height:26px;	padding:4px 0px 4px 495px; font-weight:bold;}
#page .navibar li {	float:left;	list-style:none;	display:block;	height:26px;	line-height:26px;	text-transform:capitalize;}
#page .navibar li a {	padding:0px 6px;	display:block; line-height:26px;	height:26px;	text-align:center;	text-decoration:none;	font-size:15px; text-shadow: 1px 1px #FFF; color:#36F;}
#page .navibar li a:hover {	font-size:14px;	/*text-decoration:underline;*/ text-shadow: 1px 1px #09F; color:#FFF;}

#menu li {cursor: pointer; float:left; position:relative;}
#menu li a, #menu li p {display:block; height:30px; line-height:30px; width:150px;}
#menu ul {position:absolute; left:-9999px; width:150px;}
#menu :hover ul	{position:absolute; left:-9999px; width: 150px;}
#menu :hover ul	{left: 0; top:25px; border: 1px #000 solid;}
#menu ul li	{background-color: #88BADF; float: none; width: 150px;}

.contact a{ background:url(../images/email.png) no-repeat left center;}
.contact a:hover { background:url(../images/email_hover.png) no-repeat left center;}
.twitter a{ background:url(../images/twitter.png) no-repeat left center;}
.twitter a:hover { background:url(../images/twitter_hover.png) no-repeat left center;}

.appslist {color:#FFF}

/*thin line under nav*/
#page .bg-underbar {	clear:both;	height:6px;	display:block;	width:1000px;	background:url(../images/bg-menu-under.jpg) repeat-y top left;}

h2		{font-family: Arial Rounded MT Bold; font-weight: normal; font-size:30px;	height:40px;	line-height:40px;	padding-bottom:20px;	display:block; border-bottom:1px solid #7f7f7f;	color:#FFF;}
h3		{font-size:15px;	font-weight:normal;	padding-bottom:5px; display:block; border-bottom:1px solid #7f7f7f;	color:#FFF;}

/*Banner*/
#banner {		clear:both;	display:block;	width:1000px;	height:218px;	background:url(../images/bg.png) repeat-y top right;}
#appstore { width:200px; height:100px;		}

/*main contents*/
#contents {	clear:both;	display:block;	padding:20px 15px 0px 15px;	width:970px; overflow:hidden; background-color:#FFF; background:url(../images/bg.png) repeat-y top right;}
#contents a { text-decoration:none;	}
#contents a:hover { text-decoration:underline;	}

#right, #right p, #right a { font-size:17px; -webkit-text-size-adjust: 100%; padding:20px 10px 10px 20px; overflow:visible; color:#FFF; text-shadow: 1px 1px #09F; color:#333; }



/*main footer*/
#footer {	margin:0px auto 0px auto;	width:1000px;	display:block;	height:55px; overflow:hidden; background-color:#eff0f8; text-shadow: 1px 1px #09F; color:#333;}
#footer .contentBoxCnt {	text-align: center; margin-left:auto; margin-right:auto; display:block;	width:1000px;	padding:10px 0px 10px 0px; background:url(../images/bg.png) repeat-y top left;}