/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background: #E5E5E5;
	font:13px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
}
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
a {
	color:#00CC00;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
	color:#4096EE;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
h3{
	font-family:Georgia, Geneva,  Helvetica;
	font-size:16px;
	margin: 5px 0 0 5px;
	color:#0099FF;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#main{
	width:972px;
	margin:0 auto;
	padding:0 0 32px 0;
}
#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(images/img01.gif) repeat-y;
}
/*------------------------------------------------left--------------------*/
#left{
	width:220px;
	float:left;
	margin: 14px 0 0 0;
	background: url(images/left_1px.gif) 0 0 repeat-y;
}
#left img{
	display:block; font-size:0; line-height:0;
	}
#left img.logo{
	display:block;
	width:247px;
	height:97px;
}
#left ul{
	padding:5px 0px 10px 5px;
	width:216px;
}
#left ul li{
	border-bottom:#D2D5D5 solid 1px;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	width: 210px;
}
#left ul li a.ngi{
	display:block;
	background:url(images/ngi.gif) 0 0 no-repeat;
	width:199px;
	height:42px;
}
#left ul li a.ngi:hover{
	background:url(images/ngi_hover.gif) 0 0 no-repeat;
}
#left ul li a.potencial{
	display:block;
	background:url(images/potencial.gif) 0 0 no-repeat;
	width:199px;
	height:42px;
}
#left ul li a.potencial:hover{
	background:url(images/potencial_hover.gif) 0 0 no-repeat;
}
#left ul li a.ideal{
	display:block;
	background:url(images/ideal.gif) 0 0 no-repeat;
	width:199px;
	height:42px;
}
#left ul li a.ideal:hover{
	background:url(images/idea_hover.gif) 0 0 no-repeat;
}
#left ul li.noBdr{
	border-bottom:none;
	padding:0;
	margin:0;
}
#left ul li.noBdr a.innovative{
	display:block;
	background:url(images/innovative.gif) 0 0 no-repeat;
	width:204px;
	height:42px;
}
#left ul li.noBdr a.innovative:hover{
	background:url(images/innovative_hover.gif) 0 0 no-repeat;
}
#left form{
	width:201px;
	margin:0px 0 0 5px;
	background:url(images/newsletter_bg.gif) 0 0 repeat-x;
	height:76px;
	padding:19px 5px 0 5px;
}
#left form h2{
	display:block;
	width:165px;
	height:16px;
	background:url(images/newsletter_icon.gif) 0 0 no-repeat;
	padding:0 0 0 26px;
	margin:0 0 0 0;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#101010;
	background-color:inherit;
	}
#left form input{
	width:195px;
	float:right;
	height:21px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	color:#101010;
	background-color:#fff;
	font-size:10px;
	line-height:21px;
	margin:7px 0 0 0;
}
#left form input.signup{
	background:url(images/btn_signup.gif) 0 0 no-repeat;
	width:67px;
	height:17px;
	border:none;
	cursor:pointer;
	float:right;
	margin:0;
	padding:0;
	}
#left h2.faq{
	display:block;
	width:170px;
	height:35px;
	font:bold 16px/28px Arial, Helvetica, sans-serif;
	border-bottom:#D2D5D5 solid 1px;
	background:url(images/faq_icon.gif) 0 0 no-repeat;
	padding:5px 0 0 41px;
	margin:5px 0 5px 5px;
}
#left h2.faq a.hover{
	display:block;
	width:170px;
	height:35px;
	
	border-bottom:#sdsfdf solid 1px;
	background:url(images/faq_icon.gif) 0 0 no-repeat;
	padding:5px 0 0 41px;
	margin:5px 0 5px 5px;
}
#left h2.faq span{
	width:auto;
	font:22px/30px;
	height:24px;
	color:#000;
	background-color:inherit;
	margin:10px 0 0 0;
}
#left h2.faq span b{
	font-weight:bold;
	font-size:22px;
	height:24px;
	color:#C18B1E;
	background-color:inherit;
}
#left p.lastTop{
	display:block;
	margin: 0 0 0 3px;
	background:url(images/last_top.gif) 0 0 no-repeat;
	width:214px;
	height:6px;
	font-size:0;
	line-height:0;}
#left p.lftTxt{
	width:210px;
	display:block;
	margin:0 0 0 5px;
	font-size:12px;
	line-height:18px;
	padding:0 0 42px 0;
	border-bottom:#D2D5D5 solid 1px;
}
#left p.lftTxt span.green{
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#327C8E;
	background-color:inherit;
	margin:0 0 14px 0;
}
#left img.callUs{
	width:208px;
	height:45px;
	margin:19px 0 10px 5px;
}
#left ul.botLink{
	width:175px;
	height:29px;
	background:url(images/left_panel_bot_bg.gif) 0 0 repeat-x;
	padding:9px 0 0 30px;
	margin:0 0 0 5px;
}
#left ul.botLink li{
	padding:0 6px 0 0;
	margin:0;
	float:left;
}
#left ul.botLink li a.css{
	display:block;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	width:77px;
	height:17px;
	}
#left ul.botLink li a.css:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#left ul.botLink li a.xhtml{
	display:block;
	background:url(images/xhtml_valid.gif) 0 0 no-repeat;
	width:77px;
	height:17px;
	}
#left ul.botLink li a.xhtml:hover{
	background:url(images/xhtml_valid_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------Login--------------------*/

#logmember{
	width:210px;
	height: 170px;
	background-color:#000000;
	margin:5px 0px 0 5px;
	display:block;
}
#logmember h2{
	display:block;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	width:192px;
	padding:0 0 0 18px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin: 0px;
}
#logmember form{
	width:175px;
	background:url(images/member_form_bg.gif) 0 0 repeat-x #000000;
	padding:0px 17px 24px 17px;
	color:#fff;
	margin:0 0px 0 0px;
	height: 110px;
}
#logmember form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#logmember form input.txtBox{
	width:175px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0 0 5px 0;
	padding:0;
	float:left;
}
#logmember form a{
	background:url(images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 00px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color:#353535;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:125px;
}

#logmember form a:hover{
	text-decoration:none;
}
#logmember form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:750px;
	float:right;
	padding:13px 0 0 0;
}
#right ul.nav{
	width:495px;
	height:36px;
	float:left;
}
#right ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(images/nav_div.gif) right top;
}
#right ul.nav li a.navLink{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#right ul.nav li a.navLink:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#right ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#right ul.nav li.noImg{
	padding:0;
	float:left;
	background-image:none;
}
#right a.subscribe{
	display:block;
	background:url(images/subscribe.gif) 0 0 no-repeat;
	width:67px;
	height:17px;
	float:right;
	margin:10px 0 0 0;
}
#right a.subscribe:hover{
	background:url(images/subscribe_hover.gif) 0 0 no-repeat;
}
#right ul.link{
	width:705px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}
#right ul.link li.subLink{
	float:left;
	width:59px;
	display:block;
	padding:0 5px 0 0;
	}
#right ul.link li.subLink a.login{
	display:block;
	background:url(images/login.gif) 0 0 no-repeat;
	width:59px;
	height:17px;
	}
#right ul.link li.subLink a.login:hover{
	background:url(images/login_hover.gif) 0 0 no-repeat;
}
#right ul.link li.subLink a.serch{
	display:block;
	background:url(images/serch.gif) 0 0 no-repeat;
	width:59px;
	height:17px;
}
#right ul.link li.subLink a.serch:hover{
	background:url(images/serch_hover.gif) 0 0 no-repeat;
}
#rightBotMain{
	width:530px;
	margin:0px 0px 0 0px;
	float:left;
}
#rightBot{
	width:525px;
	background:url(images/right_bottom_1px.gif) 0 0 repeat-y;
}
#rightBot p.top{
	display:block;
	background:url(images/right_bottom_top.gif) 0 0 no-repeat;
	width:525px;
	height:6px;
	font-size:0;
	line-height:0;
}
#rightBot p.bot{
	display:block;
	background:url(images/right_bottom_bot.gif) 0 0 no-repeat;
	width:525px;
	height:6px;
	font-size:0;
	line-height:0;
}
#rightBot2{
	width:493px;
	background:url(images/right_bottom_yellow_1px.gif) 0 0 repeat-x #FFFDF9;
	color:#000;
	padding:0 0 0 20px;
	height: 212px;
	margin: 0 auto;
}
#rightBot2 h1{
	display:block;
	background:url(images/highlight.png) 0 0 no-repeat;
	width:450px;
	height:85px;
	margin:0px 0;
	text-indent:-2000px;
	float:left;
}
#rightBot2 a.whatSp{
	display:block;
	background:url(images/what_special.gif) 0 0 no-repeat;
	width:59px;
	height:43px;
	float:right;
}
#rightBot2 a.whatSp:hover{
	background:url(images/what_special_hover.gif) 0 0 no-repeat;
}
#rightBot2 ul.rightLink1{
	width:auto;
	background:url(images/bottom_link_11px.gif) 0 0 repeat-x;
	padding:20px 0px 0px 0px;
	float:left;
}
#rightBot2 ul.rightLink1 li{
	padding:0;
	margin:0;
	line-height:0;
}
#rightBot2 ul.rightLink1 li a{
	background:url(images/bullet.gif) 0 5px no-repeat;
	padding:0 0 0 18px;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#5E543A;
	text-decoration:none;
	background-color:inherit;
	display:block;
}
#rightBot2 ul.rightLink1 li a:hover{
	color:#5E543A;
	background-color:#FFFFFF;
}
#best{
	width:507px;
	border:#F4F4F4 solid 4px;
	padding:0px 5px 33px 5px;
	margin:10px 0 5px 0;
}
#best h2{
	display:block;
	width:500px;
	height:55px;
	background:url(images/why_best.gif) 0 0 repeat-x;
	float:left;
	
}
#best h2 span{
	width:275px;
	font:bold 26px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
#best p.bestTxt{
	width:500px;
	padding:2px 0 23px 0;
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#B87B05;
	background-color:#fff;
	display:block;
	float:left;
}
#best p.bestTxt2{
	width:500px;
	padding:0 0 20px 0;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	float:left;
	text-align: justify;
}
#best p.bestTxt2 a{
	color:#607203;
	background-color:#fff;
	text-decoration:underline;
}
#best p.bestTxt2 a:hover{
	color:#607203;
	background-color:#F3F0F0;
}
#best p.bestTxt2 span{
	color:#363636;
	background-color:#F9FEDB;
}
#best p.bestTxt3{
	width:500px;
	padding:0;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	float:left;
	text-align: justify;
}
#best p.bestTxt3 span{
	color:#363636;
	background-color:#F9FEDB;
}
#best p.bestTxt3 a{
	background:url(images/more.gif) 0 0 no-repeat;
	width:69px;
	height:18px;
/*	margin:0 0 0 96px;*/
	display:block;
	float:right;
}
#best p.bestTxt3 a:hover{
	background:url(images/more_hover.gif) 0 0 no-repeat;
}
#best p.pic{
	display:block;
	background:url(images/right_pic.gif) 0 0 no-repeat;
	width:99px;
	height:120px;
	float:right;
	border:#000000 dotted 1px;
}
#last{
	background:url(images/right_1px.gif) 0 0 repeat-y;
	width:214px;
	float:right;
	margin:0px 5px 5px 0;
	position: relative;
}
#last p.lastTop{
	display:block;
	background:url(images/last_top.gif) 0 0 no-repeat;
	width:214px;
	height:6px;
	font-size:0;
	line-height:0;
}
#last h2.res{
	display:block;
	width:194px;
	height:25px;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	margin:0 0 3px 6px;
	padding:0px 0 5px 8px;
}
#last h2.res span{
	background:url(images/star.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fffffc;
	background-color:inherit;
}
#last ul{
	width:202px;
	padding:0 0 30px 0;
	margin:0 0 0 6px;
	font-size:0;
	line-height:0;
}
#last ul li{
	display:block;
	background:url(images/responsible_link_bg.gif) 0 0 repeat-x;
	height:auto;
	padding:0 0 0 8px;
	margin:0 0 3px 0;
	line-height:0;
	font-size:0;
}
#last ul li a{
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#00CC00;
	background-color:inherit;
	text-decoration:none;
}
#last ul li a:hover{
	color:#4096EE;
	background-color:inherit;
}

#last p.lftTxt{
	width:210px;
	display:block;
	margin:0 0 10px 5px;
	font-size:13px;
	line-height:18px;
	padding:5px 0 20px 0;
	border-bottom:#D2D5D5 solid 1px;
	color: #333333;
	font-family: verdana;
	font-style: italic;
}
#leflast{
background:url(images/left_1px.gif) 0 0 repeat-y;
}
#leflast h2.future{
	display:block;
	width:203px;
	height:25px;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	margin:0 0 2px 5px;
	padding:0px 0 5px 8px;
}
#leflast h2.future span{
	background:url(images/star.gif) 0 2px no-repeat;
	padding:0 0 0 18px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fffffc;
	background-color:inherit;
}
#leflast h3{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	display:block;
	margin:0 0 10px 10px;
}
#leflast p.lastTxt{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
	margin:0 0 0 10px;
	display:block;
	width:190px;
}
#leflast a.plan{
	color:#607203;
	background-color:inherit;
	text-decoration:underline;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	margin:0 0 13px 10px;
	display:block;
	width:135px;
	
	
}
#leflast a.plan:hover{
	color:#000;
	background-color:inherit;
	text-decoration:underline;
}
#leflast p.lastBot{
	display:block;
	width:220px;
	height:22px;
	background:url(images/left_bot.gif) 0 0 no-repeat;
}
/*------------------------------------------------right--------------------*/


/*------------------------------------------------main--------------------*/
#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(images/footerbg.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 208px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(images/footerleft.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}
/*------------------------------------------------footer--------------------*/
/*------------------------------------------------Marquee news--------------------*/
#pscroller1{
width: 195px;
height: 125px;
border-bottom: 1px solid #cccccc;
padding: 5px;
background-color:#fff;
margin:0 0 0 5px;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
