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

html{
	height:100%;
	width:100%;

}

body{
	height:100%;
	overflow-x:hidden;
	background:#000;
	width:100%;

}




body > #container{
   height:auto;
   

}


#container{
	color:#fff;
	width:100%;
	background:#000;
    position:relative;
	min-height:100%;
}



/*  header  */

#header{
	height:auto;
	width:100%;
	min-width:1010px;
	
}


#header-top{
	background:#37340b;
	height:84px;
	_margin-bottom:-3px;
	width:auto;
	
}

#header-top h1{
	float:left;
	width:224px;

}

#header-top h2{
	float:left;
	width:auto;
	font-weight:normal;
	color:#999;
	font-size:10px;
	margin:55px 0 0 10px;
	display:inline;
}

#nav{
	background:#000;	
	height:30px;
	clear:both;

}

#nav #box{
	float:left;
	width:35px;
	height:30px;
	background:#985600;

}

#nav ul{
	float:left;
	width:auto;
	height:30px;
	_overflow:hidden;
	margin:0 0 0 0px;
	padding-left:30px;
}

#nav li{
	float:left;
	display:inline;
	width:auto;
	height:30px;
	margin:0 30px 0 0px;
	padding-top:5px;
	line-height:auto;
	color:#985600;
	font-size:16px;
	
}

#nav li a{
	color:#fff;
	font-size:16px;

}

#nav li a:hover{
	color:#985600;

}




/* main  */


#main{
	color:#fff;
	width:100%;
	background-color:#000;
	padding-bottom:30px;
	
	
	
}

#main #bg-top{
    background: url(../img/top_wata.jpg) #000 no-repeat left top;
	width:100%;
	min-height:530px;
	height:auto;
	_height:530px;
	float:left;
	min-width:1000px;
}

#main #bg-top2{
   background: url(../img/profile_wata.jpg) #000 repeat left top;
	width:100%;
	min-height:530px;
	height:auto;
	_height:530px;
	float:left;
	min-width:1010px;
}


#main #bg-top3{
    background: url(../img/gallery_wata.jpg) #000 no-repeat left top;
    width:100%;
	min-height:530px;
	height:auto;
	_height:530px;
	float:left;
	min-width:1000px;
	
}

#info{
	margin:23px 0 0 25px;
}




#info p{
	margin:8px 0 0 0px;
}


#info a{
	color:#D07600;
}

#info a:hover{
	color:#ddd;
}


/* gallery  */

#gallery{
	margin:0;
	padding-bottom:0px;	
	
}


#gallery .thumbnail{
	width:650px;
	margin:30px 0 20px 20px;

}


#gallery ul{
	list-style:none;
	width:auto;
	margin:0 100px 0 0px;
	float:left;
	display:inline;
	
	
}

#gallery li{
	float:left;
	display:inline;
	margin:10px 6px 0 0;
	width:auto;
}

#gallery h2{
	font-size:70%;
	color:#eee;
	
}

#gallery img{
	width:auto;
	height:auto;
}






#profile{
	margin:0;
	padding-bottom:0px;
		
}

#profile #info{
	margin:23px 0 50px 25px;
	color:#000;
}

#profile #info p{
	margin:8px 0 0 0px;
}


#profile .profile-in{
	margin:0px 0 30px 20px;
	width:auto;
}

.profile-in ul{
	margin:0 0 0 20px;
}

#profile h2{
	color:#000;
	margin:0 0 5px 10px;
	font-weight:normal;
}



#profile .profile-in ul li{
	color:#000;
	
}



/*  footer  */


#footer{
	height:30px;
	position:absolute;
	bottom:0;
	background:#000;
	width:100%;
	color:#fff;
	clear:both;
	min-width:1000px;

	
}

#footer p{
	width:auto;
	color:#666666;
	font-weight:normal;
	font-size:10px;
	background: #000;
	text-align:left;
	height:30px;
	padding-top:12px;
	margin-left:670px;
	margin-right:-670px;
	float:left;
	display:inline;
	
	
	
	
}