@charset "utf-8";
/* ====== home ====== */

html {
	overflow: hidden;
	height: 100%;
}
body.home {
	height: 100%;
	text-align: left;
}
#hd {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 250px;
	background: #003324 url(../images/home/bg_hd.jpg) top right no-repeat;
	z-index: 3;
}
#hd .hd_logo {
	position: absolute;
	left: 23px;
	top: 18px;
	z-index: 40;
}
#hd ul {
	position: absolute;
	top: 30px;
	right: 35px;
	text-align: left;
	z-index: 40;
}
#hd ul li {
	display: inline;
	margin-left: 33px;
}
#ft {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 40px;
	background-color: #003324;
	z-index: 44;
}
#ft img {
	position: absolute;
	bottom: 20px;
	left: 30px;
	height: 13px;
}
#ft {
	background-color: transparent;
}
#maximage {
	display: none;
}



/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}