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

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(images/main_bg.gif) 0 0 repeat-x #02A8E4;
	color:#000;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	text-align: left;
}

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

#h4 {font-size:large; color:#000;}

#top{
	width:939px;
	margin:0 auto;
	background:url(images/header.jpg) left top no-repeat;
	height:378px;
	position:relative;
}
#top ul.first{
	height:29px;
	float:left;
	margin:13px 0 0 0;
}
#top ul.first li{
	float:left;
	font-size:0;
	line-height:0;
	display:block;
	padding:0 8px 0 0;
}
#top ul.first li.about{
	background:url(images/about_us_bg.gif) left top no-repeat;
	height:29px;
}
#top ul.first li a{
	display:block;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	color:#E1E1E1;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	width:65px;
}
#top ul.first li a:hover{
	background:url(images/nav_hover_new.gif) 0 0 no-repeat;
	color:#FFFEF3;
	background-color:inherit;
}
#top ul.first li a.hover{
	display:block;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	color:#FFFEF3;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	background:url(images/nav_hover_new.gif) 0 0 no-repeat;
	width:65px;
}
#top ul.sec{
	height:29px;
	float:right;
	margin:10px 0 0 0;
}
#top ul.sec li{
	float:left;
	font-size:0;
	line-height:0;
	display:block;
	padding:0 8px 0 0;
}
#top ul.sec li.about{
	background:url(images/about_us_bg.gif) left top no-repeat;
	height:29px;
}
#top ul.sec li a{
	display:block;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	color:#E1E1E1;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	width:75px;
}
#top ul.sec li a:hover{
	background:url(images/nav_hover_new.gif) 0 0 no-repeat;
	color:#FFFEF3;
	background-color:inherit;
}
#top form{
	background:url(images/top_form_bg.gif) 0 0 no-repeat;
	width:287px;
	height:25px;
	padding:11px 13px 11px 51px;
	position:absolute;
	left:587px;
	top:50px;
}
#top form label{
	display:block;
	font:bold 13px/25px Arial, Helvetica, sans-serif;
	color:#1E1E1E;
	background-color:inherit;
	width:57px;
	float:left;
}
#top form input.txtBox1{
	width:187px;
	height:23px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 10px/23px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	padding:0 0 0 6px;
	float:left;
}
#top form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat #fffffe;
	width:33px;
	height:25px;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	float:right;
	border:none;
	padding:0;
}
#top ul.topLink{
	background:url(images/top_link_bg.gif) 0 0 no-repeat;
	width:518px;
	height:69px;
	position:absolute;
	left:402px;
	top:137px;
	padding:0 0 0 19px;
}
#top ul.topLink li.project{
	display:block;
	background:url(images/div1.gif) right top repeat-y;
	padding:0 15px 0 0;
	height:69px;
	float:left;
	margin:0 10px 0 0;
}
#top ul.topLink li.project span.icon{
	background:url(images/project_icon.gif) 0 8px no-repeat;
	padding:0 7px 0 0;
	width:34px;
	display:block;
	float:left;
	height:69px;
}
#top ul.topLink li.project span.black{
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#top ul.topLink li.project  a{
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	margin:17px 0 0 0;
	display:block;
}
#top ul.topLink li.project  a:hover{
	color:#000;
	background-color:inherit;
}
#top ul.topLink li.network{
	display:block;
	background:url(images/div1.gif) right top repeat-y;
	padding:0 15px 0 0;
	height:69px;
	float:left;
	margin:0 10px 0 0;
}
#top ul.topLink li.network span.icon2{
	background:url(images/network_icon.gif) 0 8px no-repeat;
	padding:0 7px 0 0;
	width:34px;
	display:block;
	float:left;
	height:69px;
}
#top ul.topLink li.network span.black2{
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#top ul.topLink li.network  a{
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	margin:17px 0 0 0;
	display:block;
}
#top ul.topLink li.network  a:hover{
	color:#000;
	background-color:inherit;
}
#top ul.topLink li.addNote{
	display:block;
	padding:0 15px 0 0;
	height:69px;
	float:left;
	margin:0 0 0 0;
}
#top ul.topLink li.addNote span.icon3{
	background:url(images/add_note_icon.gif) 0 8px no-repeat;
	padding:0 7px 0 0;
	width:34px;
	display:block;
	float:left;
	height:69px;
}
#top ul.topLink li.addNote span.black3{
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#top ul.topLink li.addNote  a{
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	margin:17px 0 0 0;
	display:block;
}
#top ul.topLink li.addNote  a:hover{
	color:#000;
	background-color:inherit;
}
#top h2.getStart{
	display:block;
	background:url(images/getting_started.gif) 0 0 no-repeat;
	width:524px;
	height:80px;
	position:absolute;
	left:350px;
	top:200px;
	padding:12px 0 0 13px;
	font:bold 25px/45px Arial, Helvetica, sans-serif;
	color:#033661;
	background-color:inherit;
}
#top ul.topLink2{
	width:537px;
	height:65px;
	position:absolute;
	left:402px;
	top:276px;
}
#top ul.topLink2 li{
	display:block;
	margin:0 4px 0 0;
	font-size:0;
	line-height:0;
	float:left;
}
#top ul.topLink2 li.noMargin{
	margin:0;
}
#top ul.topLink2 li a{
	display:block;
	font:normal 22px/65px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.topLink2 li a:hover{
	color:#FEB100;
	background-color:inherit;
}
#top ul.topLink2 li a.idea1{
	display:block;
	background:url(images/idea1.gif) 0 0 no-repeat;
	width:73px;
	height:65px;
}
#top ul.topLink2 li a.idea2{
	display:block;
	background:url(images/idea2.gif) 0 0 no-repeat;
	width:73px;
	height:65px;
}
#top ul.topLink2 li a.idea3{
	display:block;
	background:url(images/idea3.gif) 0 0 no-repeat;
	width:73px;
	height:65px;
}
#top ul.topLink2 li a.idea4{
	display:block;
	background:url(images/idea4.gif) 0 0 no-repeat;
	width:73px;
	height:65px;
}
#top ul.topLink2 li a.idea5{
	display:block;
	background:url(images/idea5.gif) 0 0 no-repeat;
	width:74px;
	height:65px;
}
#top ul.topLink2 li a.idea6{
	display:block;
	background:url(images/idea6.gif) 0 0 no-repeat;
	width:74px;
	height:65px;
}
#top ul.topLink2 li a.idea7{
	display:block;
	background:url(images/idea7.gif) 0 0 no-repeat;
	width:73px;
	height:65px;
}

#top ul.leftNav{
	width:146px;
	position:absolute;
	left:0;
	top:167px;
}
#top ul.leftNav li{
	display:block;
	height:21px;
	background:url(images/div2.gif) left bottom repeat-x;
}
#top ul.leftNav li a{
	display:block;
	background:url(images/bullet.gif) 0 8px no-repeat;
	padding:0 0 0 13px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#top ul.leftNav li a:hover{
	color:#fff;
	background-color:#EFA801;
}
#top ul.leftNav li.noImg2{
	background-image:none;
}
/*------------------------------------------------top-------------------*/

/*------------------------------------------------bot-------------------*/
#bot{
	width:939px;
	margin:0 auto;
	padding:0 0 24px 0;
}

/*------------------------------------------------footer-------------------*/
#footerMain{
	width:100%;
	background:url(images/footer_bg.gif) 0 0 repeat-x #FFFEF3;
	color:#000;
	height:101px;
}
#footer{
	width:939px;
	margin:0 auto;
	position:relative;
	height:101px;
}
#footer ul{
	position:absolute;
	left:0;
	top:17px;
}
#footer ul li{
	float:left;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#E1E1E1;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#E1E1E1;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#FEB100;
	background-color:inherit;
}
#footer ul li a.home{
	padding:0 7px 0 0;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#E1E1E1;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a.home:hover{
	color:#FEB100;
	background-color:inherit;
}
#footer p.copyright{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:36px;
	width:350px;
	color:#38B6E8;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	width:65px;
	height:26px;
	position:absolute;
	left:852px;
	top:14px;
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 21px;
	background-color:inherit;
}
#footer a.xhtml:hover{
	color:#FEB100;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	width:65px;
	height:26px;
	position:absolute;
	left:762px;
	top:14px;
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 21px;
	background-color:inherit;
}
#footer a.css:hover{
	color:#FEB100;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:205px;
	position:absolute;
	left:382px;
	top:79px;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#AE2F03;
	background-color:inherit;
	padding:2px;
	text-transform:uppercase;
}
#footer p.design a.link{
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#202020;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
	
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
/*------------------------------------------------footer-------------------*/