body {
	font:75%/140% Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:url(../Images/pagebg.jpg) #000;
}

#wrapper {background:url(../Images/mainbg.jpg) top center no-repeat; margin-bottom:40px;}
.wrap-body {width:960px; margin:0 auto; text-align:left; background:url(../Images/container_bot_shadow.jpg) bottom no-repeat #fff; padding-bottom:10px; position:relative;}
#vt {position:absolute; left:-14px; top:73px;}
/*header*/
#header {padding:10px 20px;}
	/*branding*/
	#branding {width:150px; float:left;}
		#branding h1 {display:none;}
	/*main navigation*/
	#navi {float:right; width:770px; padding-top:2px;}
		#navi ul {float:right;}
		#navi li {
			float:left;
			margin-right:7px;
			font-size:120%;
			font-weight:bold;
		}
		#navi li.last {margin:0;}
		#nav-about a, #nav-press a, #nav-gallery a, #nav-faq a, #nav-gprs a, #nav-wiki a {display:block; text-indent:-2000em;}
		
		#nav-about a {background:url(../Images/navigation.gif) no-repeat 0 0; width:167px; height:36px;}
		#nav-about a:hover, #nav-about.current a {background:url(../Images/navigation.gif) no-repeat 0 -37px; width:167px; height:36px;}
		
		#nav-press a {background:url(../Images/navigation.gif) no-repeat -175px 0; width:65px; height:36px;}
		#nav-press a:hover, #nav-press.current a {background:url(../Images/navigation.gif) no-repeat -175px -37px; width:65px; height:36px;}
		
		#nav-gallery a {background:url(../Images/navigation.gif) no-repeat -248px 0; width:95px; height:36px;}
		#nav-gallery a:hover, #nav-gallery.current a {background:url(../Images/navigation.gif) no-repeat -248px -37px; width:95px; height:36px;}
		
		#nav-faq a {background:url(../Images/navigation.gif) no-repeat -351px 0; width:65px; height:36px;}
		#nav-faq a:hover, #nav-faq.current a {background:url(../Images/navigation.gif) no-repeat -351px -37px; width:65px; height:36px;}
		
		#nav-gprs a {background:url(../Images/navigation.gif) no-repeat -424px 0; width:95px; height:36px;}
		#nav-gprs a:hover, #nav-gprs.current a {background:url(../Images/navigation.gif) no-repeat -424px -37px; width:95px; height:36px;}
		
		#nav-wiki a {background:url(../Images/navigation.gif) no-repeat -527px 0; width:95px; height:36px;}
		#nav-wiki a:hover, #nav-wiki.current a {background:url(../Images/navigation.gif) no-repeat -527px -37px; width:95px; height:36px;}
		
		
#banner {line-height:0; position:relative; width:960px; height:250px}
#promotion {background:url(../Images/promotion_bg.gif) top repeat-x #dee9e6; height:96px; position:relative;}	
	#promotion .letstry	{position:absolute; top:-34px; left:0; width:460px; height:130px;}
	#promotion .ads {width:460px; float:right; padding:12px 20px 13px 0;}

#footer {padding:5px 20px 5px 20px; background:url(../Images/footer_shadow.gif) top center no-repeat; color:#999; font-size:90%;}
	#footer .copyright {float:left; font-weight:bold;}
	#footer .links {float:right;}
		#footer .links a {margin-right:5px; border-right:solid 1px #666; padding-right:5px; }
		#footer .links a.last {border:none; margin:0; padding:0;}
	
/*homepage*/
.wrap-homecontents {background:url(../Images/home_contents_bg.gif) top repeat-x;}
#intro {width:400px; float:left; padding:20px 15px 20px 30px;}
	#intro h2 {
		font-size:140%;
		font-weight:bold;
		color:#dd3105;
		margin-bottom:10px;
		background:url(../Images/lbl_intro.gif) no-repeat; width:332px; height:19px; text-indent:-2000em;}
	#intro .desc {font-size:120%; line-height:1.5em; margin-bottom:10px;}
	h3#supportlist a, h3#gprs a {display:block; text-indent:-2000em;}
	h3#supportlist a {background:url(../Images/img_supportlist.gif) no-repeat; width:400px; height:85px;}
	h3#gprs a {background:url(../Images/img_gprs_setup.gif) no-repeat; width:400px; height:91px;}
	
	.appnotes {color:#666; margin-bottom:20px;}
/*right block contents*/
#home-media {float:left; width:485px; padding:0 15px 20px 15px; background:url(../Images/right_block_bg.jpg) top no-repeat; position:relative; top:-12px;}
	/*how to use*/
	#howto {height:108px; background:url(../Images/lbl_howto_detail.gif) 33px 35px no-repeat;}
		#howto blockquote, #howto h3 {display:none;}
	/*why use baomoi mobi*/
	#whyuse {border-bottom:solid 1px #d7d7d7; margin-bottom:10px; height:32px;}
		#whyuse label {display:block; float:left; background:url(../Images/lbl_whyuse.gif) no-repeat; width:119px; height:32px; text-indent:-2000em;}
		#whyuse ul {float:left; width:356px; padding:8px 0 0 10px;} #whyuse li {color:#666; font-size:90%;}
/*media two cols*/
#media {padding:0 10px;}
	#faq {width:222px; float:left; margin-right:20px;}
		#faq h3 {font-size:120%; font-weight:bold; color:#dd3105; background:url(../Images/lbl_faq.gif) no-repeat; height:18px; text-indent:-2000em; border-bottom:solid 1px #ddd; padding-bottom:5px;}
		#faq ol {}
		#faq li {border-bottom:solid 1px #ddd;}
		#faq li.last {border:none;}
			#faq li a:link, #faq li a:visited {color:#000;}
			#faq li a:hover {color:#c00;}
			
		#faq-01, #faq-02, #faq-03, #faq-04, #faq-05, #faq-06, #faq-07, #faq-08, #faq-09, #faq-10 {padding:5px 0 5px 20px;}
		#faq-01 {background:url(../Images/bullet_01.gif) 0 7px no-repeat #f8f8f8;}
		#faq-02 {background:url(../Images/bullet_02.gif) 0 7px no-repeat;}
		#faq-03 {background:url(../Images/bullet_03.gif) 0 7px no-repeat #f8f8f8;}
		#faq-04 {background:url(../Images/bullet_04.gif) 0 7px no-repeat;}
		#faq-05 {background:url(../Images/bullet_05.gif) 0 7px no-repeat #f8f8f8;}
		#faq-06 {background:url(../Images/bullet_06.gif) 0 7px no-repeat;}
		#faq-07 {background:url(../Images/bullet_07.gif) 0 7px no-repeat #f8f8f8;}
		#faq-08 {background:url(../Images/bullet_08.gif) 0 7px no-repeat;}
		#faq-09 {background:url(../Images/bullet_09.gif) 0 7px no-repeat #f8f8f8;}
		#faq-10 {background:url(../Images/bullet_10.gif) 0 7px no-repeat;}
		
	#press {width:223px; float:left;}
		#press h3 {
			font-size:100%; font-weight:bold; margin-bottom:10px;
			background:url(../Images/lbl_press_release.gif) no-repeat;
			height:18px; text-indent:-2000em;
			border-bottom:solid 1px #ddd; padding-bottom:5px;
		}
		#press dl {line-height:1.3em;}
		#press dt {font-weight:bold; margin-bottom:5px;}
		#press dd {color:#666; margin-bottom:5px;}
		#press .source {font-weight:bold;}
		#press .slider-nav {float:right; margin-top:-35px;}
			#press .slider-nav #prev, #press .slider-nav #next {cursor:pointer;}
			#press #press-listing dl {width:223px;}
	
/*common*/
a:link, a:visited {color:#00a9ec; text-decoration:none;}
a:hover {color:#c00;}		
strong {font-weight:bold;}
em {font-style:italic;}

.roundbox {background:url(../Images/roundbar_top.gif) top no-repeat;}
	.roundbox-body {background:url(../Images/roundbar_bottom.gif) bottom no-repeat; padding:15px 15px 20px 15px;}

.align-center {text-align:center;} .align-right {text-align:right;}

/*bug fixes*/
.clearfix:after, #header:after, #navi:after, #whyuse:after, #pagecontents:after, #promotion:after, #footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #navi, #whyuse, #pagecontents, #promotion, #footer {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html #navi, * html #whyuse, * html #pagecontents, * html #promotion, * html #footer {height: 1%;}
.clearfix, #header, #navi, #whyuse, #pagecontents, #promotion, #footer {display: block;}
/* End hide from IE-mac */
.txt {
	background:url(../Images/form_txtbg.gif) top repeat-x;
	border:solid 1px #ccc;
	height:18px;
	}
	.txt2 {
	background:url(../Images/form_txtbg.gif) top repeat-x;
	border:solid 1px #ccc;
	}
	.ipn1 {width:150px;}
	.ipn2 {width:250px;}
	/*popup forms*/
	fieldset, form {margin:0; padding:0; border:none;}
		fieldset label {font-weight:bold; display:block; color:#666; margin-bottom:5px;}
		fieldset p {margin:5px 0; padding:0;}
	/*registration*/
	.close {float:right; margin:10px 0 0 0; padding:0;}
	#reg {display:none; text-align:left;}
	h4 {font-size:140%; font-weight:bold; color:#000; margin:10px 0; padding:0 0 10px 0; background:url(../Images/delim.gif) bottom repeat-x;}
	.notes {color:#666;}
	#feedbackform {display:none;}

#feedback {position:absolute; left:0; top:200px;}
#TB_ajaxContent .socialnetworks {margin:20px 0 0 0; border-top:solid 1px #ddd; padding-top:10px;}

.wrap-subpage, .wrap-gallery {padding:20px 30px 40px 30px}
	.wrap-subpage h2 {font-size:140%; font-weight:bold; color:#c00; margin-bottom:15px;}
	.wrap-subpage h3, .wrap-gallery h3 {color:#c00; font-size:120%; font-weight:bold; margin-bottom:15px;}
	.wrap-subpage p {margin:15px 0;}
	.wrap-subpage ul {margin:15px; list-style:disc}
	.wrap-subpage li {list-style:disc}
	
.breadcrumbs {border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:20px; color:#666; font-size:90%}
	.breadcrumbs label {font-weight:bold;}

#sidebar {width:210px; float:left;}	
/*news*/
#news {
	float:left;
	width:660px;
	margin-right:30px;
}
	.news-listing {}
		.news-listing dl {border-bottom:solid 1px #ddd; margin-bottom:10px; padding-bottom:10px;}
			.news-listing dl dt {font-weight:bold;}
			.news-listing dl .source {color:#999;}
			
/*photos gallery*/

#gallery {width:600px; margin:0 auto;}







/* For Pagination 
---------------------------------------------------------*/
.pagination 
{
	font-size	: 0.9em;
	color		: Black;
}

.pagination span.current
{
	background-color	: #FFFFFF;
	border				: 1px solid #FFFFFF;
	color				: #333333;
	font-weight			: bold;
	margin				: 2px;
	padding				: 2px 4px;
}

.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited
{
	background-color	: #FFFFFF;
	border				: 1px solid #80ABFF;
	font-weight			: bold;
	margin				: 2px;
	padding				: 2px 4px;
	text-decoration		: none;
}

.pagination a:hover, .pagination a:focus
{
	background-color	: #4D8AFF;
	border				: 1px solid #0057FF;
	color				: #FFFFFF;
}