@import "common.css";

body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial;
	color:#333;
	background:#b2c6de;
	line-height:18px;
}

/*-------------------------------------------------------------------------------------------------Main Start*/
.main{
	margin:0 auto;
	width:958px;
	background:url(../images/bg.jpg) top center repeat-y;
}

.main_content{
	background:url(../images/bg_main.jpg) top no-repeat;
}

/*-------------------------------------------------------------------------------------------------Top Start*/
#top{
	margin:0 auto;
	width:930px;
	height:104px;
}


a#demo{width:90px; height:46px; background:url(../images/demo.jpg) top no-repeat; display:block; float:right; text-decoration:none;}
a#demo:hover{background:url(../images/demo.jpg) 0px -46px no-repeat;}

a#order{width:90px; height:46px; background:url(../images/demo.jpg) 0px -92px no-repeat; display:block; float:right; text-decoration:none; margin-left:10px;}
a#order:hover{background:url(../images/demo.jpg) 0px -138px no-repeat;}

#nav{
	margin:0 auto;
	width:930px;
	height:40px;
	background:url(../images/nav_bg.jpg) bottom repeat-x;
}

#nav a{display:block; height:40px; text-decoration:none}

a#nav_1{background:url(../images/n.jpg) 0px 0px no-repeat; width:111px;}
a#nav_2{background:url(../images/n.jpg) 0px -40px no-repeat; width:129px;}
a#nav_3{background:url(../images/n.jpg) 0px -80px no-repeat; width:150px;}
a#nav_4{background:url(../images/n.jpg) 0px -120px no-repeat; width:119px;}
a#nav_5{background:url(../images/n.jpg) 0px -160px no-repeat; width:134px;}
a#nav_6{background:url(../images/n.jpg) 0px -200px no-repeat; width:136px;}
a#nav_7{background:url(../images/n.jpg) 0px -240px no-repeat; width:151px;}

a#nav_1:hover{background:url(../images/n.jpg) 0px -280px no-repeat;}
a#nav_2:hover{background:url(../images/n.jpg) 0px -320px no-repeat;}
a#nav_3:hover{background:url(../images/n.jpg) 0px -360px no-repeat;}
a#nav_4:hover{background:url(../images/n.jpg) 0px -400px no-repeat;}
a#nav_5:hover{background:url(../images/n.jpg) 0px -440px no-repeat;}
a#nav_6:hover{background:url(../images/n.jpg) 0px -480px no-repeat;}
a#nav_7:hover{background:url(../images/n.jpg) 0px -520px no-repeat;}



#nav_left{
	width:4px;
	background:url(../images/nav_bg.jpg) top left no-repeat;
}
#nav_right{
	width:4px;
	background:url(../images/nav_bg.jpg) center right no-repeat;
}
#nav_center{
	width:742px;
}
#nav_search{
	width:180px;
	background:url(../images/search_box.jpg) left center no-repeat;
}
#nav_center table{
	float:left;
}
#nav_center td{height:40px; padding:0 20px; background:url(../images/line.jpg) right top no-repeat;}
#nav_center a{font-size:14px; font-family:"Times New Roman", Times, serif; color:#fff; text-decoration:none; font-weight:bold;}
#nav_center a:hover{color:#fff369; text-decoration:underline;}

.search_box{width:150px; height:20px;  border:0; padding:3px 0 0 10px; background:none; color:#8a93a4;}
/*-------------------------------------------------------------------------------------------------Top End*/

/*-------------------------------------------------------------------------------------------------Body Start*/
.margin-20{margin-top:20px;}
#body{width:930px; margin:0 auto;}

#left{
	width:700px;
	padding-top:20px;
}
#right{
	width:230px;
	padding-top:20px;
}

#script_banner{width:700px; height:250px;}
#script_banner_td{
	color:#176a98;
}
#script_banner_td_table{	
	margin:77px 0 0 209px;
}
.des{width:450px; border-bottom:1px #addef1 solid; padding-bottom:8px;}
.des1{padding-top:8px;}
.des1 a{text-decoration:none; color:#0c8cd3;}
.des1 a:hover{text-decoration:underline;}


.version{position:absolute;  margin:-5px 0 0 585px;}

#turnkey{
	background:url(../images/demo_bg.jpg) top repeat-x #e3f4fc;
}
.turnkey_title{background:url(../images/demo_title_r.jpg) right top no-repeat;}
.turnkey_box{border-left:1px #c5e0ef solid; border-right:1px #c5e0ef solid; padding:15px 0 0 0}

.demo_box{
	text-align:center;
	background:url(../images/featured_box.jpg) center top no-repeat;
	padding:10px 0 20px 0;
}

a img.demo_pic{border:2px #fff solid; margin-bottom:3px;}
a:hover img.demo_pic{border:2px #00afee solid;}

.turnkey_bottom{background:url(../images/demo_bc.jpg) repeat-x;}

#apps{
	width:210px;
	float:right;
	background:url(../images/bg_right.jpg) top repeat-x #fff;
}
.web_apps{ position:absolute; margin:-5px 0 0 137px;}
#apps_list{
	border-left:1px solid #d1dee4;
	border-right:1px solid #d1dee4;
}
#apps_list table{
	width:186px;
	margin:0 auto;
}
#apps_list table td{padding:3px 0 5px 0; background:url(../images/r_line.jpg) bottom no-repeat;}

#apps_list a{font-weight:bold; color:#2d5283; text-decoration:none; height:35px; display:block; padding:0 0 0 50px; line-height:35px;}
#apps_list a:hover{color:#40ac00;}

a#Blog{ background:url(../images/icons.jpg) 5px 0px no-repeat;}
a#Calendar{ background:url(../images/icons.jpg) 5px -35px no-repeat;}
a#Classifieds{ background:url(../images/icons.jpg) 5px -70px no-repeat;}
a#Content_Manager{ background:url(../images/icons.jpg) 5px  -105px no-repeat;}
a#Doc_Manager{ background:url(../images/icons.jpg) 5px -140px no-repeat;}
a#Guest_Book{ background:url(../images/icons.jpg) 5px -175px no-repeat;}
a#Mailing_List{ background:url(../images/icons.jpg) 5px -210px no-repeat;}
a#News_Publisher{ background:url(../images/icons.jpg) 5px -245px no-repeat;}
a#Photo_Album{ background:url(../images/icons.jpg) 5px -280px no-repeat;}
a#Profile_Page{ background:url(../images/icons.jpg) 5px -315px no-repeat;}
a#Refer_a_Friend{ background:url(../images/icons.jpg) 5px -350px no-repeat;}
a#Search_Engine{ background:url(../images/icons.jpg) 5px -385px no-repeat;}
a#Shopping_Cart{ background:url(../images/icons.jpg) 5px -420px no-repeat;}
a#Site_Search{ background:url(../images/icons.jpg) 5px -455px no-repeat;}
a#Statistics{ background:url(../images/icons.jpg) 5px -490px no-repeat;}

a#Blog:hover{ background:url(../images/icons.jpg) 5px -525px no-repeat;}
a#Calendar:hover{ background:url(../images/icons.jpg) 5px -560px no-repeat;}
a#Classifieds:hover{ background:url(../images/icons.jpg) 5px -595px no-repeat;}
a#Content_Manager:hover{ background:url(../images/icons.jpg) 5px  -630px no-repeat;}
a#Doc_Manager:hover{ background:url(../images/icons.jpg) 5px -665px no-repeat;}
a#Guest_Book:hover{ background:url(../images/icons.jpg) 5px -700px no-repeat;}
a#Mailing_List:hover{ background:url(../images/icons.jpg) 5px -735px no-repeat;}
a#News_Publisher:hover{ background:url(../images/icons.jpg) 5px -770px no-repeat;}
a#Photo_Album:hover{ background:url(../images/icons.jpg) 5px -805px no-repeat;}
a#Profile_Page:hover{ background:url(../images/icons.jpg) 5px -840px no-repeat;}
a#Refer_a_Friend:hover{ background:url(../images/icons.jpg) 5px -875px no-repeat;}
a#Search_Engine:hover{ background:url(../images/icons.jpg) 5px -910px no-repeat;}
a#Shopping_Cart:hover{ background:url(../images/icons.jpg) 5px -945px no-repeat;}
a#Site_Search:hover{ background:url(../images/icons.jpg) 5px -980px no-repeat;}
a#Statistics:hover{ background:url(../images/icons.jpg) 5px -1015px no-repeat;}

#app_bottom{background:url(../images/rbox_bc.jpg) repeat-x;}

#mail_box{
	float:right;
	width:210px;
	height:150px;
	margin:15px 0 0 0;
	background:url(../images/mail_box.jpg) top no-repeat;
}
#mail_box_td{padding:40px 15px 0 15px;}
.mail_input{ padding:3px 5px; background:#408fc1; border-top:1px solid #367eab; border-left:1px solid #367eab; border-bottom:1px solid #4cb2f1; border-right:1px solid #4cb2f1; color:#fff;}

.integration{
	margin:10px 0 0 0;
}
.integration td{padding:0 10px 10px 0px;}
.integration img{border:1px solid #333;}
.title{color:#3c7f9a; font-weight:bold;}

.limited{margin:10px 0 0 0;}
.limited td{padding:0 10px 0 0;}
.limited .doc{display:block; float:left; line-height:30px; height:30px; font-weight:bold; color:#28708d; background:url(../images/icon_doc.jpg) left top no-repeat; padding:0 0 5px 35px;}
.limited .refer{display:block; float:left; line-height:30px; height:30px; font-weight:bold; color:#28708d; background:url(../images/icon_refer.jpg) left top no-repeat; padding:0 0 5px 35px;}
.limited .search{display:block; float:left; line-height:30px; height:30px; font-weight:bold; color:#28708d; background:url(../images/icon_search.jpg) left top no-repeat; padding:0 0 5px 35px;}
.limited .statistics{display:block; float:left; line-height:30px; height:30px; font-weight:bold; color:#28708d; background:url(../images/icon_statistics.jpg) left top no-repeat; padding:0 0 5px 35px;}

.price_box{ width:406px; height:132px; background:url(../images/price_box.jpg) top left no-repeat;}
.value{font-size:24px; color:#18ad00; font-weight:bold; line-height:24px; padding:0 10px 0 0; background:url(../images/v_line.jpg) right no-repeat;}
.value_dec{padding:0 0 0 10px;}

.price_top{padding:10px 0 15px 0; border-bottom:1px solid #e2f1f7;}
.price_bottom{padding:15px 0 0 0;}

.p_box{width:160px; background:url(../images/p_bg.jpg) top repeat-x #aed7e8;}
.p_box_c{
	border-left:1px solid #add7e8;
	border-right:1px solid #add7e8;
	padding:10px 0;
}
.p_box_c table{
	margin:0 auto;
	width:140px;
}
.p_box_title{height:38px; border-bottom:1px #cfe9f3 solid; font-weight:bold; text-align:center}
.p_title{color:#28708d; font-size:13px;}
.p_sub_title{color:#28708d;}
.p_box_center{border-top:1px solid #fff; border-bottom:1px solid #cfe9f3;  text-align:center; padding:10px 0; height:76px; font-size:11px;}

.price_line{color:#c30000; text-decoration:line-through;}
.green{color:#149300;}

.buy{text-align:center; padding:10px 0 0 0; border-top:1px solid #fff;}


/*-------------------------------------------------------------------------------------------------Body End*/

/*-------------------------------------------------------------------------------------------------Footer Start*/
#footer{
	width:950px;
	margin:20px auto 0 auto;
	background:url(../images/bg_footer.jpg) top repeat-x #dde8f1;
}

#footer_txt{
	text-align:center;
	padding:20px 0 30px 0;
	color:#465b6c;
	line-height:20px;
}

#footer_txt a{text-decoration:none; padding:0 5px;}
#footer_txt a:hover{text-decoration:underline;}