html, body {
	height:100%;
	margin:0;
	padding:0;
	background:#e7e4e3 url(../images/menu_bg.gif) 0 0 repeat-x;
	text-align:center;
	font:11px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#484e41;
	}
#page {
	width:817px;
	height:auto;
	min-height:100%; _height:100%;
	margin:0 auto;
	background:#fff url(../images/page_bg.gif) 0 0 repeat-y;
	text-align:left;
	}
	#menu {
		height:125px;
		width:817px;
		padding:0 0 23px 0;
		background:url(../images/menu_bg.gif) 0 0 repeat-x;
		font-size:13px;
		line-height:30px;
		text-align:center;
		}
		#menu a {
			color:#FFF;
			text-decoration:none;
			padding:0 18px;
			}
		#menu a:hover {
			color:#484e41;
			}
		#menu span {
			background:url(../images/menu_spacer.gif) 0 0 no-repeat;
			}
		#logo {
			width:817px;
			height:68px;
			padding:27px 0 0 0;
			}
			#topmenu {
				width:305px;
				height:28px;
				padding:40px 0 0 15px;
				color:#000;
				text-align:left;
				font-size:11px;
				float:right;
				}
				#topmenu a {
					color:#d02c1d;
					padding:0 5px;
					font-weight:bold;
					}
			#logo img {
				float:right;
				}

	#content_header,
	#content_header_time,
	#content_footer {
		width:744px;
		height:40px;
		padding:0 35px 0 38px;
		}
	#content_header {
		background:url(../images/content_header_bg.gif) 38px 0 no-repeat;
		}
	#content_header_time {
		height:100px;
		background:url(../images/content_header_time_bg.gif) 38px 40px no-repeat;
		}
		#content_header_time img {
			padding:15px 70px 0 110px;
			}
	#content_footer {
		height:40px;
		background:url(../images/content_footer_bg.gif) 38px 0 no-repeat;
		}
	#content {
		width:744px;
		height:auto;
		padding:0 35px 0 38px;
		background:url(../images/content_bg.gif) 38px 0 repeat-y;
		overflow:hidden;
		}
		#full {
			width:650px;
			padding:0 0 0 40px;
			overflow:hidden;
		}
		#left  {
			width:330px;
			padding:0 55px 0 40px;
			float:left;
			overflow:hidden;
			}
		#right {
			width:230px;
			background:#e8e6e4 url(../images/right_bg.gif) 0 0 repeat-y;
			float:left;
			}
			#right_head {
   			width:230px;
				height:16px;
				overflow:hidden;
				background: url(../images/right_head_bg.gif) 0 0 no-repeat;
				}
			#right_footer {
				width:230px;
				height:20px;
				overflow:hidden;
				clear:both;
				background:url(../images/right_footer_bg.gif) 0 0 no-repeat;
				}
		.time #right {
			background:#c2dceb url(../images/right_time_bg.gif) 0 0 repeat-y;
			}
			.time #right_head {
				background: url(../images/right_head_time_bg.gif) 0 0 no-repeat;
				}
			.time #right_footer {
				background:url(../images/right_footer_time_bg.gif) 0 0 no-repeat;
				}
      .demo #right {
         width:300px;
         background:url(../images/right_demo_bg.gif) 0 0 repeat-y;
         }
         .demo #right_head {
            width:300px;
            background:url(../images/right_head_demo_bg.gif) 0 0 no-repeat;          
            }
         .demo #right_footer {
            width:300px;
            background:url(../images/right_footer_demo_bg.gif) 0 0 no-repeat;
            }
   #footer {
		width:725px;
		height:65px;
		padding:4px 1px 0 1px;
		margin:5px 0 0 42px;
		border-top:1px solid #000;
		text-align:left;
		}
		#footer span {
			padding:0 40px 0 5px;			
			}


/* index */
	#indexhead {
		width:610px;
		padding:0 0 0 100px;
		}
		#indexhead h1 {
			width:340px;
			padding:0 30px 0 0;
			font-size:17px;
			line-height:19px;
			text-align:right;
			float:left;
			}
		#indexhead .green,
		#indexhead .blue {
			display:block;
			width:190px;
			padding:0 0 3px 50px;
			font-size:15px;
			line-height:20px;
			text-decoration:none;
			font-weight:bold;
			float:left;
			}
		#indexhead .green {
			color:#007945;
			background:url(../images/index-greenarrow.gif) 0 0 no-repeat;
			}
		#indexhead .blue {
			color:#006eab;
			background:url(../images/index-bluearrow.gif) 0 2px no-repeat;
			}
		#indexhead .green:hover,
		#indexhead .blue:hover {
			color:#d02c1d;
			}
	#indexcontent {
		width:426px;
		height:322px;
		padding:58px 0 0 352px;
		background:url(../images/index-content_bg.jpg) 39px 20px no-repeat;
		clear:both;
		overflow:hidden;
		}
		#indextime {
			width:194px;
			padding-bottom:30px;
			float:left;
			}
		#indexexpense {
			width:204px;
			padding-bottom:30px;
			float:left;
			}
			#indextime p,
			#indexexpense p {
				font-weight:bold;
				font-size:12px;
			}
			#indextime p {
				padding:6px 10px 12px 2px;
				color:#006eab;
				}
			#indexexpense p {
				padding:6px 18px 12px 4px;
				color:#007945;
				}
			#indextime a,
			#indexexpense a {
				color:#484e41;
				text-decoration:none;
				font-size:15px;
				line-height:15px;
				padding-left:25px;
				}
			#indextime a {
				background:url(../images/arrow-blue.gif) 0 center no-repeat;
				}
			#indexexpense a {
				background:url(../images/arrow-green.gif) 0 center no-repeat;
				}
			#indextime a:hover,
			#indexexpense a:hover {
				color:#d02c1d;
				}
		#flash {
			width:348px;
			height:77px;
			padding:0 0 0 25px;
			}
		#indexcontent a img {
			margin-left:25px;
			}
	#indexbox {
		width:736px;
		height:163px;
		padding:10px 0 0 42px;
		line-height:13px;
		overflow:hidden;
		}
	.indexbox {
		width:237px;
		height:153px;
		margin:0 15px 0 0;
		background:url(../images/indexbox_bg.gif) 0 31px no-repeat;
		float:left;
		overflow:hidden;
		}
		.indexbox h1 {
			display:block;
			width:223px;
			height:26px;
			padding:2px 0 3px 14px;
			background:#ed3221 url(../images/indexbox-h1_bg.gif) 0 0 no-repeat;
			font-size:13px;
			line-height:26px;
			color:#fff;
			overflow:hidden;
			}
		.indexbox p {
			padding:8px 12px 0 12px;
			}
		.indexbox a {
			text-decoration:none;
			color:#f33322;
			}
		#customerlist {
			width:200px;
			height:70px;
			padding:7px 0 0 12px;
			overflow:hidden;
			}
		#customerlist ul {
			list-style-image:url(../images/arrow.gif);
			margin:0 0 0 25px;
			padding:0;
			}
		marquee {
			width:200px;
			height:70px;
			overflow:hidden;
			}
	#indexbox #technicalsupport {
		display:block;
		width:156px;
		height:50px;
		padding:17px 73px 0 0;
		background:#63ad8d url(../images/technical-support.gif) 0 0 no-repeat;
		color:#FFF;
		text-decoration:none;
		text-align:right;
		font-weight:bold;
		font-size:16px;
		line-height:16px;
		overflow:hidden;
		float:left;
		}
	#indexbox #contacus {
		display:block;
		width:152px;
		height:60px;
		padding:9px 0 0 77px;
		margin:16px 0 0 0;
		background:#7fb6d5 url(../images/contact-us.gif) 0 0 no-repeat;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		font-size:14px;
		line-height:16px;
		overflow:hidden;
		float:left;
		}

/* content */

#left h1,
#full h1 {
	font-size:15px;
	font-weight:bold;
	color:#f44131
	padding:0 0 9px 0;
	}
.time #left h1 {
	/*font-size:13px;*/
	color:#484e41;
	}
.demo #left h1 {
	/*font-size:13px;*/
	color:#00f00;
	}
#left h2,
#full h2 {
	font-size:13px;
	font-weight:bold;
	color:#484e41;
	padding:9px 0;
	}
#left h3,
#full h3 {
	font-size:11px;
	font-weight:bold;
	color:#484e41;
	padding:9px 0;
	}
#left a,
#full a {
	color:#006eab;
	}
#left a:hover,
#full a:hover {
	color:#d02c1d;
	}
#left_red a {
	color:#d02c1d;
	text-decoration:none;
	}
#left_red a:hover {
	color:#d02c1d;
	}
#left p,
#full p {
	padding:8px 0;
	}
#left p.bluearrow,
#full p.bluearrow,
#left p.greenarrow,
#full p.greenarrow {
	padding:4px 0 4px 23px;
	font-size:12px;
	}
#left p.bluearrow,
#full p.bluearrow {
	background:url(../images/arrow-blue-small.gif) 0 7px no-repeat;
	}
#left p.greenarrow,
#full p.greenarrow {
	background:url(../images/arrow-green-small.gif) 0 7px no-repeat;
	}
#left .time_h1,
#left .expense_h1,
.time #left .time_h1,
.time #left .expense_h1 {
	font-size:15px;
	line-height:18px;
	text-align:center;
	}
#left .time_h1,
.time #left .time_h1 {
	color:#006eab;
	}
#left .expense_h1,
.time #left .expense_h1 {
	color:#007945;
	}

.important{
	color:#f44131;
	}	
	
#right h1 {
	display:block;
	width:230px;
	height:30px;
	padding:0 0 5px 0;
	background:url(../images/right_h1_bg.gif) 0 0 no-repeat;
	font-size:15px;
	text-align:center;
	line-height:30px;
	color:#fff;
	overflow:hidden;
	}
.time #right h1 {
	background:url(../images/right_h1_time_bg.gif) 0 0 no-repeat;
	font-weight:normal;
	}
.demo #right h1 {
   width:300px;
   background:url(../images/right_h1_demo_bg.gif) 0 0 no-repeat;
}
#right p {
/* padding: 2px 0 5px 30px; */
   padding:0 19px 0 8px;
   }
#right p.bold{
   padding:0 19px 0 8px;
/*  font-style:oblique;*/
   }
#right strong {
   text-align:justify;
   word-spacing:15;
}
.time #right ul {
	list-style-image:url(../images/arrow.gif);
	padding-left:22px;
	padding-right: 22px:
}
.time #right p {
	padding-left:30px;
	padding-right: 25px:
}
#right a {
	display:block;
	color:#484e41;
	text-decoration:none;
	background:url(../images/arrow.gif) 23px 4px no-repeat;
	padding:0 20px 0 34px;
	}
#right a:hover {
	color:#d02c1d;
	}
#right a.logo {
	width:100px;
	height:55px;
	padding:0;
	margin:10px 0 0 10px;
	background:none;
	float:left;
	}
.time #right a {
	background:url(../images/arrow.gif) 33px 4px no-repeat;
	padding-left:44px;
	}
.cleaner {
	height:1px;
	width:100%;
	overflow:hidden;
	clear:both;
	}				
img {
	border:0;
	}
h1, h2, h3, p {
	margin:0;
	padding:0;
	}
center {
	padding:8px 0;
	}
.image {
	padding:10px 0 10px 0;
	}
ul {
	margin:0 0 0 18px;
	padding:0;
	}
table {
	width:100%;
	}
td {
	text-align:center;
	}
th {
	text-align:left;
	padding:2px 10px;
	width:300px
	}
.blueline {
	background:#eef;
	}
th a {
	text-decoration:none;
	color:#484e41;
	}
.contactform th {
	padding:0 4px 0 0;
	}
.contactform td {
	text-align:left;
	}
textarea {
	width:295px;
	height:110px;
	padding:1px 2px 1px 3px;
	border:1px solid #484e41;
	font:11px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
.textinput {
	width:295px;
	padding:0 2px 0 3px;
	border:1px solid #484e41;
	font-size:11px;
	}
.hostform {
	width:470px;
	padding:0 2px 0 3px;
	border:1px solid #484e41;
	font-size:11px;
	}
.submit {
	width:100px;
	background:#eef;
	float:right;
	}
.top {
	vertical-align:top;
	}
	
table.news  {
	border-collapse:collapse;
	}	
.news th {
	color:#FFF;
	background-color:#194785;
	}
.news td {
	text-align:left;
	padding:3px 5px;
	vertical-align:top;
	}
	
.temp {
	color:#F00;
	font-style:italic;
	}
