<!--[if IE]>
@font-face {
	font-family: 'Helvetica Neue Book';
	src: url('fonts/helveticaneue-webfont.eot');
}
@font-face {
	font-family: 'Helvetica Neue CondBl';
	src: url('fonts/HelveticaNeue-CondensedBlack.eot');
}
<![endif]-->

@font-face {
	font-family: 'Helvetica Neue Book';
	src: url('fonts/helveticaneue-webfont.woff') format('woff'), url('fonts/helveticaneue-webfont.ttf') format('truetype'), url('fonts/helveticaneue-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue CondBl';
	src: url('fonts/HelveticaNeue-CondensedBlack.woff') format('woff'), url('fonts/HelveticaNeue-CondensedBlack.ttf') format('truetype'), url('fonts/HelveticaNeue-CondensedBlack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, p, q, s, samp,
strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, td, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

img 	{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
	}

html, body {
	height: 100%;
	min-height: 720px;
	}

body {
	font-family: 'Helvetica Neue Book', Arial, sans-serif;
	background: #FFF url('images/bodybg.png') repeat-x top left;
	color: rgb(30,30,30);
}


/* ------------ LAYOUT ------------ */

#wrapper {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-bottom: -60px;
}

#header {
	display: block;
	position: absolute;
	top: 50px;
	left: 0px; 
	width: 100%;
	margin: 0px auto;
	height: 40px;
	background: white url('images/bannerbg.png') repeat-x top left;
	z-index: 99; 
}

#menu {
	display: block;
	width: 100%;
	margin-top: 1px;
}

#menu_content {
}

#slidercontainer {
	height: 100%;
	overflow-x: hidden;
	box-shadow: 0px 0px 15px #888888;
	}

.content {
	margin-top: 100px;
	margin-bottom: 60px;
}

#push {
	clear: both;
	}
	
#footer {
	position: relative;
	margin: 0px auto;
	z-index: 999;
	display: block;
	width: 1000px;
	height: 40px;
	background: white url('images/bannerbg.png') repeat-x top left;
}

#slider { 
	width: 7000px; 
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	}	

/* -------- STYLES -------------*/
a {
	font-weight: bold;
	text-decoration: none;
	color: rgb(80,80,80);
	}
	
a:hover {
	text-decoration: underline;
	}

p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
}

td {
	vertical-align: top;
	}

li {
	margin-left: 30px;
	font-size: 14px;
	}
	
ul {
	margin-bottom: 20px;
	}

h1, h2, h3, h4, h5 {
	font-family: 'Helvetica Neue CondBl', 'Arial Narrow', Arial, sans-serif;
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: rgb(0,167,49);
}

h1 {
	font-size: 40px;
	}

h2 {
	font-size: 20px;
	color: rgb(25,25,25);
	text-transform: uppercase;
	letter-spacing: -1px;
	font-family: 'Helvetica Neue Book', Arial, sans-serif;
	}
h3, h1.notice {
	font-family: 'Helvetica Neue Book', Arial, sans-serif;
	font-size: 22px;
	color: rgb(25,25,25);
	letter-spacing: 0px;
	}
h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
	
h5 {
	font-size: 60px;
	font-weight: bold;
	color: rgb(64,64,64);
}

.button {
	float:left;
	font-weight: bold;
	margin-top: 3px;
	padding: 9px 30px 7px 30px;
	cursor:pointer;
	color:#888888;
	font-size:16px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
}

.button:hover {
	color: rgb(0,167,49);
}

.active_button {
	color: rgb(0,167,49);
border-bottom: 2px solid rgb(0,167,49);
	}
	
.clickable {
	cursor: pointer;
	font-size: 16px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	}
	
.clickable:hover {
	color: rgb(0,167,49);
	}
	
#page1, #page2, #page3, #page4, #page5, #page6, #page7  { 
/*  IE HACK  */
	zoom:1;
	*display: inline;
	_height: 100%;
/* END IE HACK */
	height: 100%; 
	position: relative; 
	float: left;
	display:inline-block;
/*	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover; */
	background-position: bottom right;
	background-repeat: no-repeat;
}
	
	
#page1 {
	background-color: rgb(31,149,223);
	background-image: url('images/bg01.jpg');
}

#page2 {
	background-color: rgb(215,234,248);
	background-image: url('images/bg02.jpg');
}

#page2 li {
	margin-bottom: 4px;
	}
	
#page3 {
	background-color: rgb(107,180,233);
	background-image: url('images/bg03.jpg');
}

#page4 {
	background-color: rgb(107,180,233);
	background-image: url('images/bg03.jpg');
}

#page5 {
	background-color: rgb(61,119,182);
	background-image: url('images/bg04.jpg');
}

#page6 {
	background-color: rgb(61,119,182);
	background-image: url('images/bg04.jpg');
}

#page7 {
	background-color: rgb(101,134,169);
	background-image: url('images/bg05.jpg');
}

#leftcol01, #leftcol02, #leftcol03, #leftcol04, #leftcol05, #leftcol06 {
	margin-bottom: 50px;
	padding:30px 50px 40px 60px;
	position: relative;
	width: 600px;
	background: transparent url('images/contentbg.png') no-repeat top right;
}

#leftcol02, #leftcol03, #leftcol04, #leftcol05 {
	width: 800px;
	}
	
#leftcol04 {
	width: 665px;
	}
	
#rightcol {
	position: absolute;
	top: 43%;
	left: 700px;
	width: 100%;
}


#navi_right {
	cursor:pointer;
	position: absolute;
	top: 43%;
	right: 15px;
	height: 87px;
	width: 18px;
	background: transparent url('images/nuoli_oik.png') no-repeat top left;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;

}

#navi_right:hover {
	background: transparent url('images/nuoli_oik_hover.png') no-repeat top left;
}
	
#navi_left {
	cursor:pointer;
	position: absolute;
	top: 43%;
	left: 15px;
	height: 87px;
	width: 18px;
	background: transparent url('images/nuoli_vas.png') no-repeat top left;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	}
	

#navi_left:hover {
	background: transparent url('images/nuoli_vas_hover.png') no-repeat top left;
}
	

#footercontent {
	font-size: 14px;
	margin: 0px auto;
	width: 800px;
	text-align: center;
	padding-top: 12px;
	}
	
#footerheader {
	font-size: 18px;
	line-height: 16px;
	color: rgb(25,25,25);
	text-transform: uppercase;
	letter-spacing: -1px;
	font-family: 'Helvetica Neue Book', Arial, sans-serif;
	float: left;
	}
	
.gallery_item {
	display: inline;
	}	

.gallery_item img {
	margin: 10px;
	border: 1px solid #888888;
	}

.gallery_item img:hover {
	border: 1px solid rgb(0,167,49);
		-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;

	}
	
label {
font-size: 14px;
line-height: 18px;
display: block;
float: left;
text-align: right;
width: 90px;

}

input, textarea {
display: block;
width: 250px;
margin-left: 100px;
margin-bottom: 10px;
}

textarea {
height: 100px;
}