/* CSS Document */

body{
	margin:auto;
	font-size:12px;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	color:#484848;
	text-align:center;
	background-color:#000000;
	background-image:url(../imgs/bg_page_top.jpg);
	background-repeat:repeat-x;
}

.main_div{
	width:940px;
	margin:auto;
	text-align:left;
}
.bg{
	background-image:url(../imgs/bg_main.jpg);
	background-repeat:no-repeat;
	background-position:10px 40px;
}

.header_main{
	width:auto;
}
.logo{
	width:250px;
	float:left;
	margin-left:0px;
	display:block;
}
.logo_position{
	position:absolute;
	top:0px;
}

.top_navi_main{
	width:680px;
	float:right;
	margin-top:3px;
}

.banner_main{
	width:940px;
	height:275px;
	float:left;
	margin-top:80px;
	margin-bottom:30px;
}

.content_area_main{
	width:auto;
	margin-top:10px;
}

.inner_pg_heading{
	width:auto;
	color:#FFFFFF;
	font-weight:normal;
	font-size:24px;
	text-align:right;
	padding-bottom:50px;
	background-image:url(../imgs/bg_inner_pg_heading.gif);
	background-repeat:no-repeat;
	background-position:right 10px;
}

.box_home{
	width:270px;
	/*
	float:left;
	
	background-image:url(../imgs/bg_box.png);
	background-repeat:no-repeat;
	
	height:200px;
	*/
}
.box_inner{
	width:280px;
	float:left;
	background-image:url(../imgs/bg_box.png);
	background-repeat:no-repeat;
	padding:10px;
}
.box_inner .img_holder{
	margin-bottom:10px;
	width:280px;
	height:220px;
}
.box_home h1.heading{
	color:#FFFFFF;
	font-size:22px;
	text-align:left;
	margin-bottom:15px;
	padding-left:0px;
	margin-left:0px;
}

h3.heading{
	color:#FF9900;
	font-size:16px;
	text-align:left;
	margin-bottom:0px;
	padding-left:0px;
	margin-left:0px;
}

.box_home .btn_holder{
	width:280px;
	text-align:right;
	margin-top:15px;
	margin-right:10px;
	float:right;
}

.pg_lt_navi_main{
	float:left;
	width:200px;
	margin-top:50px;
}
.pg_lt_navi, active, visited{
	background-color:#000000;
	text-align:left;
	color:#FFFFFF;
	padding:3px;
	line-height:24px;
	display:table;
	margin-bottom:4px;
	text-transform:lowercase;
	font-size:14px;
}
.pg_lt_navi:hover{
	background-color:#FF0000;
	text-align:left;
	color:#FFFFFF;
	padding:3px;
	line-height:24px;
	display:table;
	margin-bottom:4px;
	font-size:14px;
}

.inner_pg_content{
	float:right;
	width:655px;
	margin-bottom:20px;
	padding:10px;
	color:#FFFFFF;
	background-color:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	min-height:500px;
}

.btn_more_info, active, visited{
	background-image:url(../imgs/btn_more_info.png);
	background-repeat:no-repeat;
	width:85px;
	height:25px;
	display:block;
	text-align:right;
	line-height:25px;
	padding-right:6px;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}
.btn_more_info:hover{
	background-image:url(../imgs/btn_more_info.png);
	background-repeat:no-repeat;
	width:85px;
	height:25px;
	display:block;
	text-align:right;
	line-height:25px;
	padding-right:6px;
	text-decoration:none;
	color:#000000;
}

.enlarg_img, active, visited{
	background-color:#000000;
	text-align:left;
	padding-left:30px;
	padding-right:5px;
	line-height:26px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../imgs/iocn_browse.png);
	background-repeat:no-repeat;
	font-weight:bold;
	border-bottom:1px solid #da251d;
	display:table;
	margin-left:280px;
}
.enlarg_img:hover{
	background-color:#da251d;
	text-align:left;
	padding-left:30px;
	line-height:26px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../imgs/iocn_browse.png);
	background-repeat:no-repeat;
	font-weight:bold;
	border-bottom:1px solid #da251d;
	margin-left:280px;
}

.link_red, active, visited {
	background-color:#da251d;
	text-align:left;
	padding-left:3px;
	padding-right:5px;
	line-height:22px;
	text-decoration:none;
	color:#000000;	
	font-weight:bold;
}
.link_red:hover{
	background-color:#da251d;
	text-align:left;
	padding-left:3px;	
	padding-right:5px;
	line-height:22px;
	text-decoration:none;
	color:#FFFFFF;	
	font-weight:bold;
	
}

.float_lt{
	float:left;
}
.float_rt{
	float:right;
}

.hr_line{
	background-image:url(../imgs/bg_hr.gif);
	background-repeat:repeat-x;
	clear:both;
}


h2{
	margin-bottom:10px;
	margin-top:20px;
	color:#FFFFFF;
}

.footer{
	width:auto;
}
.footer_lt{
	color:#666666;
	text-align:left;
	width:250px;
	float:left;
}
.footer_rt{
	color:#666666;
	text-align:right;
	width:250px;
	float:right;
}


/*     clear fix styles      */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;
} 
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}