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

/***************************************************/
/* General Setting */
/***************************************************/
@import url(http://fonts.googleapis.com/css?family=Oxygen);
html {
	font-size:15px;
    font-family:"Oxygen", "Myriad Pro", Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height:100%;
}
body {
	margin:0;
	color:#222;	
	height:100%;
	/*background:url(../images/background/bg_dot.png);*/
}
.bg_grass {
	background:url(../images/background/bg_dot.png) fixed, url(../images/background/bg_grass.jpg)  fixed;
	background-size:auto, 100% 100%;
}
.bg_water {
	background:url(../images/background/bg_dot.png) fixed, url(../images/background/bg_water.jpg)  fixed;
	background-size:auto, 100% 100%;
}
#wrapper {
	min-height:100%;
	position:relative;
}

/***************************************************/
/* Header Setting */
/***************************************************/
header {
	height:45px;
	background:rgba(255,255,255,0.9);
	box-shadow:0 2px 2px #aaa;
	z-index:1000;
}
header .menuItem {
	text-shadow:1px 1px 1px #999;
}
header .menuItem:hover {
	background:linear-gradient(#555, #333);
	text-shadow:1px 1px 1px #999;
}
header .menuItem a:link, header .menuItem a:visited {
	text-decoration:none;
	color:#666;
	display:block;
	padding:0 10px;
}
header .menuItem a:hover {
	color:#fff;
}

/***************************************************/
/* Content Setting */
/***************************************************/
#content {
	padding-bottom:80px;   /* Height of the footer element + margin */
}

/***************************************************/
/* Footer Setting */
/***************************************************/
footer {
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(255,255,255,0.9);
	height:50px;
	width:100%;
	box-shadow:0 -1px 2px #aaa;
	display:table;
	margin-top:30px;
}
footer .menuItem {
	margin:0 15px;
	color:#666;
	text-shadow:1px 1px 1px #999;
}
footer .menuItem a:link, footer .menuItem a:visited {
	text-decoration:none;
	color:#666;
	display:block;
}
footer .menuItem a:hover {
	color:#111;
}

/***************************************************/
/* Box Setting */
/***************************************************/
.box {
	border:1px solid #ccc;	
	border-radius:8px;
	box-shadow:1px 1px 3px #ccc;
}

/***************************************************/
/* Banner Setting */
/***************************************************/
#banner img {
	width:100%;
}

/***************************************************/
/* Homepage Setting */
/***************************************************/
.block {
	padding:25px;
	background:white;
	text-align:center;
	margin-right:15px;
}
.block:last-child {
	margin-right:0;	
}
.block img {
	height:80px;	
}
.block p {
	text-align:justify;	
}

/***************************************************/
/* Isotope Blocks Setting */
/***************************************************/
.grid-sizer {
	width:20%;
}
.gutter-sizer {
	width:1%;	
}
.isotope_grid {
	margin-bottom:15px;
	padding:10px 15px;
	/*background:rgba(255,255,255,0.8);*/
	/*box-shadow:1px 1px 3px #aaa;*/
}
.h1 {
	height:150px;	
}
.h2 {
	height:315px;	
}
.w1 {
	width:19%;	
}
.w2 {
	width:39%;	
}
.w3 {
	width:59%;	
}
.w4 {
	width:79%;	
}
.w5 {
	width:99%;	
}

/***************************************************/
/* Arrow Setting */
/***************************************************/
.arrow-up {
	width:0; 
	height:0; 
	border-left:18px solid transparent;
	border-right:18px solid transparent;
	border-bottom:18px solid rgba(255,255,255,0.85);
}