@charset "utf-8";
/* CSS Document */

body {font:13px Arial, Helvetica, sans-serif; line-height:17px; margin:0; color:#666; text-align:center; background:#F5F5F5;}

h1 { font:21px Arial, Helvetica, sans-serif; color:#1D283F; margin:0 0 8px 0;}
h2 { font:18px Arial, Helvetica, sans-serif; color:#1D283F; margin:0;}
h3 { font:19px Arial, Helvetica, sans-serif; margin:0 0 7px 0;}
h4 { font:19px Arial, Helvetica, sans-serif; margin:0 0 17px 0; color:#666}



#main { margin:0 auto; width:930px; height:auto; text-align:left;}

#header { height:100px}
	.logo {float:left; width:250px;}
	.rh { float:left; width:680px; text-align:right; height:100px}
	.login_menu {width:98px; height:65px; font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/login_bg.png) no-repeat; color:#FFF; text-align:center; padding-top:5px; float:right;}
	.menu {width:427px; height:25px; float:right;}
	
		.m1 {display:block; width:80px; height:25px; background:url(../images/smenu.png) no-repeat 0 0; margin:0 20px 0 0; float:left}
		a.m1:hover, a.m1:visited:hover {background:url(../images/smenu.png) no-repeat 0 -30px}
		.m1on {display:block; width:80px; height:25px; background:url(../images/smenu.png) no-repeat 0 -30px; margin:0 20px 0 0; float:left}

		.m2 {display:block; width:80px; height:25px; background:url(../images/smenu.png) no-repeat -100px 0; margin:0 20px 0 0; float:left}
		a.m2:hover, a.m2:visited:hover {background:url(../images/smenu.png) no-repeat -100px -30px}
		.m2on {display:block; width:80px; height:25px; background:url(../images/smenu.png) no-repeat -100px -30px; margin:0 20px 0 0; float:left}		

		.m3 {display:block; width:76px; height:25px; background:url(../images/smenu.png) no-repeat -250px 0; margin:0 20px 0 0; float:left}
		a.m3:hover, a.m3:visited:hover {background:url(../images/smenu.png) no-repeat -250px -30px}
		.m3on {display:block; width:76px; height:25px; background:url(../images/smenu.png) no-repeat -250px -30px; margin:0 20px 0 0; float:left}			

		.m4 {display:block; width:68px; height:25px; background:url(../images/smenu.png) no-repeat -350px 0; margin:0 20px 0 0; float:left}
		a.m4:hover, a.m4:visited:hover {background:url(../images/smenu.png) no-repeat -350px -30px}
		.m4on {display:block; width:68px; height:25px; background:url(../images/smenu.png) no-repeat -350px -30px; margin:0 20px 0 0; float:left}

		.m5 {display:block; width:43px; height:25px; background:url(../images/smenu.png) no-repeat -450px 0; float:left}
		a.m5:hover, a.m5:visited:hover {background:url(../images/smenu.png) no-repeat -450px -30px}
		.m5on {display:block; width:43px; height:25px; background:url(../images/smenu.png) no-repeat -450px -30px; float:left}

.tab_main {background:url(../images/main_bg.png) no-repeat; width:930px; height:330px; float:left}


.tab_div { margin-left:25px; font:normal 19px Arial, Helvetica, sans-serif; color:#000066; width:400px; height:31px; background:url(../images/tab_linebg.png) repeat-x; }
	.tab_space { width:10px; height:31px; background:url(../images/tab_linebg.png) repeat-x; float:left}
	
	.tab_al {width:7px; height:31px; background:url(../images/tab_al.png) no-repeat; float:left}
	.tab_abg { padding:5px 8px 0 8px; height:28px; background:url(../images/tab_abg.png) repeat-x; float:left}
	.tab_ar {width:7px; height:31px; background:url(../images/tab_ar.png) no-repeat; float:left}
	
	.tab_pl {width:7px; height:31px; background:url(../images/tab_pl.png) no-repeat; float:left}
	.tab_pbg { padding:5px 8px 0 8px; height:28px; background:url(../images/tab_pbg.png) repeat-x; float:left}
	.tab_pr {width:7px; height:31px; background:url(../images/tab_pr.png) no-repeat; float:left}

	#postlist {height:160px; background:#FF6600; display:block; float:left}

	#list1 {margin:15px 0 0 50px; font-size:15px; line-height:19px; float:left}
	#list2 {margin:15px 0 0 50px; font-size:15px; line-height:19px; float:left}
	#list3 {margin:15px 0 0 50px; font-size:15px; line-height:19px; float:left}
	
			a.tl:link, .tl a {color: #999; text-decoration: none;}
			a.tl:hover {color: #999; text-decoration: underline;}
			a.tl:visited {color: #999; text-decoration: none;}
			a.tl:visited:hover {color: #999; text-decoration: underline; }

		.bs {display:block; width:174px; height:36px; background:url(../images/b_start.png) no-repeat; float:left}
		a.bs:hover, a.bs:visited:hover {background:url(../images/b_start.png) no-repeat 0 -40px}
		
		.bt {display:block; width:140px; height:36px; background:url(../images/b_tour.png) no-repeat; float:left}
		a.bt:hover, a.bt:visited:hover {background:url(../images/b_tour.png) no-repeat 0 -40px}


	.tab_part {width:465px; padding-top:15px; display:block; float:left}
		.mrv {display:block; width:440px; height:280px; background:url(../images/main_right_video.png) no-repeat; float:left}
		a.mrv:hover, a.mrv:visited:hover {background:url(../images/main_right_video.png) no-repeat 0 -300px}

	.ico_tm {display:block; width:19px; height:23px; background:url(../images/icon_tabmenu.png) no-repeat 0 0; margin:0 2px 0 0; float:left}
		a.ico_tm:hover, a.ico_tm:visited:hover {background:url(../images/icon_tabmenu.png) no-repeat -20px 0}
		.ico_tmon {display:block; width:19px; height:23px; background:url(../images/icon_tabmenu.png) no-repeat -40px 0; margin:0 2px 0 0; float:left}

	.mrc1 {display:block; width:440px; height:280px; background:url(../images/main_right_fifa2010.png) no-repeat; float:left}
	a.mrc1:hover, a.mrc1:visited:hover {background:url(../images/main_right_fifa2010.png) no-repeat 0 -300px}
		
	.mrc2 {display:block; width:440px; height:280px; background:url(../images/main_right_video.png) no-repeat; float:left}
	a.mrc2:hover, a.mrc2:visited:hover {background:url(../images/main_right_video.png) no-repeat 0 -300px}

	.mrc3 {display:block; width:440px; height:280px; background:url(../images/main_right_rep1.png) no-repeat; float:left}
	a.mrc3:hover, a.mrc3:visited:hover {background:url(../images/main_right_rep1.png) no-repeat 0 -300px}

	div.scroller { width: 455px; height: 285px; overflow: hidden}
		div.scroller div.section {width: 455px; height:285px; overflow:hidden; float:left}
		div.scroller div.content {width: 10000px;}
		div.controls {display:block; float:left; width:400px; height:25px}


.tab_foo {margin-top:10px; float:left; width:300px}
	.tab_foobg { background:url(../images/tab_bg.png) repeat-y; width:280px; height:120px; padding:0 5px 0 15px; display:block; overflow:hidden}
	.tab2 {width:140px; height:20px; float:left;}

.ml {float:left; width:670px;}
	.msl {background:url(../images/dta.gif) repeat-y; width:654px; padding:0 8px 0 8px; display:block; overflow:hidden}

			a.gl:link, .gl a {color: #3399FF; text-decoration: none; padding-left:2px; padding-right:2px;}
			a.gl:hover {color: #FFF; text-decoration: none; background-color:#3399FF}
			a.gl:visited {color: #3399FF; text-decoration: none; padding-left:2px; padding-right:2px;}
			a.gl:visited:hover {color: #FFF; text-decoration: none; background-color:#3399FF}	
			
			a.lae:link, .lae a {color: #FF0000; text-decoration: none; padding-left:2px; padding-right:2px;}
			a.lae:hover {color: #FFF; text-decoration: none; background-color:#FF0000}
			a.lae:visited {color: #FF0000; text-decoration: none; padding-left:2px; padding-right:2px;}
			a.lae:visited:hover {color: #FFF; text-decoration: none; background-color:#FF0000}
			
			a.logl:link, .logl a {color: #FFF; text-decoration: none;}
			a.logl:hover {color: #FFF; text-decoration: underline}
			a.logl:visited {color: #FFF; text-decoration: none;}
			a.logl:visited:hover {color: #FFF; text-decoration: underline}
			
/*PLANS & PRICING */
#plan {width:820px; line-height:16px; margin:0 auto;}
	.pp_l {width:190px; float:left;}
		.pp_lb1 {width:178px; height:31px; vertical-align:middle; padding:9px 7px 0 5px; background:url(../images/pp_l.png) no-repeat; float:left}
		.pp_lb2 {width:178px; height:38px; vertical-align:middle; padding:2px 7px 0 5px; background:url(../images/pp_l.png) no-repeat; float:left}
		
	.pp_1 {width:150px; float:left; text-align:center; font-size:21px; color:#4080BF}
		.pp_1_1{width:150px; height:28px; padding-top:27px; background:url(../images/pp_1_1.png) no-repeat; font-size:19px; color:#336699}
		.pp_1_2{width:150px; height:31px; padding-top:9px;  background:url(../images/pp_1_2.png) no-repeat;}
		.pp_1_3{width:150px; height:31px; padding-top:9px;  background:url(../images/pp_1_3.png) no-repeat; color:#993333; font-size:15px}
		.pp_1_4{width:150px; height:42px; padding-top:9px;  background:url(../images/pp_1_4.png) no-repeat;}
		.pp_1_5{width:150px; height:29px; padding-top:6px;  background:url(../images/pp_1_5.png) no-repeat; font-size:15px}
		.pp_1_b{width:150px; height:31px; padding-top:9px;  background:url(../images/pp_1_b.png) no-repeat;}

	.pp_2 {width:149px; float:left; text-align:center; font-size:21px; color:#999900; }
		.pp_2_1{width:149px; height:28px; padding-top:27px; background:url(../images/pp_2_1.png) no-repeat; font-size:19px; color:#596F06}
		.pp_2_2{width:149px; height:31px; padding-top:9px;  background:url(../images/pp_2_2.png) no-repeat;}
		.pp_2_3{width:149px; height:31px; padding-top:9px;  background:url(../images/pp_2_3.png) no-repeat; color:#993333; font-weight:bold}
		.pp_2_4{width:149px; height:42px; padding-top:9px;  background:url(../images/pp_2_4.png) no-repeat;}
		.pp_2_5{width:149px; height:29px; padding-top:6px;  background:url(../images/pp_2_5.png) no-repeat; font-size:15px}
		.pp_2_b{width:149px; height:31px; padding-top:9px;  background:url(../images/pp_2_b.png) no-repeat;}
		
	.pp_3 {width:180px; float:left; text-align:center; font-size:21px; color:#336600}
		.pp_3_1{width:180px; height:28px; padding-top:27px; background:url(../images/pp_3_1.png) no-repeat; font-size:19px; color:#FFF}
		.pp_3_2{width:180px; height:31px; padding-top:9px;  background:url(../images/pp_3_2.png) no-repeat;}
		.pp_3_3{width:180px; height:31px; padding-top:9px;  background:url(../images/pp_3_3.png) no-repeat; color:#993333; font-weight:bold}
		.pp_3_4{width:180px; height:42px; padding-top:9px;  background:url(../images/pp_3_4.png) no-repeat;}
		.pp_3_5{width:180px; height:29px; padding-top:6px;  background:url(../images/pp_3_5.png) no-repeat; font-size:15px}
		.pp_3_b{width:180px; height:31px; padding-top:9px;  background:url(../images/pp_3_b.png) no-repeat;}

	.pp_4 {width:150px; float:left; text-align:center; font-size:21px; color:#999900}
		.pp_4_1{width:150px; height:28px; padding-top:27px; background:url(../images/pp_4_1.png) no-repeat; font-size:19px; color:#596F06}
		.pp_4_2{width:150px; height:31px; padding-top:9px;  background:url(../images/pp_4_2.png) no-repeat;}
		.pp_4_3{width:150px; height:31px; padding-top:9px;  background:url(../images/pp_4_3.png) no-repeat; color:#993333; font-weight:bold}
		.pp_4_4{width:150px; height:42px; padding-top:9px;  background:url(../images/pp_4_4.png) no-repeat;}
		.pp_4_5{width:150px; height:29px; padding-top:6px;  background:url(../images/pp_4_5.png) no-repeat; font-size:15px}
		.pp_4_b{width:150px; height:31px; padding-top:9px;  background:url(../images/pp_4_b.png) no-repeat;}

	.psfont	{font-size:15px; font-weight:normal; color:#999}
	.pdfont	{font-size:13px; font-weight:normal; font-style:italic; color:#999}

		a.pp_c:link, .pp_c a {color:#0099FF; text-decoration:none}
		a.pp_c:hover {color: #0066CC; text-decoration:none}
		a.pp_c:visited {color: #0099FF; text-decoration:none}
		a.pp_c:visited:hover {color: #0066CC; text-decoration:none}
		
		a.pp_s:link, .pp_s a {color:#FF0033; text-decoration:none}
		a.pp_s:hover {color: #CC3333; text-decoration:none}
		a.pp_s:visited {color: #FF0033; text-decoration:none}
		a.pp_s:visited:hover {color: #CC3333; text-decoration:none}		

	.pp_e {width:802px; height:36px; background:url(../images/pp_e.png) repeat-y; padding:16px 7px 0 10px; margin-top:20px; display:block; overflow:hidden}
		.pp_ef {color:#999900}
		.pp_eline { padding-left:8px; padding-right:8px; color:#999}
			.tooltip{width: 200px; color:#787878; font:normal 11px Tahoma,Arial,sans-serif; text-align:center}
			.tooltip span.top{padding: 30px 8px 0; background: url(../images/tooltip.gif) no-repeat top}
			.tooltip b.bottom{padding:3px 8px 15px;color: #548912; background: url(../images/tooltip.gif) no-repeat bottom}

	.pp_d {width:435px; height:115px; background:url(../images/pp_d.png) no-repeat; padding:7px 0 0 15px; margin-top:10px; float:right}
		.pp_dh {font-size:19px; color:#FFF; width:250px; height:40px;}
		.pp_d1 {font-size:19px; color:#7649B1; width:130px; height:41px; float:left}
		.pp_d2 {font-size:21px; font-weight:bold; width:300px; height:41px; float:left; color:#993333; }


.mr {float:left; width:250px; margin-left:10px}
	.sidebar {background:url(../images/sta.gif) repeat-y; width:234px; overflow:hidden; padding:0 5px 0 11px; display:block}
	.sidebar ul { list-style-position:outside; margin-left:-30px; color:#2A0996; font:bold 15px Arial, Helvetica, sans-serif}
		.sidebar li { list-style-image:url(../images/sli.gif); padding-top:2px; line-height:16px;  font:normal 13px Arial, Helvetica, sans-serif; margin-left:20px; margin-top:3px}
		.greydate {color:#999;}

.mw {width:914px; background:url(../images/wta.gif) repeat-y; padding:0 8px 0 8px; display:block; overflow:hidden;}
.btext {font-size:15px; line-height:19px}

.tw {display:block; width:134px; height:61px; background:url(../images/twitter_follow.png) no-repeat; float:left}
		a.tw:hover, a.tw:visited:hover {background:url(../images/twitter_follow.png) no-repeat 0 -65px}

.contact_bg {display:block; width:550px; height:290px; padding:60px 0 0 90px; background:url(../images/contact_bg.jpg) no-repeat; float:left}
.help_bg {display:block; width:450px; height:320px; padding:30px 0 0 190px; background:url(../images/help_bg.jpg) no-repeat; float:left}

/*		
.sv5 {margin-top:5px; display:block}
.sv10 {margin-top:10px; display:block}
.sv15 {margin-top:15px; display:block}
.sv20 {margin-top:20px; display:block}
.sh20 {width:20px; display:block; float:left;}

*/
#footer { padding-bottom:10px; text-align:right; color:#888}

	.fmline { padding-left:6px; padding-right:6px; color:#E2E2E2}
	
		a.fmenu:link, .fmenu a {color:#2480BB; text-decoration:none}
		a.fmenu:hover {color: #2480BB; text-decoration:underline}
		a.fmenu:visited {color: #2480BB; text-decoration:none}
		a.fmenu:visited:hover {color: #2480BB; text-decoration:underline}

.clearfloat { 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}