/* General Styles */

body{
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/bg.gif) 0 0 repeat-x #fff;
}
body, td, img, p, ul, h1, h2, form{
	padding:0;
	margin:0;
}
a{
outline:none;
}
ul{
	list-style-type:none;
}

/* Header panel styles */

#header td.logopanel{
	background:url(images/logo-panelbg.gif) 0 0 repeat-x;
}
#header img.logo{
	margin:40px 0 0 7px;
}
#header td.mainpic{
	background:url(images/header-bg.jpg) 0 0 no-repeat; 
}

/* Navigation panel style */

#navigation a{
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#0a9ecb;
	background-color:inherit;
	margin:0 1px;
	background:url(images/button-bg.gif) 0 0 repeat-x;
	display:block;
	height:27px;
	padding:0 13px;
	position:relative;
	text-decoration:none;
	font-family: "黑体", Arial;
	font-size: 12px;
}
#navigation a:hover, #navigation a.active{
	color:#fff;
	background-color:inherit;
	margin:0 1px;
	background:url(images/buttonover-bg.gif) 0 0 repeat-x;
	display:block;
	height:27px;
	padding:0 13px;
	position:relative;
	text-decoration:none;
	font-family: "黑体", Arial;
	font-size: 11px;
	line-height: 27px;
	font-weight: bold;
}
#navigation a span{
	background:url(images/button-bgspan.gif) 100% 0 no-repeat;
	width:5px;
	height:27px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	right:-1px;
	top:0px;
}
#navigation a:hover span, #navigation a.active span{
	background:url(images/buttonover-bgspan.gif) 100% 0 no-repeat;
	width:5px;
	height:27px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	right:0;
	top:0;
}

h1{
	font:normal 30px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:68px 0 7px 22px;
}
#header p{
	font:11px/17px Arial, Helvetica, sans-serif;
	color:#e28587;
	background-color:inherit;
	padding:0 0 0 22px;
	font-family: Arial, Helvetica, sans-serif;
}
#header table.extrabutton{
	margin:5px 3px;
}
.extrabutton table.middlebg{
	background:url(images/email-bg.gif) 0 0 repeat-x;
}
.extrabutton input.searchbox{
	width:123px;
	height:13px;
	line-height:13px;
	font-size:10px;
}
.extrabutton a.testing{
	background:url(images/testing-icon.gif) 0 50% no-repeat;
	font:bold 12px/38px Arial, Helvetica, sans-serif;
	padding:0 0 0 40px;
	color:#14d6c9;
	background-color:inherit;
	width:120px;
	height:38px;
	display:block;
	margin:0 0 0 8px;
	text-decoration:none;
}
.extrabutton a.testing:hover{
	color:#000;
	background-color:inherit;
}
.extrabutton a.privacy{
	background:url(images/privacy-icon.gif) 0 50% no-repeat;
	font:bold 12px/38px Arial, Helvetica, sans-serif;
	padding:0 0 0 40px;
	color:#5cb318;
	background-color:inherit;
	width:60px;
	height:38px;
	display:block;
	margin:0 0 0 8px;
	text-decoration:none;
}
.extrabutton a.privacy:hover{
	color:#000;
	background-color:inherit;
}
.extrabutton a.client{
	background:url(images/client-icon.gif) 0 50% no-repeat;
	font:bold 12px/38px Arial, Helvetica, sans-serif;
	padding:0 0 0 40px;
	color:#fed316;
	background-color:inherit;
	width:50px;
	height:38px;
	display:block;
	margin:0 0 0 8px;
	text-decoration:none;
}
.extrabutton a.client:hover{
	color:#000;
	background-color:inherit;
}
.extrabutton a.project{
	background:url(images/project-icon.gif) 0 50% no-repeat;
	font:bold 12px/38px Arial, Helvetica, sans-serif;
	padding:0 0 0 40px;
	color:#ff6719;
	background-color:inherit;
	width:70px;
	height:38px;
	display:block;
	margin:0 0 0 8px;
	text-decoration:none;
}
.extrabutton a.project:hover{
	color:#000;
	background-color:inherit;
}
.extrabutton a.ideas{
	background:url(images/idea-icon.gif) 0 50% no-repeat;
	font:bold 12px/38px Arial, Helvetica, sans-serif;
	padding:0 0 0 40px;
	color:#d81efa;
	background-color:inherit;
	width:45px;
	height:38px;
	display:block;
	margin:0 0 0 8px;
	text-decoration:none;
}
.extrabutton a.ideas:hover{
	color:#000;
	background-color:inherit;
}

/* Body Container */

#bodycontainer{
	padding:23px 0 26px 0;
}

/* Body Panel style */

#bodypan table.welcome{
	background-color:#f5f5f5;
	color:#000;
	border:solid 1px #e8e8e8;
}
.welcome p.welcometitle{
	font:20px/24px Arial, Helvetica, sans-serif;
	color:#e5312a;
	background-color:inherit;
	padding:5px 0 10px 13px;
}
.welcome p{
	padding:0 20px 0 16px;
	font-size: 15px;
}
.welcome ul{
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#258720;
	background-color:inherit;
	text-transform:uppercase;
	padding:9px 0 0 16px;
}
.welcome ul li{
	background:url(images/line.gif) 0 100% repeat-x;
	width:500px;
}
.welcome ul li.smallline{
	background:url(images/line.gif) 0 100% repeat-x;
	width:330px;
}
.welcome img.readmore{
	margin:6px 18px 15px 0;
}
#bodypan td.lowerbody{
	padding:25px 0 0;
}
#bodypan table.rightmar{
	margin:0 16px 0 0;
}
#bodypan table.bgcolorgreen{
	background-color:#a9d28b;
	color:#000;
}
#bodypan table.bgcolororange{
	background-color:#ffdfa2;
	color:#000;
}
#bodypan table.bgcolorred{
	background-color:#ffc8ac;
	color:#000;
}
#bodypan table.verticaltable{
}
.verticaltable td.greenhead{
	background:url(images/greenhead.gif) 0 0 no-repeat;
	color:#fff;
	background-color:inherit;
}
.verticaltable td.orangehead{
	background:url(images/orangehead.gif) 0 0 no-repeat;
	color:#fff;
	background-color:inherit;
}
.verticaltable td.redhead{
	background:url(images/redhead.gif) 0 0 no-repeat;
	color:#fff;
	background-color:inherit;
}
.verticaltable p.price{
	font:16px/18px Arial, Helvetica, sans-serif;
	padding:10px 0 0 155px;
}
.verticaltable p.greentitle{
	font:20px/20px Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
}
.verticaltable p.greentext{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#66d213;
	background-color:inherit;
	padding:0 0 10px 20px;
}
.verticaltable p.greentext{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#66d213;
	background-color:inherit;
	padding:0 0 10px 20px;
}
.verticaltable p.orangetext{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#9b5e00;
	background-color:inherit;
	padding:0 0 10px 20px;
}
.verticaltable p.redtext{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#801300;
	background-color:inherit;
	padding:0 0 10px 20px;
}
.verticaltable ul{
	padding:13px 26px 10px 19px;	
}
.verticaltable ul.greenul{
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#0f4a02;
	background-color:inherit;
}
.verticaltable ul.greenul li{
	background:url(images/icon.gif) 0 50% no-repeat;
	padding:0 0 0 11px;
}
.verticaltable ul.orangeul{
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#9d3702;
	background-color:inherit;
}
.verticaltable ul.orangeul li{
	background:url(images/orange-icon.gif) 0 50% no-repeat;
	padding:0 0 0 11px;
}
.verticaltable ul.redul{
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#9d3702;
	background-color:inherit;	
}
.verticaltable ul.redul li{
	background:url(images/red-icon.gif) 0 50% no-repeat;
	padding:0 0 0 11px;
}
.verticaltable a.greenmore{
	font:18px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	background:url(images/green-learn.gif) 100% 0 no-repeat;
	width:142px;
	height:29px;
	display:block;
	text-decoration:none;
	padding:0 22px 0 0;
	margin:0 20px 6px 0; 
}
.verticaltable a.orangemore{
	font:18px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	background:url(images/orange-learn.gif) 100% 0 no-repeat;
	width:142px;
	height:29px;
	display:block;
	text-decoration:none;
	padding:0 22px 0 0;
	margin:0 20px 6px 0; 
}
.verticaltable a.redmore{
	font:18px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	background:url(images/red-learn.gif) 100% 0 no-repeat;
	width:142px;
	height:29px;
	display:block;
	text-decoration:none;
	padding:0 22px 0 0;
	margin:0 20px 6px 0; 
}
.verticaltable a:hover{
	color:#000;
	background-color:inherit;
}

/* Right panel style */

#rightpan{
	padding:0 0 0 27px;
}
#rightpan table.login{
	border:solid 1px #dcdcdc;
}
#rightpan table.loginpanel{
	margin:6px 0 0;
}
.loginpanel p.logintitle{
	font:18px/28px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(images/login-icon.gif) 98% 50% no-repeat #00aadb;
	padding:0 0 0 5px;
}
.loginpanel p{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	background-color:inherit;
}
.loginpanel p a{
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	background-color:inherit;
	text-decoration:none;
}
.loginpanel p a:hover{
	color:#000;
	background-color:inherit;
}
.loginpanel p.remember{
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	background-color:inherit;
	text-decoration:none;
}
.loginpanel input.username{
	width:136px;
	height:16px;
	line-height:18px;
}
.loginpanel input.check{
	width:12px;
	height:12px;
}
.loginpanel input.loginbutton{
	margin:0 7px 15px 0;
}
#rightpan table.newspanel{
	margin:25px 0 0 0;
}
.newspanel p.newstitle{
	font:20px/28px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(images/news-icon.gif) 5% 50% no-repeat #00aadb;
}
.newspanel p.newstext{
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	background-color:inherit;
	padding:0 0 16px 0;
}
.newspanel p.newstext span.bold{
	font-weight:bold;
}
.newspanel p.newstext span.date{
	font-weight:bold;
	color:#1d9c14;
	background-color:inherit;
}
.newspanel p.newstext a{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#851619;
	background-color:inherit;
	text-decoration:none;
}
.newspanel p.newstext a:hover{
	color:#000;
	background-color:inherit;
}
.newspanel td.toppad{
	padding:20px 0 0;
}
#rightpan table.testimonial{
	border:solid 1px #d5e6cf;
}
.testimonial p.testititle{
	background:url(images/testimonial-icon.gif) 20px 50% no-repeat;
	font:20px/40px Arial, Helvetica, sans-serif;
	color:#545454;
	background-color:inherit;
	padding:0 0 0 70px;
}
.testimonial p.testitext{
	font:11px/17px Arial, Helvetica, sans-serif;
	color:#494949;
	background-color:inherit;
	padding:5px 22px 6px 18px;
}
.testimonial p.name{
	font:11px/17px Arial, Helvetica, sans-serif;
	color:#cc0000;
	background-color:inherit;	
	padding:0 0 7px 112px;
}

/* Footer panel style */

#footer{
	background:url(images/footer-bg.gif) 0 0 repeat-x;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#00aadb;
	background-color:inherit;
	padding:20px 0 10px 0;
}
#footer a{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#00aadb;
	background-color:inherit;
	text-decoration:none;
	margin:0 15px;
}
#footer a:hover{
	color:#fff;
	background-color:inherit;
}
#footer p{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	padding:5px 0 0;
}
#footer p a{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#00aadb;
	background-color:inherit;
	padding:5px 0 0;
	margin:0;
}
#header table tbody tr .mainpic h1 {
	font-family: Arial, Helvetica, sans-serif;
}