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

*{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;

}

html{
	margin:0 auto;
	background-image:url(images/bg.jpg);
	background-size:100%; background-position:top; 
}


.ol-li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-bottom:5px;
}

.wrapper{
	top:0; left:0; right:0;	width:950px; height:auto; background:#FFF; display:block;
}

.footer{
	width:950px; height:20px; background-color:#820024; position:relative; clear:both;
}

.footer a{
	display:inline;
	margin-right:15px;
	text-decoration:none;
	font-size:9px; color:#FFF;
	padding-left:7px;
}


/*----------Main Layout--------*/	

.header{
	position:relative;
	top:2px; left:5px; margin:0px 0px 0px 0px;
}

.slider_menu{
	position:relative; top:5px; width:950px; height:350px;	
}

.slider_menu ul > li,a{
	display:inline; padding-right:10px; color:#FFF; text-decoration:none;
}

.slider{
	position:relative; height:292px; left:20px; top:-3px;
}

/*------------
# Menu Tabs
# Home Layout
--------------*/

.tabs{
    margin: 0;
    padding: 0 18px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;
}

.tabs li {
    float: left; font-size:14px;
    list-style: none;
    margin: 0;
    padding: .25em .25em 0;
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
}

.tabs li.selected {
    z-index: 3;
}

.tabs a {
    float: left;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    behavior: url(PIE.htc);
}

.tabs .selected a {
    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
}

.tabs a:hover {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -webkit-linear-gradient(#EEF, #FFF 70%);
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: -ms-linear-gradient(#EEF, #FFF 70%);
    background: -o-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
}

.contents_middle{
	position:relative; background:#FFF; min-height:530px;
	width:915px; clear:both;
}

.sidebar_left{
	position:relative; float:left;
	clear:left; width:680px;
}
.sidebar_right{
	position:relative; float:right;
	clear:right; width:200px;
}

#section_1{
	position:relative; width:915px; display:block; float:left;
}
	
#section_2{
	position:relative; width:915px; height:300px; left:2px; top:30px;
}

	#text_left_home{
		width:650px; left:20px; position:relative; float:left; clear:both;
	}
	
	.text_left_inner{
		width:650px; left:20px; position:relative; clear:both; float:left; display:block;
	
	}	
	
	#text_right_home{
		width:250px; position:relative; right:0px; top:10px; float:left; padding-left:20px;
	
	}	
	#text_right_hm{
		width:250px; right:0px; top:10px; position:absolute; padding-left:20px;
	
	}	
	
.inner_icons_sm{
	margin-left:25px;

}

.inner_titles{
	border-bottom:dotted; border-width:1px; font-size:15.5px; font-weight:bold; width:200px; margin-bottom:10px;
	color:#333;
}

.margin_top{
	padding-top:10px;
}

.tab_bg{
	width:218px; height:265px; position:relative; float:left; margin-left:7px;
	background-image:url(images/bg_section_home.jpg); background-repeat:no-repeat;
}

.clear_both{
	clear:both;
}
	
#slideshow{
	height:292px;
	margin:2px auto 0;
	position:relative;
	width:912px;
}

#slideshow ul{
	height:292px;
	left:-58px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:-2px;
	width:912px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('img/arrows.png') no-repeat;
	top:5%;
	margin-top:35px;
	cursor:pointer;
	z-index:2000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}


/* The following styles are only used for the styling of the demo page */	

.display_block{
	display:block;
	position:relative;
	clear:both;
}

		
			
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 10px;
		width: 650px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 3px solid #CCC; left:-50px;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #C45;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
							
.table_fnts{
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color:#000;
}