body {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 19px;
	color: #3b3b3b;
	margin:0;

}
.cleartab {
	clear: both;
	width: 100%;
	height: 20px;
}

#out {
	width: 850px;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	clear: both;
}

#header {
	width: 320px;
	background-image: url('../assets/logo.png');
	background-repeat: no-repeat;
	background-position: 10px 65px;
	height: 155px;
	padding-left: 500px;
	padding-top: 10px;
}

#data {
	width: 100%;
}
	#main {
		width: 600px;
		float: left;
	}
		#banner {
			width: 100%;
			height: 36px;
		}
			#topmenu {
				background-image: url('../assets/top-menu.jpg');
				background-repeat: no-repeat;
				height: 22px;
				width: 570px;
				padding-top: 2px;
				padding-left: 30px;
				color: white;
			}
		.homeimg {
			width: 180px;
			height: 180px;
			float: left;
		}		
		.plans {
			width: 500px;
			float: right;
		}
			.ptext {
				padding-left: 50px;
				width: 390px;
			}
		.resources {
			width: 100%;
		}
			.rimg {
				float: left;
				width: 60px;
				height: 60px;
			}
			.rtext {
				float: right;
				width: 500px;
				padding-right: 30px;	
			}
		.system-resources {
			padding-right: 10px;
			float: right;
			width: 280px;
		}	
		#datacenter {
			width: 260px;
			padding-bottom: 20px;
			padding-top: 10px;
			float: left;
		}
		.ssl_img {
			width: 130px;
			padding-bottom: 20px;
			padding-top: 10px;
			float: right;
		}
		.networkimg {
			text-align: center;
			padding-bottom: 20px;
		}
		.textblock {
			padding-left: 100px;
			width: 450px;
		}
		.customerlogo {
			float: left;
			width: 48%;
			padding-right: 1%;
		}
	#rightcol {
		width: 230px;
		float: right;
	}
		#rightmenu, #updates {			
			padding-left: 20px;
		}
		#rightmenu {
			background-image: url('../assets/dichvu.png');
			background-repeat: no-repeat;
			background-position: 20px 30px;
			padding-top: 60px;
		}
		#updates {
			background-image: url('../assets/blog.png');
			background-repeat: no-repeat;
			background-position: 20px 30px;
			padding-top: 80px;
			font-size: 11px;
			color: #999966;
		}
			.blog_updates {
				border-right: solid 5px #EEEEEE;
				margin-bottom: 15px;
				padding-right: 10px;
				width: 215px;
			}
			#vendors {
				padding-top: 100px;
				text-align: center;
			}

#footer {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 100px;
	border-top: solid 1px #CECECE;
	background-image: url('../assets/tiger-mascot.jpg');
	background-repeat: no-repeat;
	background-position: 0 20px;
}
	.fmenu {
		padding-right: 10px;
		float: right;
		width: 250px;
	}
	#feedback {
		width: 370px;
		padding-left: 120px;
		float: left;
		font-style: italic;
	}
		.open_quote {
			background-image: url('../assets/open.gif');
			background-repeat: no-repeat;
			background-position: left top;
			float: left;
			width: 20px;
			height: 20px;
		}
		.close_quote {
			background-image: url('../assets/close.gif');
			background-repeat: no-repeat;
			background-position: left bottom;
			float: right;
			clear: both;
			width: 20px;
			height: 12px;
		}
		#comment {
			width: 330px;
			padding-top: 15px;
		}
		#owner {
			width: 100%;
			text-align: right;
			padding-bottom: 20px;
		}
		.ownerfull {
			width: 95%;
			text-align: right;
			font-style: italic;
			padding-top: 10px;
			line-height: 14px;
		}
		

/* font settings */
h1 {
	font-size: 11px;
	line-height: 10px;
	color: #666666;
	font-weight: normal;
}
h2 {
	font-size: 15px;
	color: #990000;
}
h3 {
	font-size: 12px;
}
#toppath {
	font-size:11px;
	color: #666666;
}
.boldchar {
	font-weight: bold;
}
.redchar {
	color: #990000;
}
.blackchar {
	color: #000000;
}
.greenchar {
	color: #497d09;
}
.linehead {
	font-weight: bold;
	color: #990000;
}
.promo {
	font-weight: bold;
	color: #11a923;
}
.oldvalue {
	color: #999999;
}
.recommend {
	font-style: italic;
	color: #996c32;
}

/* links settings */
a, a:visited {
	color: #930000;
	text-decoration: none;
	border-bottom: dotted 1px #930000;
}
a:hover {
	color: green;
}
#topmenu a {
	padding-right: 50px;
}
#topmenu a,  #topmenu a:visited {
	color: white;
	border: none;
}
.blog_updates a, .blog_updates a:visited {
	color: #666666;
	border: none;
}
#topmenu a:hover, .blog_updates a:hover {
	color: #930000;
}

/* list settings */
ol li {
	padding-bottom: 15px;
}
ul li {
	padding-bottom:5px;
}

/* form setting */
form {
	background-color: #ECECEC;
	padding: 10px;
}