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

body {
	margin:0;
	padding:5;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-left: 15px;
}

ol { margin:0; padding:0; }

li { margin:0; padding:0; }

ul { margin:0; padding:0; }

p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

h6 { margin:0; padding:0; }

h5 { margin:0; padding:0; }

h4 { margin:0; padding:0; }

h3 { margin:0; padding:0; }

h2 { margin:0; padding:0; }

h1 { margin:0; padding:0; }

a{ color:#303030; text-decoration:none; }

a:hover {text-decoration:none;}

img { margin:0; padding:0; border:none; }

img.left { margin:0; float:left; }

img.right { margin:0; float:right; }

a:active img { border:0; }

/*  the end basic css   */

/*   page   */

#wrap { margin:0 auto; width:880px; }

#container {
	margin:0;
	padding:0;
	width:860px;
	float:left;
	background-color: #FFFFFF;
}

/*   Header   */

#header {
	margin:0;
	padding:0;
	float:left;
	width:860px;
	background-color: #FFFFFF;
	height: auto;
}

.logo { margin:13px 0 0 0; padding-left:14px; float:left; }

/*   End Header   */

               /*   Menu   */
			   
#menu {
	margin-top:0px;
	margin-left:0;
	padding:0;
	width:856px;
	float:right;
	background:#FFFFFF url('image/menu_bg.jpg') no-repeat 0 0;
	height:auto;
	}

#menu ul { list-style:none; }

#menu ul li { display:block; float:left; margin-left:45px!important; margin-left:28px; margin-top:14px; padding:0 0px; padding-left:40px!important; padding-left:15px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; width:10px; }

#menu ul li a { display:block; float:left; margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; width:57px; height:31px; text-align:center; }

#menu ul li a:hover { background:url('image/menu_rollover.jpg') no-repeat 0 0; 
color:#103b70; width:57px; height:31px; }

                  /*   End Menu   */
				  
/*   Banner   */

#banner {
	float:right;
	margin-top:14px;
	padding:0;
	background:#FFFFFF url('image/banner_bg.jpg') no-repeat 0 0;
	width:854px;
	height:143px;
	}

#banner h2 { margin-top:20px; padding-left:42px; float:left; font:normal 18px Arial, Helvetica, sans-serif; color:#fff; }

.banner-text { margin:0; padding-left:40px; float:left; font:bold italic 18px Arial, Helvetica, sans-serif; color:#fff; width:620px;   }

.banner-button { margin-top:35px; padding-left:485px; float:left; }

.banner-button1 { margin-top:35px; padding-left:20px; float:left; }

.padding { padding-left:25px; }

/*   End Banner   */

                          /*   left Side   */
						  
#left-side {
	margin-top:12px;
	padding:0;
	float:left;
	width:627px;
	background-color: #FFFFFF;
}

.left-img { float:left; margin-top:10px; padding-right:10px; }

#order-bg { margin:0; padding:0; float:left; background:url('image/order_bg.jpg') no-repeat 0 0; 
width:474px; height:104px; }

#order-text { margin-top:24px; padding-left:10px; float:left; font:normal 18px Arial, Helvetica, sans-serif; color:#1c517f; }

#order-domain-bar { margin-top:18px; margin-left:10px!important; margin-left:5px; padding:0; float:left; background:url('image/order-domain-bar.jpg') no-repeat 0 0; 
height:22px; width:286px; }

.from { border-style: none;
	border-color: inherit;
	border-width: medium;
	margin: 0;
	padding: 0;
	float:left; background:url('image/form.jpg') no-repeat 0 0; 
	width:195px; 	height:22px; }

#order-bg h3 { margin-top:2px; padding-left:15px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#303030; width:286px; }

#order-right { margin:0; padding:0; float:right; background:url('image/order-right-bg.jpg') no-repeat 0 0; 
width:155px; height:104px; }

#order-right h2 { margin-top:12px; padding-left:15px; float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; width:135px; }

#order-right h3 { margin-top:5px; padding-left:15px; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; width:130px; }

#order-right p { margin-top:2px; padding-left:30px; float:left; font:normal 9px Arial, Helvetica, sans-serif; color:#fff; width:120px; }

                     /*   End left Side   */

/*   Box   */

#box {
	margin:0;
	padding:0;
	float:left;
	width:604px;
	padding-left: 18px;
}

#box1 { margin-top:8px; padding-right:5px; float:left; background:url('bg.jpg') no-repeat 0 0; 
width:196px; height:202px; }

#box1 h2 { margin-top:5px; width:178px; padding:0; float:left; font:bold italic 14px Arial, Helvetica, sans-serif; color:#1a4f7d; }

#box1 p { margin-top:3px; padding-left:5px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#303030; width:150px; }

#box1 h3 { margin-top:5px; padding-left:5px; float:left; font:bold italic 12px Arial, Helvetica, sans-serif; color:#303030; width:108px; line-height:13px; }

.color {  font:bold italic 14px Arial, Helvetica, sans-serif; color:#303030; }

#box1 h4 { margin-top:5px; padding-left:8px; float:left; font:bold italic 12px Arial, Helvetica, sans-serif; color:#303030; width:68px; line-height:13px; }

#order-button { margin:0; padding-left:5px; float:left; width:183px; }

.button { margin-top:5px; width:83px; padding:0; float:left; }

.img-right { margin-top:15px; padding:0; float:right; }


#box2 { margin-top:6px; padding-right:5px; float:left; background:url('bg.jpg') no-repeat 0 0; 
width:196px; height:202px; }

#box2 h2 { margin-top:5px; width:178px; padding:0; float:left; font:bold italic 14px Arial, Helvetica, sans-serif; color:#1a4f7d; }

#box2 p { margin-top:3px; padding-left:5px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#303030; width:150px; }

#box2 h3 { margin-top:5px; padding-left:5px; float:left; font:bold italic 12px Arial, Helvetica, sans-serif; color:#303030; width:108px; line-height:13px; }

#box2 h4 { margin-top:5px; padding-left:8px; float:left; font:bold italic 12px Arial, Helvetica, sans-serif; color:#303030; width:68px; line-height:13px; }


#box3 { margin-top:4px; padding:0; float:left; background:url('bg.jpg') no-repeat 0 0; 
width:196px; height:202px; }

#box3 h2 { margin-top:5px; width:178px; padding:0; float:left; font:bold italic 14px Arial, Helvetica, sans-serif; color:#1a4f7d; }

#box3 p { margin-top:3px; padding-left:5px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#303030; width:150px; }

#box3 h3 { margin-top:5px; padding-left:5px; float:left; font:bold italic 12px Arial, Helvetica, sans-serif; color:#303030; width:108px; line-height:13px; }

#box3 h4 { margin-top:5px; padding-left:8px; float:left; font:bold italic 12px Arial, Helvetica, sans-serif; color:#303030; width:68px; line-height:13px; }

/*   End Box   */

                                /*   Right Side   */
								
#right-side {
	margin-top:8px;
	padding:0;
	float:right;
	width:225px;
	background-color: #FFFFFF;
	padding-right: 5px;
}

.button-right {
	margin-top:5px;
	padding-left:10px;
	float:right;
}

.button-right1 { margin-top:0px; padding-left:0px; float:left; }

.background {
	margin-top:5px;
	margin-left:10px!important;
	margin-left:5px;
	padding:0;
	float:left;
	width:218px;
	border:1px solid #dedede;
	background:#fdfdfd;
}

#right-side h2 { margin-top:19px; padding-left:3px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#303030; background:#d9d9d9; width:215px; height:17px; }

#right-side h3 { margin-top:0px; padding-left:3px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#303030; background:#d9d9d9; width:215px; height:17px; }

#right-side h4 { margin-top:0px; padding-left:3px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#303030; width:215px; height:17px; }

.order { margin-top:10px; padding-bottom:5px; padding-left:15px; float:left; }

.margin { margin-top:10px; }

                             /*   End Right Side   */
							 
							 
/*   Text   */

#text {
	margin-top:55px;
	padding-left:18px;
	float:left;
	width:315px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#303030;
	line-height:12px;
	background-color: #FFFFFF;
}

#text1 {
	margin-top:55px;
	margin-left:15px;
	float:left;
	width:280px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#303030;
	line-height:12px;
	background-color: #FFFFFF;
}

/*   End Text   */

                             /*   Footer   */
							 
#footer-top {
	margin-top:36px;
	padding:0;
	float:left;
	background:url('image/footer_top_bg.jpg') no-repeat 0 0;
	width:860px;
	height:112px;
	border-bottom-color: #FFFFFF;
}

#footer-text { margin-top:20px; margin-left:30px!important; margin-left:15px; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; width:110px; text-decoration:underline; }

.text-bold { font:bold italic 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:18px; }

.text-none { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:18px; }						 
							 
#footer { margin:0; padding:0; float:left; background:url('footer_bg.jpg') no-repeat 0 0; 
width:860px; height:47px; }						 

#footer h2 { margin-top:15px; padding-left:40px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#303030; }

#footer h3 { margin-top:15px; padding-right:25px; float:right; font:normal 12px Arial, Helvetica, sans-serif; color:#303030; }
