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

body {
	margin: 0;
	background: #bbbbbb url('../images/bg.gif') repeat-x top;
}
#container {
	width: 850px;
	background: transparent;
	margin: 10px auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* ========================================= Header Part ========================================= */
#header {
	width: 100%;
	height: 100px;
	position: relative;
	float: left;
}
#logo {
	float: left;
}
#companyName {
	position: absolute;
	bottom: 0;
	right: 15px;
	font: bold 30px "Times New Roman", Times, serif;
}

/* ========================================= Menu Part ========================================= */
#menu {
	background: url('../images/menu_bg.gif') no-repeat;
	height: 42px;
	padding: 0 0 0 105px;
	width: 745px;
	margin: 10px 0 10px 0;
	float: left;
}
#menu ul {
	padding-top: 12px; 
	margin: 0;
	list-style: none;	
}
#menu li {
	display: inline;	
}
#menu a {
	color: #fff;
	background: url('../images/menu_off.gif') no-repeat left center;
	padding: 0 25px 0 15px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	float: left;
}
#menu a:hover {
	background: url('../images/menu_on.gif') no-repeat left center;
	color: #fff;
}
#menu a.selected {
	color: #fff;
	background: url('../images/menu_on.gif') no-repeat left center;
	padding: 0 25px 0 15px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	float: left;
}

/* ========================================= Page Part ========================================= */
#page {
	width: 100%;
}
#left_side {
	float: left;
	width: 650px;
}
#content_top {
	background: url('../images/pagebg_top.gif') no-repeat top;
	padding: 15px 0 0 0;
}
#content_bottom {
	background: url('../images/pagebg_bottom.gif') no-repeat bottom;
	padding: 0 0 15px 0;
}
#banner_content {
	width: 637px;
	background-color: #fff;
	padding: 0 6px 0 7px;
}
#video_content {
	width: 620px;
	background-color: #fff;
	padding: 0 15px;
}
#content {
	width: 620px;
	background-color: #fff;
	padding: 0 15px;
	min-height: 620px;
	_height: 620px;
}
#bottom_content {
	margin: 8px 0 0 0;
}
#side_container {
	float: right;
	width: 194px;
}
#side_content_top {
	background: url('../images/sidebg_top.gif') no-repeat top;
	padding: 15px 0 0 0;
}
#side_content_bottom {
	background: url('../images/sidebg_bottom.gif') no-repeat bottom;
	padding: 0 0 15px 0;
}
#side_content {
	background-color: #fff;
	padding: 0 6px;
}
.padding_bottom img {
	padding-bottom: 3px;
}
.opacityimg img{
	opacity:.100;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.opacityimg:hover img{
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/* ========================================= Banner Part ========================================= */
.banner {
	float: left;
	width: 299px;
}
.banner_text {
	float: right;
	width: 338px;
	height: 275px;
	background: url('../images/banner_text.gif') no-repeat;
	font: bold 14px "Times New Roman", Times, serif;
}
.banner_text h1 {
	margin: 0;
	padding: 65px 0 20px 0;
	font-size: 28px;
}
.welcome_text {
	float: right;
	width: 338px;
}
.welcome_titleBg {
	background: url('../images/blue_titlebg.gif') no-repeat;
	font: bold 20px "Times New Roman", Times, serif;
	color: #fff;
	width: 281px;
	height: 30px;
	padding: 2px 0 0 40px;
	margin: 10px 0 0 0;
}
.welcome_text p {
	padding: 0 30px 0 15px;
}

/* ========================================= Video Part ========================================= */
.yellow_titleBg {
	background: url('../images/orange_titlebg.gif') no-repeat;
	font: bold 20px "Times New Roman", Times, serif;
	color: #000;
	width: 580px;
	height: 26px;
	padding: 2px 0 0 40px;
	margin: 0 0 5px 0;
}
ul.video {
	margin: 0;
	padding: 0;
	list-style: none;
}
.video li {
	background: url('../images/orange_dotline.gif') no-repeat center;
	padding: 0 0 3px 48px;
	position: relative;
}
.video li span {
	background-color: #fff;
}
.right {
	position: absolute;
	right: 10px;
	_right: 25px;
}

/* ========================================= Subpages Part ========================================= */
.page_titleBg {
	background: url('../images/pagetitle_bg.gif') no-repeat;
	font: bold 20px "Times New Roman", Times, serif;
	color: #fff;
	width: 570px;
	height: 31px;
	padding: 1px 10px 0 40px;
	margin: 0 0 10px 0;
}
.side_padding {
	padding: 0 10px;
}
img.grey_border {
	border: 2px solid #dedede;
}
.sub_titleBg {
	background: url('../images/grey_titlebg.gif') no-repeat;
	font: bold 20px "Times New Roman", Times, serif;
	color: #000;
	width: 560px;
	height: 26px;
	padding: 2px 0 0 40px;
	margin: 15px 0 10px 0;
}
.tbl_padding {
	padding: 0 0 15px 0;
}

/* ========================================= Footer Part ========================================= */
#footer {
	border-top: 3px solid #000;
	background: transparent;
	padding: 10px 15px;
	margin: 15px 0 10px 0;
	_margin: 15px 0 0 0;
	width: 820px;
	position: relative;
}
.visitor_count {
	position: absolute;
	left: 0;
}
.copyright {
	position: absolute;
	right: 0;
	font-size: 10px;
}

/* ========================================= Other Classes ========================================= */
.clear {
	clear: both;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	_margin: 13px 0 0 0;
}
.dotline {
	border-top: 3px dotted #bbb;	
	height: 5px;
	margin: 5px 0 10px 0;
}
.note {
	color: #dc0000;
	font-style: italic;
}
.red {
	color: #dc0000;
	font-size: 14px;
}
.bold14 {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 0 0 10px 0;
}
.blue {
	color: #0885dd;
}
ul li {
	padding: 0 0 4px 0;
}
a:link, a:visited {
	color: #dc0000;
	text-decoration: none;
}
a:hover {
	color: #1595ee;
	text-decoration: none;
}

#headermenu	
{
	float:right;
}