@charset "utf-8";

/* basic elements */
*{
	margin:0px; padding:0px; text-decoration:none; outline:none; border:0px;
}
body {
	background:#fff url(../images/home/bg.jpg) top repeat-x; 
	font-family:10px Arial, Helvetica, sans-serif; color:#808080;
}
.mainlayer{
	width:947px; height:100%; margin-left:auto;
	margin-right:auto; position:relative;
}
.maint{
	width:100%; height:100%;
}
:focus {
    outline: 0;
}
/* background */
.flash_bg{
	background:url(../images/home/flash_bg.jpg) top no-repeat;
}
.top_lnk_bg{
	background:url(../images/home/top_lnk_bg.gif) top no-repeat;
	font:11px Arial, Helvetica, sans-serif; color:#000;
}
.top_lnk_bg a{
	font:11px Arial, Helvetica, sans-serif; color:#000;
}
.top_lnk_bg a:hover{
	font:11px Arial, Helvetica, sans-serif; color:#999;
}
.top_lnk_active{
	font:11px Arial, Helvetica, sans-serif; color:#999;
}
.right_bg{
	background:url(../images/inner/right_bg.gif) repeat-y;
}
/* main content */
h1{
	font:bold 16px/18px Arial, Helvetica, sans-serif; color:#333;
}
ul.mainlnk li{
	padding:0px; margin:0px; list-style-type:none; display:inline; 
}
.mainlnk li{
	display:block; width:91px; float:left;
	font:12px Arial, Helvetica, sans-serif; color:#000; text-align:center;
}
.main_lnk{
	display:block; width:91px; background:url(../images/home/lnk_dw.gif) left no-repeat; height:24px; float:left;
	font:12px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding-top:6px;
}
.main_lnk:hover{
	display:block; width:91px; background:url(../images/home/lnk_ov.gif) left no-repeat; height:24px; float:left;
	font:12px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding-top:6px;
}
.main_lnk_active{
	display:block; width:91px; background:url(../images/home/lnk_ov.gif) left no-repeat; height:24px; float:left;
	font:12px Arial, Helvetica, sans-serif; color:#000; text-align:center; padding-top:6px;
}
.home_content{
	font:12px/18px Arial, Helvetica, sans-serif; color:#666; border-right:1px solid #EAEAEA;
}
.inner_content{
	font:12px/18px Arial, Helvetica, sans-serif; color:#333; 
}
.pro_content{
	font:12px/20px Arial, Helvetica, sans-serif; color:#333;
}
.pro_content_lnk{
	font:12px/20px Arial, Helvetica, sans-serif; color:#666;
}
.pro_content_lnk:hover{
	font:12px/20px Arial, Helvetica, sans-serif; color:#000;
}
.pro_acc{
	font:12px/16px Arial, Helvetica, sans-serif; color:#333; border-bottom:1px solid #EAEAEA; padding-bottom:10px;
}
.pro_table_content{
	font:12px/20px Arial, Helvetica, sans-serif; color:#333; padding-left:15px;
}
.pro_table_head{
	font:bold 12px/20px Arial, Helvetica, sans-serif; color:#333;
}
.heding{
	border-bottom:1px solid #E8E8E8;
}
.content_border{
	border-right:1px solid #E8E8E8;
}
.top_line{
	border-top:1px solid #E8E8E8;
}
ul.prolnk li{
	padding:0px; margin:0px; list-style-type:none; width:230px;
}
ul.prolnk{
	padding:0px; margin:0px; margin-bottom:20px;
}
.prolnk li a{
	display:block; height:22px;
	font:12px/20px Arial, Helvetica, sans-serif; color:#666;
}
.prolnk li a:hover{
	display:block; height:22px; 
	font:bold 12px/20px Arial, Helvetica, sans-serif; color:#666;
}
.prolnk_active{
	display:block; height:22px;
	font:bold 12px/20px Arial, Helvetica, sans-serif; color:#666;
}
.top{
	font:11px/20px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline; padding:3px;
}
.top:hover{
	font:11px/20px Arial, Helvetica, sans-serif; color:#666; background:#e8e8e8; padding:3px;
}
.email{
	font:12px/20px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline;
}
.email:hover{
	font:12px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;
}
.sitamap{
	font:12px/18px Arial, Helvetica, sans-serif; color:#666;
}
.sitamap a{
	font:12px/18px Arial, Helvetica, sans-serif; color:#666;
}
.sitamap a:hover{
	font:12px/18px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline;
}

/* form */
.txt_box{
	font:13px Arial, Helvetica, sans-serif; color:#666; border:1px solid #BCBCBC; background:#fff url(../images/inner/txtbox_bg.jpg) repeat-x bottom; width:275px; padding-top:5px; height:19px; margin-bottom:10px;
}
.txt_box_browse{
	font:13px Arial, Helvetica, sans-serif; color:#666; border:1px solid #BCBCBC; background:#fff url(../images/inner/txtbox_bg.jpg) repeat-x bottom; width:275px; margin-bottom:10px; margin-top:3px; 
}
.jmp_mnu{
	font:12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #BCBCBC; background:#E3E3E3; margin-bottom:10px; margin-top:3px; height:20px;
}
.txt_area{
	font:13px Arial, Helvetica, sans-serif; color:#666; border:1px solid #BCBCBC; background:#fff url(../images/inner/txtarea_bg.jpg) repeat-x bottom; width:275px; margin-bottom:10px; margin-top:3px;
}
.btn{
	background:#ccc url(../images/inner/btn_bg.jpg) no-repeat; width:99px; height:34px;
	font:bold 14px  Arial, Helvetica, sans-serif; color:#666; overflow:visible; padding:4px 8px 4px 8px;
	cursor:pointer; cursor:hand;
}
.comp{
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
}
/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{   
    border : 0px;
}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{   
	border : 0px;
}
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus{     
   outline : none; 
}


/* footer */
.btm_lnk{
	font:10px Arial, Helvetica, sans-serif; color:#999;
}
.btm_lnk span{
	font:10px Arial, Helvetica, sans-serif; color:#999; padding-bottom:8px; display:block; float:left;
}
.btm_lnk a{
	font:10px Arial, Helvetica, sans-serif; color:#999; text-align:center;
	float:right; display:inline-block; height:16px; width:60px; background:#E8E8E8; border-left:3px solid #fff; border-bottom:2px solid #fff; padding-top:2px;
}
.btm_lnk a:hover{
	font:10px Arial, Helvetica, sans-serif; color:#666;
}
.vox{
	font:10px Arial, Helvetica, sans-serif; color:#999;
}
/* Slider CSS */

#mygallerylong{overflow: hidden;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 298px;
margin-left:0px;
height: 180px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px; height:180px;
	top: 0px;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px 0px 0px 0px; /*margin around each panel*/
	cursor:pointer; cursor:hand;
	width:298px; height:180px;
	 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}