@charset "utf-8";

* {
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
	color: #666666;
	font-size: 12px;
}

BODY {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(images/Background.jpg) repeat-x;
}

li{
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	color: #1F8EC3;
	font-size: 12px;
}

a:link { text-decoration:none; color:#1F8EC3;}
a:visited { text-decoration:none; color:#A0C342;}
a:active { text-decoration:none; color:#A0C342;}
a:hover { text-decoration:none;color:#A0C342;}
h1{
	font-size:15px;
	padding-left:10px;
	color:#666666;
	display:inline;
}

h2{
	font-size:13px;
	line-height:10px !important; 
	line-height:18px; 
	background:url(images/h2.gif) no-repeat; 
	padding-left:15px; 
	height:12px;
	margin-top:50px;
	color:#333333;
}
h3{
	font-size:12px;
	line-height:18px;
	background:url(images/h3.gif) no-repeat;
	padding-left:18px;
	font-weight:normal;
	color:#333333;
}
h4{
	font-size:14px;
	line-height:18px;
	border-bottom:1px solid #CCCCCC;
	height:25px;
	color:#333333;
	margin-top:50px;
}

h5{
	font-size:13px;
	line-height:10px !important;
	line-height:18px;
	background:url(images/h5.gif) no-repeat;
	padding-left:15px;
	height:12px;
	color:#333333;
	margin-top:30px;
}
h6{
	height:38px;
	width:93px;
	background:url(images/button3.jpg) no-repeat;
	text-align:center;
	color:#FFFFFF;
	line-height:30px;
	margin-top:50px;
}
h7{
	background-color:#FFFFCC;
	color:#990000;
}

#container {
	background-color:#FFFFFF;
	width:960px;
}

#header {
	height:110px;
	position:relative;
	width:960px;
}

#logo {
	background:url(images/logo.jpg) no-repeat;
	width:165px;
	height:109px;
	position:absolute;
	left: 7px;
	top: -5px;
}
#sidebar {
	float:left;
	width:225px;
	background:url(images/sidebar.jpg) no-repeat;
	height: 700px;
	margin-top:10px;
}
.footer {
	position:relative;
	margin-top:50px;
	height:100px;
	font-size:12px;
	background:url(images/logo_2.gif) no-repeat;
	width:960px;
}

.footer_nav {
	position: absolute;
	left: 137px;
	top: 29px;
}	

.footer_info {
	position: absolute;
	left: 137px;
	top: 57px;
}	

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* maincontent--------------------------------------------------------start*/
#main{
	margin-top:10px;
	float:left;
	width:735px;
}

#main .photo{
	width:735px;
	height:186px;
	
}
#main .header{
	height:30px;
	width:685px;
	margin:15px 25px 10px 25px !important;
	margin:15px 0px 10px 25px;
	border-bottom:1px solid #666666;
}

#main .content{
	width:685px;
	margin:15px 25px 10px 25px !important;
	margin:15px 0px 10px 25px;
}

#main .information{
	width:95px !important;
	width:150px;
	height:22px !important;
	height:32px;
	padding:10px 0 10px 50px;
	background:url(images/user_group.jpg) no-repeat left center;
	margin:20px 20px 0 0;
	border:1px solid #CCCCCC;
	float:left;
}

#main .top{
	width:54px;
	height:20px;
	margin:15px 5px 0px 0;
	float:right;
}
#main ul li{
	line-height:20px;
	font-size:12px;
	color: #666666;
}

#main p{
	padding-left:15px;
}

/* maincontent--------------------------------------------------------end*/

/* majors--------------------------------------------------------start*/
#majors{
	height:20px;
	position: absolute;
	left: 717px;
	top: 8px;
	width: 224px;
}

#majors .home{
	height:20px;
	width:47px;
	float:left;
	margin-left:15px;
	background:url(images/home.jpg) no-repeat;
}

#majors .N_news{
	height:20px;
	width:46px;
	float:left;
	margin-left:15px;
	background:url(images/N_news.jpg) no-repeat;
}

#majors .contact_us{
	height:20px;
	width:65px;
	float:left;
	margin-left:15px;
	background:url(images/contact_us.jpg) no-repeat;
}

/* majors--------------------------------------------------------end*/

/* MenuBar--------------------------------------------------------start*/
#MenuBar{
	height:40px;
	position: absolute;
	left:150px;
	top:35px !important;
	top:47px;
	width:750px;
	background:url(images/solid.jpg) no-repeat center bottom;
}

#MenuBar .about_us,#MenuBar .solution,#MenuBar .product,#MenuBar .support,#MenuBar .our_clients,#MenuBar .member_area{
	height:30px;
	width:125px;
	float:left;
	list-style-type:none;
}
/* MenuBar--------------------------------------------------------end*/

/* MenuBar--------------------------------------------------------start*/
#Function{
	height:30px !important;
	height:40px;
	position:relative;
	text-align:center;
	background-color:#E6E6E6;
	padding-top:10px;
	width:960px;
}

#Function .item{
	height:20px;
	width:120px;
	float:left;
	background:url(images/separation.jpg) no-repeat right;
}
/* MenuBar--------------------------------------------------------end*/

/* banner--------------------------------------------------------start*/
#banner{
	margin-top:10px;
}
#banner .content{
	float:left;
	padding-left:20px;
}
#banner .item1{
	width:139px;
	float:left;
	padding-left:15px;
}
#banner .item2{
	float:left;
	width:930px !important;
	width:950px;
	padding:20px 0 0 15px;
}
/* MenuBar--------------------------------------------------------end*/

/* news--------------------------------------------------------start*/
#news .contentBox {
	width:362px;
	float:left;
	background:url(images/news.jpg) no-repeat;
	padding-top:40px !important;
	padding-top:45px;
	margin:20px 0 0 20px !important;
	margin:20px 0 0 10px;
}	
#news .listHeader {
}
#news .list {
}
/* news --------------------------------------------------------end*/

/* knowledge --------------------------------------------------start*/
#knowledge .contentBox {
	width:373px;
	float:left;
	background:url(images/knowledge.jpg) no-repeat;
	padding-top:50px;
	margin-top: 20px;
}	
#knowledge .listHeader {
}
#knowledge .list {
	padding:0 0 10px 28px;
	width:345px !important;
	width:373px;
	float:left;
	color: #666666;
}
/* knowledge --------------------------------------------------------end*/

/* clients --------------------------------------------------------start*/
#clients .contentBox {
	width:183px;
	float:left;
	background:url(images/clients.jpg) no-repeat;
	padding-top:50px;
	margin-top: 20px;
}	
#clients .listHeader {
}
#clients .list {
	padding:0 0 10px 45px;
	width:138px !important;
	width:183px;
	float:left;
}

/* clients --------------------------------------------------------end*/	

/* common----------------------------------------start*/
#common .entry{
	width:136px;
	float:left;
	height:100px;
	margin:0 15px 20px 20px !important;
	margin:0 15px 20px 15px;
	text-align:center;
}
#common .entryImage{
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #D9D9D9;
	margin:0 3px 3px 5px;
	height:60px;
}

#common .entry * {vertical-align:middle;} /*IE image center*/

*html #common .entry .entryImage span{height:100%;display:inline-block;} /*IE image center*/
/* common----------------------------------------end*/


.project_label {
	width:85px;
	display:block;
	float: left;
}

.project_label1 {
	width:100px; 
	display:block; 
	float:left;
}

.project_row {
	width:100%;
	display:block;
	height: 30px;
	padding-top: 10px;
}

.global_text {
	background-color: #EFEFEF;
	border:solid #CCCCCC 1px;
}

.form_row {
	width:100%; height:35px; display:block;
}

.input_label {
	width:80px; display:block; float:left;
}

td.calendarDateInput {letter-spacing:normal;line-height:normal;font-family:Tahoma,Sans-Serif;font-size:11px;}
select.calendarDateInput {letter-spacing:.06em;font-family:Verdana,Sans-Serif;font-size:11px;}
input.calendarDateInput {letter-spacing:.06em;font-family:Verdana,Sans-Serif;font-size:11px;}

.section {
	width:150px;
	float:left;
	margin:8px;
	text-align:center;
}

.highslide{
	width:140px !important;
	width:130px;
	float:left;
	margin:10px;
	text-align:center;
}
.sitebuilder_section1 {
	height:100px;
}
.sitebuilder_section2 {
	height:150px;
	width:43%;
	float:left;
	margin:0 20px 30px 0 !important;
	margin:0 25px 30px 0;
	border:1px solid #EdEdEd;
	padding:5px;
}
.section_image {
	border:#bbb 3px solid;
	margin:0 8px 0 8px;
}

.image150 {
	border:#bbb 1px solid;
	margin:8px;
	width:150px;
}

.image {
	margin:5px 10px 10px 0px;
}

.global_header {
	background:url(images/button1.jpg) no-repeat;
	width:175px;
	height:30px;
	padding-top:5px;
	margin:10px 20px 0px 0px;
	float:left;
	text-align:center;
}

.global_header a:link { text-decoration:none; color:#333;}
.global_header a:visited, .global_header a:active, .global_header a:hover{ text-decoration:none; color:#1F8EC3;}
/* Global Table Define----------------------------------------start*/
table.global{
	font-size:12px;
	background-color: #CCCCCC;
}

table.global td{
	padding:2px;
	background-color:#FFFFFF;
}

table.global th {
	padding:2px;
	background-color:#006699;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
}

.table_item{
	background-color:#CCCCCC;
	color:#333333;
}
.table_specially{
	background-color:#FFFFCC;
	color:#990000;
	text-align: center;
}
/* Global Table Define----------------------------------------end*/


.global_write_form_link {
	padding-top:2px;
	padding-left:30px;
	height:32px;
	width:150px;
	text-align:left;
	font-size:13px; 
	font-weight:bold;
	background:url(images/Edit.gif) no-repeat;
	margin-left:10px;
}

.button1{
	background:url(images/button2.jpg) no-repeat;
	padding:5px 0px 5px 20px;
	width: 93px;
	float:right;
	margin:5px 10px 0px 10px !important;
	margin:5px 10px 5px 10px;
}
.button1 a:link{ text-decoration:none; color:#333;}
.button1 a:visited, .button1 a:active, .button1 a:hover{text-decoration:none;color:#FFFFFF;}

.button2{
	background:url(images/button3.jpg) no-repeat;
	padding:5px 0px 5px 20px;
	width: 93px;
	float:left;
	margin:5px 10px 0px 10px !important;
	margin:5px 10px 5px 10px;
}

.button2 a:link{ text-decoration:none; color:#333;}
.button2 a:visited, .button2 a:active, .button2 a:hover{text-decoration:none;color:#FFFFFF;}