/*Styles */

body{
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#000;
}
body, td, img, p, ul, h1, h2, form{
	padding:0;
	margin:0;
}
a{
outline:none;color: #333;text-decoration: none;
}
a:hover {
	color: #FF0000;text-decoration: underline;
	LEFT: 1px; COLOR: #ff4800; POSITION: relative; TOP: 1px; TEXT-DECORATION: none;
}
ul{
	list-style-type:none;
}



#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 a{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#cc0000;
	background-color:inherit;
	margin:0 1px;
	background:url(images/button-bg.gif) 0 0 repeat-x;
	display:block;
	height:57px;
	padding:0 13px;
	position:relative;
	text-decoration:none;
}
#navigation a:hover, #navigation a.active{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 1px;
	background:url(images/buttonover-bg.gif) 0 0 repeat-x;
	display:block;
	height:57px;
	padding:0 13px;
	position:relative;
	text-decoration:none;
}
#navigation a span{
	background:url(images/button-bgspan.gif) 100% 0 no-repeat;
	width:5px;
	height:57px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	right:0;
	top:0;
}
#navigation a:hover span, #navigation a.active span{
	background:url(images/buttonover-bgspan.gif) 100% 0 no-repeat;
	width:5px;
	height:57px;
	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;
}
#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;
}



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



#bodypan table.welcome{
	background-color:#FEE4DE;
	color:#990000;
	line-height:20px;
	border:solid 1px #FE9D69;
}
.welcome p.welcometitle{
	font:20px/24px Arial, Helvetica, sans-serif;
	color:#990000;
	background-color:inherit;
	padding:5px 0 10px 13px;
}
.welcome p{
	padding:0 20px 0 16px;
}
.welcome ul{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#990000;
	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:600px;
}
.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:#fff;
	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:#fff;
}
.verticaltable td.redhead{
	background:url(images/redhead.gif) 0 0 no-repeat;
	color:#ffffff;
	background-color:inherit;
}
.verticaltable p.price{
	font:16px/18px Arial, Helvetica, sans-serif;
	padding:10px 0 0 155px; text-align:left;
}
.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:#333;
	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:#333;
	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:12px/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 5px 0 0;
	margin:5 0px 2px 0; 
}
.verticaltable a:hover{
	color:#000;
	background-color:inherit;
}



#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:9px;
	height:9px;
}
.loginpanel input.loginbutton{
	margin:0 7px 15px 0;
}
#rightpan table.newspanel{
	margin:25px 0 0 0;
}
.newspanel p.newstitle{
	font:14px/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:10px; line-height:20px
}
#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{
	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;
}