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

body {
background:#d1d1d1;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

/* container */
#container {
width:970px;
margin:0 auto;}

/* content-container */
#content-container {
width:900px;
margin:20px auto 0 auto;
background:#fff;
padding:15px 35px 35px 35px;}

/* header */
#header {
height:100px;

}

#logo {
	float:left;
	}

#promo {
border: 2px #ECECEC solid;
padding: 7px; 
background:url(../image/chattop.gif) repeat top; 
margin: 10px 0; 
font-size: 14px;
color:#022C61;
font-family:arial;
font-weight:bold;

}

	
	#phone {
	float:right;
	font-size:18px;
	color:#537cb8;
	font-weight:bold;
	text-align: right;
	margin-bottom: 7px;
	}
	
	#quick-link {
	float:right;
	text-align:right;
	width:350px;
	}
	
		#quick-link img {
		margin: 0 0 -2px 10px;}
	
		#quick-link a {
		font-size:11px;
		font-weight:bold;
		color:#666;
		text-decoration:none;}
	
		#quick-link a:hover {
		color:#999;}

/* nav */
#nav {
background: #c9c8c8 url(../image/nav-bg.gif) repeat-x top;
border-top:#333 solid 1px;
margin:0;
padding:0;}


	#nav ul {
	margin:0;
	padding:0;}
	
		#nav li {
		float:left;
		margin:0;
		padding:0;}
		
		#nav li a {
		padding:15px 20px;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		color:#333;
		display:block;
		line-height:normal;}
		
		#nav li a:hover {
		background:#333;
		color:#fff;}


/* banner */
#banner {
border-bottom: #333 5px solid;
padding:0 0 1px 0;
width:900px;}

	#banner-inside {
	width:900px;
	height:140px;}
	
		#banner-inside-content {
		width:335px;
		color:#fff;
		font-size:14px;
		margin:0 0 0 40px;
		padding:20px 0;}

		#banner-inside.it-service {background:url(../image/banner_service2.jpg);}
		#banner-inside.it-service2 {background:url(../image/banner_service1.jpg);}

/* content */
#content {
margin:25px 0 0 0;}

	#box-left, #box-middle, #box-right {
	width:287px;}
	
	#box-left h2, #box-middle h2, #box-right h2 {
	color:#d50000;
	font-weight: bold;
	padding:20px 20px 0 20px;}
	
	#box-left p, #box-middle p, #box-right p {
	padding:20px 20px 20px 20px;}
	
	#box-left p.read-more, #box-middle p.read-more, #box-right p.read-more {
	background:#656565 url(../image/3-home-box-read-more-bg.gif) repeat-x top;
	padding:5px 20px;
	color:#fff;
	text-align:right;}
	
		#box-left p.read-more a, #box-middle p.read-more a, #box-right p.read-more a {
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		font-size:10px;}

	#box-left {
	float:left;}
	#box-middle {
	float:left;
	margin-left:20px;}
	#box-right {
	float:right;}

/* inside left */
	#inside-left {
	float:left;
	width:525px;
	padding-left:40px;
	color:#666;
	line-height:20px;
	font-size:14px;}
	
		#inside-left ul {
		padding:0 20px 20px 20px;}
		#inside-left li {
		list-style: disc;}
		
		#inside-left a {
		color:#537cb8;
		text-decoration:underline;}
	
		#inside-left p {
		margin:0 0 20px 0;}
		
		#inside-left h1 {
		color:#537cb8;
		font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
		padding:20px 0 20px 0;}
		
		#inside-left h2 {
		font-size:14px;
		color:#666;
		font-weight:bold;
		text-transform:uppercase;}
	
/* inside right */
	#inside-right {
	float:right;
	width:260px;
	padding-right:40px;}
	
		.inside-right-box {
		margin-bottom:20px;
		float:left;}
	
		#inside-right label {
		padding:0 30px;}
	
		#inside-right form {
		background:#f7f7f7;
		padding:25px 0;
		width:260px;}
		
		#inside-right form h2 {
		font-size:18px;
		color:#fff;
		font-weight:bold;
		background:#547cb9 url(../image/form-mail-icon.gif) no-repeat left;
		padding:10px 30px 10px 60px;
		margin:0 0 25px 0;}
		
		.inside-right-txt-box {
		width:185px;
		background:#fff;
		margin:2px 30px 5px 30px;
		border:#c6c6c6 solid 1px;
		padding:5px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#666;}
		
		.inside-right-submit {
		margin-left:135px;}

/* footer */
#footer {
width:900px;
margin:0 auto;
font-size:11px;
color:#707070;}

	#footer a {
	color:#707070;
	text-decoration:underline;}

	#footer img {
	margin:0 0 -5px 0;}

	#footer p {
	margin:20px 0;}

	.footer-box {
	float:left;
	margin-right:31px;
	width:174px;}
	
	.footer-box-right {
	float:right;
	padding-right:0;
	width:80px;
	text-align:right;}
	
	.footer-box h2, .footer-box-right h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;}
	
	.footer-box ul, .footer-box-right ul {
	padding-left:15px;}
	
	.footer-box li, .footer-box-right li {
	list-style: disc;}
	
	.footer-box li a, .footer-box-right li a {
	color:#707070;
	text-decoration:none;
	line-height:18px;}

/* random styles */
.clear {
clear:both;
padding:0;
margin:0;}

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

.float-right {
float:right;}

.blank-space {
padding:0 20px;}

.required {
color:#FF0000;}

.banner-read-more {
margin:15px 0 0 250px;}

.column-box {
float:left;
padding-right:40px;
font-size:11px;
line-height:normal;}


.bold-blue {
color:#547cb9;
font-weight:bold;}

.lower-case {
text-transform:lowercase;}