/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(../img/body_bg.gif) 0 0 repeat-x #fff;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
img {border:none;}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:840px;
	height:280px;
	margin:0 auto;
	position:relative;
	padding:0 0px 0 0;
}
#header p.new{
	display:block;
	background:url(../img/logo.gif) 0 0 no-repeat;
	width:187px;
	height:41px;
	position:absolute;
	left:0px;
	top:4px;;
}
#header p.headTxt{
	width:271px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#010101;
	background-color:inherit;
	position:absolute;
	left:193px;
	top:23px;
}
#header p.headTxt span.bold{
	color:#010101;
	background-color:inherit;
	font-weight:bold;
}
#header p.headTxt span.green{
	color:#769608;
	background-color:#fff;
	padding:3px;
}
#header a.topLink{
	font-size:12px;
	line-height:21px;
	color:#0A56B4;
	background-color:inherit;
	position:absolute;
	left:245px;
	top:39px;
	text-decoration:underline;
}
#header a.topLink:hover{
	color:#0A56B4;
	background-color:#DDE0CA;
}
#header p.topDiv{
	width:2px;
	height:48px;
	display:block;
	background:url(../img/top_div.gif) 0 0 no-repeat;
	position:absolute;
	left:522px;
	top:0;
}
#header form{
	width:226px;
	height:21px;
	background:url(../img/top_form_icon.gif) 0 0 no-repeat;
	padding:6px 0 9px 43px;
	position:absolute;
	right:1px;
	top:9px;
}
#header form input.txtBox{
	width:1£²2px;
	height:19px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	float:left;
	color:#071E22;
	background-color:#fff;
	font-size:12px;
	line-height:150%;
	padding:0 0 0 10px;
}
#header form input.go{
	width:50px;
	height:21px; 
	background:url(../img/btn_go.gif) 0 0 no-repeat #EDEFE0;
	border:none;
	cursor:pointer;
	font:bold 10px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	text-transform:uppercase;
}
#header ul.nav{
	width:877px;
	height:35px;
	background:url(../img/nav_div.gif) left top no-repeat;
	padding:0 0 0 2px;
	position:absolute;
	left:0px;
	top:50px;
}
#header ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(../img/nav_div.gif) right top no-repeat;
	height:35px;
}
#header ul.nav li a{
	display:block;
	background:url(../img/nav_bg.gif) 0 0 repeat-x #010101;
	padding:0 14px;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul.nav li a:hover,#header ul.nav li a.hover{
	background:url(../img/nav_bg_hover.gif) 0 0 repeat-x #B4BFAE;
	color:#434446;
}


#header ul.nav li.noImg{
	background-image:none;
}
#header ul.nav li a.ico{
	background:url(../img/nav_liico_img.gif) 8px 3px no-repeat ; padding-left:40px;
}

#header ul.nav li a:hover.ico{
background:url(../img/nav_liico_img.gif) 8px 3px no-repeat ; padding-left:40px; color:#ddd;
}

#header img.logo{
	position:absolute;
	left:1px;;
	top:86px;
	width:550px;
	height:190px;
}
#header p.topTxt{
	display:block;
	font-size:12px;
	line-height:21px;
	color:#fff;
	background-color:inherit;
	width:494px;
	position:absolute;
	left:0;
	top:214px;
}
#header ul.menu{
	width:365px;
	height:82px;
	position:absolute;
	left:0;
	top:273px;
}
#header ul.menu li{
	float:left;
	margin:0 14px 0 0;
}
#header ul.menu li a.blog{
	display:block;
	height:11px;
	width:77px;
	background:url(../img/blog.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:12px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.blog:hover{
	background:url(../img/blog_hover.gif) 0 0 no-repeat;
}
#header ul.menu li a.download{
	display:block;
	height:11px;
	width:77px;
	background:url(../img/download.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:12px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.download:hover{
	background:url(../img/download_hover.gif) 0 0 no-repeat;
}
#header ul.menu li a.recycle{
	display:block;
	height:11px;
	width:77px;
	background:url(../img/recycle.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:12px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.recycle:hover{
	background:url(../img/recycle_hover.gif) 0 0 no-repeat;
}
#header ul.menu li a.idea{
	display:block;
	height:11px;
	width:77px;
	background:url(../img/idea.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:12px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.idea:hover{
	background:url(../img/idea_hover.gif) 0 0 no-repeat;
}
#topRight{
	width:287px;
	height:188px;
	float:right;
	padding:0px 0 0 0;
	margin:86px 0 0 0;
	border-bottom:#fff solid 2px;
	border-right:#2A758F solid 2px;
	background-color:#8EB213;
	color:#fff;
}
#topRight h2{
	display:block;
	background:url(../img/event_bg.gif) 0 0 no-repeat;
	width:226px;
	height:41px;
	padding:0 0 0 13px;
	font-size:29px;
	line-height:47px;
	font-weight:bold;
	margin:17px 0 8px 17px;
}
#topRight p.topRightTxt{
	display:block;
	width:216px;
	background:url(../img/bullet.gif) 17px 5px no-repeat;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	margin:0 0 6px 0;
	padding:0 0 0 39px;
}
#topRight p.topRightTxt2{
	width:240px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#DCFF58;
	background-color:inherit;
	margin:0 0 3px 0;
	padding:0 0 0 17px;
}
#topRight p.topRightTxt2 span{
	display:block;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	margin:3px 0 0 0;
	padding:0;
}
#topRight a{color:#000;text-decoration:none;}
#topRight a.more{
	display:block;
	background:url(../img/more_bg.gif) 0 0 no-repeat;
	width:50px;
	height:18px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 0 0 205px;
}
#topRight a:hover{
	color:#000;
	text-decoration:underline;
	
}
#topRight p.topRightBot{
	display:block;
	background:url(../img/top_right_bottom.gif) 0 0 no-repeat;
	width:287px;
	height:16px;
	font-size:0;
}
	
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:840px;
	margin:14px auto 10px auto;
	background:url(../img/body_bg2.gif) 0 0 repeat-y;
	padding:0 0px 0 0;
}
/*------------------------------------------------left--------------------*/

#left{
	width:525px;
	float:left;
	padding:0px 0 0 0;
}
#left table{
    border:1px solid #ccc;
    width:525px;
	margin:8px 0 ;
	font-size:14px;
	text-align:left;
}
#left table th{ 
    background:url(../img/table_ico01.gif) 8px center no-repeat;
    padding-left:40px;
	background-color:#EDEFE0;
	height:30px;
	line-height:30px;
}
#left table td{ 
    padding:3px 10px;
	background-color:#EDEFE0;
	height:26px;
	line-height:26px;
}


#left .img1{
	border:1px #cccccc solid;
	padding:3px;
	margin-top:25px;
	clear:both;
}

#left h2.welcome{
	display:block;
	width:515px;
	height:30px;
	border-bottom:#E7E7E7 solid 2px;
	font-size:28px;
	line-height:26px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	margin:0 0 18px 0;
}
#left h2.welcome span{
    float:right;
    font-size:12px;
	margin:0 0 3px 55px;
	background-color:#fff;
	text-decoration:none;
}
#left h1{
	display:block;
	width:515px;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#6B8A05;
	background-color:inherit;
	padding:5px 0 8px;
	border-bottom:2px solid #E7E7E7;
	background-color:none;
	margin-bottom:16px;
	text-align:center;
}
#left h1 span{
    display:block;
	font-size:14px;
	background-color:none;
	line-height:18px;
	background-color:#fff;
	color:#aaa;
	letter-spacing:1px;
	text-align:center;
}
#left h3{
	display:block;
	width:515px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#6B8A05;
	background-color:inherit;
	margin:0 0 22px 0;
	border:none;
}

#left h5 a{
    float:right;
	display:block;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#6B8A05;
	margin:0 0 22px 0;
	border:none;
	text-decoration:none;
	margin:8px 0;
}
#left p.lftTxt1{
	display:block;
	width:515px;
	font-size:12px;
	line-height:22px;
	font-weight:normal;
	color:#000;
	background-color:inherit;
	margin:0 0 10px 0;
	border:none;
}
#left p.lftTxt2{
	display:block;
	width:515px;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	margin:0 0 10px 0;
	border:none;
}
#left span{
	color:#000;
	background-color:#FEF4D5;
}
#left a{
	color:#0A56B4;
	background-color:inherit;
	text-decoration:underline;
}
#left a:hover{
	background-color:#E0E4CB;
	color:#0A56B4;
}
#left ul.qqLink{font-size:14px; font-weight:bold; padding-left:25px;}
#left ul.qqLink li{ padding:6px 0; border-bottom:1px dashed #ccc; width:400px;}
#left ul.qqLink li span{margin-left:30px;}
#story{
	width:515px;
	border-top:#E0E4CB solid 4px;
	background-color:#EDEFE0;
	color:#020202;
	float:left;
	padding:0 0 9px 10px;
	margin-bottom:10px;
}
#story h2.story{
	display:block;
	width:234px;
	padding:0 0 0 7px;
	font-size:14px;
	line-height:30px;
}
#story h2.story a{
    color:#000000;
}
#story ul{
	width:475px;
	padding:15px 11px 22px 11px;
	background-color:#FAFBF1;
	color:#000;
}
#story ul li{
	background:url(../img/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 17px;
	clear:both;
	width:450px;
}
#story ul li span{
    float:right;  
	padding:1px 3px;
	font:12px  bold;
	color:#545454;
	background-color:#FAFBF1;
	
}
#story ul li br{ 
    clear:both;
}
#story ul li a{
	font-size:12px;
	line-height:20px;
	color:#CB6300;
	background-color:inherit;
	text-decoration:none;
}
#story ul li a:hover{
	color:#000;
	background-color:#E7E8DE;
}
#service{
	width:241px;
	border-top:#E0E4CB solid 4px;
	background-color:#EDEFE0;
	color:#020202;
	float:right;
	padding:0 0 9px 10px;
}
#service h2.story{
	display:block;
	width:234px;
	padding:0 0 0 7px;
	font-size:20px;
	line-height:32px;
}
#service ul{
	width:211px;
	padding:15px 11px 22px 11px;
	background-color:#FAFBF1;
	color:#000;
}
#service ul li{
	background:url(../img/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 17px;
}
#service ul li a{
	display:block;
	font-size:12px;
	line-height:20px;
	color:#CB6300;
	background-color:inherit;
	text-decoration:none;
}
#service ul li a:hover{
	color:#000;
	background-color:#E7E8DE;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right-------------------*/
#right{
	width:273px;
	padding:3px 0 0 0;
	float:right;
}
#right h2.world{
	width:262px;
	height:34px;
	display:block;
	background:url(../img/enter_world.gif) 0 0 no-repeat;
	margin:0 0 19px 0;
	text-indent:-20000px;
}
#right h2.ad{
	width:262px;
	height:262px;
	display:block;
	background:url(../img/2009101093221.jpg) center 0 no-repeat;
	margin:0 0 19px 0;
	text-indent:-20000px;
}
#right h2.book{
	width:262px;
	height:145px;
	display:block;
	background:url(../img/book.gif) 0 0 no-repeat;
	margin:0 0 0px 0;
	text-indent:-20000px;
}
#right ul.servise{
margin-bottom:10px;
}

#right ul.servise li{
    float:left;
	width:90px;
	padding:0 0 0 33px;
	background:url(../img/bullet3.gif) 4px 1px no-repeat;
	line-height:100%;
}

#right ul.servise li a{
font-size:12px;
font-family:ËÎÌå;
}
	


#right ul.book{
    font-size:14px;
	width:262px;
	padding:0 0 6px 0;
}
#right ul.book li{
	padding:0 0 0 12px;
	line-height:26px;
	margin:0;
	background:#494949;
	border-bottom:1px solid #707070;
}
#right ul.book li a{
	font:normal 14px/22px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#9D9D9D;
	text-decoration:none;
	font-weight:bold;
}
#right ul.book li a:hover{
	color:#fff;
	background-color:#494949;
	font-weight:bold;
}
#right p.rghTxt{
	display:block;
	width:268px;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#545454;
	background-color:inherit;
	margin:0 0 20px 0;
}
#right p.rghTxt span{
	color:#81A40C;
	background-color:inherit;
	font-weight:bold;
}
#right h3{
	display:block;
	width:266px;
	height:19px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	border-bottom:#E7E7E7 solid 2px;
	margin:0 0 11px 0;
}
#right ul{
    font-size:12px;
	width:262px;
	padding:0 0 18px 0;
}
#right ul li{
	padding:0 0 0 20px;
	margin:0;
	background:url(../img/bullet2.gif) 0 7px no-repeat;
}
#right ul li a{
	font:normal 13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#0A56B4;
	background-color:inherit;
	text-decoration:underline;
}
#right ul li a:hover{
	color:#000;
	background-color:#E7E7E7;
}
#right form{
	width:242px;
	border-top:#E0E4CB solid 3px;
	background-color:#EDEFE0;
	color:#000;
	padding:4px 12px 24px 12px;
	margin:0 0 19px 0;
}

#right form p,#right form b{ float:left;clear:both; font-size:12px;  display:block; padding-top:3px;}
#right form p{width:52px;}
#right form p.formtext,#right form b.formtext{
¡¡¡¡width:170px;
    float:left;
	font-size:12px;
	height:15px;
	color:#6B8A05;
	font-weight:bold;
	display:block;
	margin:3px 0 0 3px;
}

#right form p.formtext a{
	font-size:12px;
	height:15px;
	color:#6B8A05;
	font-weight:bold;
}


#right form h2{
	display:block;
	width:196px;
	height:31px;
	background:url(../img/userlogin.gif) 0 0 no-repeat;
	padding:0 0 0 36px;
	font-size:0px;
	color:#CB6300;
	background-color:inherit;
	font-weight:bold;
	margin:0 0 7px 0;
	float:left;
	text-indent:-2000px;
}
#right form input.txtBox2{
	width:99px;
	height:19px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	background-color:#fff;
	color:#000;
	font-size:12px;
	line-height:19px;
	padding:0 0 0 14px;
	margin:0 0 11px 0;
	float:left;
}
#right form input.chkBox{
	width:13px;
	height:13px;
	float:left;
	margin:0 8px 0 0;
	clear:both;
}
#right form label{
	width:95px;
	height:15px;
	font-size:12px;
	color:#6B8A05;
	background-color:inherit;
	font-weight:bold;
	float:left;
	display:block;
	
}
#right form input.login{
	background:url(../img/btn_login.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#EDEFE0;
	text-align:center;
	float:right;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
	margin-right:5px;
}
#right .landed{
	width:242px;
	border-top:#E0E4CB solid 1px;
	background-color:#EDEFE0;
	color:#000;
	padding:4px 12px 24px 12px;
	margin:0 0 19px 0;
}

	
/*------------------------------------------------right-------------------*/

/*------------------------------------------------test--------------------*/

#test{
	width:840px;
	
}
#test table{
    border:1px solid #ccc;
    width:840px;
	margin:8px auto ;
	font-size:14px;
	text-align:left;
}
#test table th{ 
    background:url(../img/table_ico01.gif) 8px center no-repeat;
    padding-left:40px;
	background-color:#EDEFE0;
	height:30px;
	line-height:30px;
}
#test table td{ 
    padding:3px 10px;
	background-color:#EDEFE0;
	height:26px;
	line-height:26px;
}
#test table b{ font-size:15px; color:#CC0000;}
#test .sub{background:url(../img/buttonbg02.gif);width:177px!important;width:179px;height:46px!important;height:48px; color:#fff; font-size:16px; font-weight:bold; letter-spacing:10px; display:block; text-decoration:none; text-align:center; line-height:42px; margin:12px auto;}
#test a.sub:hover{background:url(../img/buttonbg03.gif);}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	background:url(../img/footer_bg.gif) 0 0 repeat-x;
	height:107px;
}
#footer{
	width:633px;
	height:92px;
	margin:0 auto;
	position:relative;
	padding-top:15px;
}
#footer ul{
	width:483px;
	position:absolute;
	left:80px;
	top:22px;
}
#footer ul li{
	float:left;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	
	color:#B0D44E;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(../img/xhtml_bg.gif) 0 0 no-repeat;
	width:55px;
	height:20px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:248px;
	top:61px;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(../img/xhtml_bg.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:309px;
	top:61px;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:182px;
	height:16px;
	padding:2px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4DCDFD;
	background-color:inherit;
	text-transform:uppercase;
}
#footer p.design a.link{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4DCDFD;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#FF7C00;
}
#livesupport{z-index: -10; position: absolute; width: 95%; height: 60px; top: 300px; left:50px;}
#livesupport .inbox{ float:right;}

/*------------------------------------------------footer--------------------*/
/*------------------------------------------------Email--------------------*/

.linkpopupemail {
	position: relative;
	font-size:10px;
	line-height:19px;
	padding:0 0 0 10px;
	color: #1D859B;
	width:180px;
	height:16px;
}

.linkpopupemail span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupemail:link span,
.linkpopupemail:visited span {
 visibility: hidden;
}

.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*------------------------------------------------Email--------------------*/