body,div,pre,p,blockquote, 
form,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
embed,object { 
	margin: 0;
	padding: 0;
	vertical-align: ;/*baseline*/
	font-family: sans-serif;	/*'Fjord One', 'Fjord', "Georgia", "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-size: 100%;
	line-height: 1.5;
}

body {
	background: url(img/IMG_2106.jpg);}

/*biggest box */
/*#site-box{max-width:100%;
  width:100%;
  height:20000px;
margin : 0px;
background: #000;
border: 1px #00ff00 solid;}*/ 



header {
    width: 100%;
    height: 80px;
    color: #333;
    background: #EEE;
}

#nav {z-index: 1;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    width:10%;
    height:100px;
    list-style: none;
    font-size:120%;
    /*border: 2px solid #FFFFFF;*/
    /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; */ }

#nav li a {color: rgba(0, 0, 0, 0.7);
    font-weight: ;
    text-decoration: none;
    width: 100%;
    float:left;
    display: block;
    padding: 10px 0;
    text-align: center;}

#nav li a:hover {background: rgba(255, 255, 255, 0.9);}

#nav li:first-child a:hover {/*-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;*/}

#nav li:last-child a:hover {/*-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;*/}


#nav2 {z-index: 1;
    top: 100px;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    width:10%;
    list-style: none;
    /*border: 2px solid #FFFFFF;*/
    /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; */ }

#nav2 li a {color: rgba(0, 0, 0, 0.7);
    font-weight: ;
    text-decoration: none;
    width: 100%;
    float:left;
    display: block;
    padding: 10px 0;
    text-align: center;}

#nav2 li a:hover {background: rgba(255, 255, 255, 0.9);}

#nav2 li:first-child a:hover {/*-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;*/}

#nav2 li:last-child a:hover {/*-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;*/}


#wrap {position: relative;
  width:100%; 
  left:0;
  /*height: 100%;*/
  margin: 0;
  padding: 0;
/*border: 1px #000 solid;*/}


/*video*/
#c-box{width:100%;
height:px;
background-color:transparent;
padding: 0;
margin: 0px;
bottom: 0;
text-align: center; 
/*border: 1px #00f solid;/ blue*/}

/*title (sort)*/
#e-box{width:auto;
clear:both;
background-color:transparent;
padding: 0% 1% 1% 10%; 
margin: 0px ;
text-align: left;
border: 1px #f0f solid; /*yellow*/}


p.resizeimage img { width: 100%;
text-align: center; }

p{text-align: left;
background-color:transparent;} 


/*it applies to all pages*/
.content {position: relative;
    top:0;
  margin: 0;
  padding: 0;
  height:100% ; /*800px need to check*/
/*border: 1px #f0f solid;*/}

p.mini {font-size:90%;}
h2 {font-size:115%;}

.inner-t {top:0;
color:rgba(255,255,255,0);}


.inner-bl {position: absolute;
 background: rgba(10, 10, 10, 0.5);
 box-shadow: 0 0 20px 20px rgba(10, 10, 10, 0.5);
 margin: 0 3% 0 5%;
 padding: 3%;
 width:31%;
 left:10%;
 bottom:0;
 text-shadow: -25px 0 25px 25px rgba(0, 0, 0, 0.5);
 color: rgba(250, 250, 250, 0.7);}

.inner-br {position: absolute;
 background: rgba(10, 10, 10, 0.5);
 box-shadow: 0 0 20px 20px rgba(10, 10, 10, 0.5);
 margin: 0 3% 0 5%;
 padding: 3%;
 width:31%;
 right:0;
 bottom:0;
 text-shadow: -25px 0 25px 25px rgba(0, 0, 0, 0.5);
 color: rgba(250, 250, 250, 0.7);}

.inner-wl {position: absolute;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 18px 14px rgba(255, 255, 255, 0.5);
 margin: 0 3% 0 5%;
 padding: 3%;
 width:31%;
 left:10%;
 bottom:0;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}

.inner-wr {position: absolute;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 18px 14px rgba(255, 255, 255, 0.5);
 margin: 0 3% 0 5%;
 padding: 3%;
 width:31%;
 right:0;
 bottom:0;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}

/*top*/
#first {top:0;
    background: url(img/IMG_0695.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1000px;}

/* div#first */
.title {position: absolute;
    margin: 15% 30% 0 33%;
    top: 10%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 3em;
    /*z-index: 10;*/
    /*border: 1px #00ff00 solid;*/}

/*shi*/	
#second {top:0;
    background: url(img/IMG_2172.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1200px;}	
	
#third {top:0;
    background: url(img/IMG_2106.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1000px;}

#fourth {top:0;
    background: url(img/IMG_0695.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1200px;}
  
/*jam*/
#fifth {top:0;
    background: url(img/IMG_1301.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1500px;}
 
/*tre*/ 
#sixth {top:0;
    background: url(img/IMG_1175.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1200px;}	

/*rad*/	
#seventh {top:0;
    background: url(img/IMG_2740.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1000px;}

#eighth {top:0;
    background: url(img/IMG_2625.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1000px;}
  
#ninth {top:0;
    background: url(img/IMG_0998.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1000px;}
 
 #tenth {top:0;
    background: url(img/IMG_2494.jpg) no-repeat fixed;   
  background-size: cover;
  height: 1000px;}