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

body{
	margin-right:0; /*stop page shift to the bottom when open fancybox*/

}

.te li {
float:left;/*without this the hover only display on the same position*/
position: relative;/*set hover position,without this the hover only display on the same position */
}


.te {
margin:0;/*remove the space around the list*/
padding: 0;/*remove the space around the list*/
list-style: none;/*remove the "dot" next to the list*/
}

.te li em {/*setting for hover outlooking*/
	background: url('test image/hover.png') no-repeat;
	width: 140px;
	height: 45px;
	
	position: absolute;
	top: -45px;
	left:0px;
	
	text-align: center;
	padding: 12px 5px 10px;
	font-size:22px;
	font-family:'BenchNine', sans-serif;
	font-style:normal;
	z-index: 99;
	
	display: none;/*not showing the hover before mouseover*/
	color:#FFF;
}

#links {
    position: fixed;
    bottom: 10px;
    width: 100%;
    padding-top: 10px;
    list-style: none;
    text-align: center;
    z-index: 99999;
}

#links li {
    display: inline;
    padding: 0 5px;
}

#links li label {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

#links li.active label {
    background-color: white;
}


#header{
	background-image:url('test image/topbg-1024x768.png');
	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-repeat:no-repeat;
	
	height:800px; /*set div dimension*/
	width:1024px;
	
	min-height:800px;
	min-width:100%;
	
	position:absolute;
	top:0;
	left:0;

}

#headerbase{
	position:absolute;
	top:800px;
	left:0;
	
	height:40px;
	width:100%;
	
	
	
	background-color:#000;
}

#arrow{
	position:absolute;
	top:840px;
	text-align:center;
	
	width:100%;
	height:47px;
	
	
}

#logo{
	margin:100px auto 30px auto;
	padding:0;
	position:relative;
	text-align:center;
	height:auto;
	width:auto;
}

#headertext{
	color:white;
	margin:0px;
	padding:0px;
	text-align:center;
	
	font-size:64px;
	font-family: 'Raleway', Arial, sans-serif;
}

#info{
		text-align:center;
		margin-top:30px;
}

#scroll{
		text-align:center;
		margin-top:7px;	
		text-decoration:blink;
		
		font-size:18px;
		font-family:'BenchNine', sans-serif;
		color:white;
		
}
		

#content1{
		
		/*set div dimension*/
		height:458px;
		width:960px;
		
		position:relative;
		margin: 1000px auto 10px auto;
		
}

.content2{
		
		/*set div dimension*/
		height:458px;
		width:960px;
		
		position:relative;
		margin: 80px auto 10px auto;
		
}

.sub1{
		
		
		/*set div dimension*/
		height:458px;
		width:460px;
		
		
		position:relative; /*set div position*/
		margin:0px auto 0px 10px;
		float:left; 
		
}

.sub2{
		
		
		/*set div dimension*/
		height:458px;
		width:460px;
		
		 /*set div position*/
		margin:0px auto 0px 10px;
		float:right; 
		
}

.picright{
		margin-left:42px;
		margin-top:84px;

}

.picleft{
		margin-left:0px;
		margin-top:84px;

}

.thumb{
	height:149px;
	width:149px;
	background-color:white;
	
	position:relative;
	float:left;
	margin:auto;
	
}

.ptitle1{
	font-family: 'Raleway', Arial, sans-serif;
	font-size:28px;
	color:#000;
	padding:0;
	margin-top:0px;
	margin-left:42px;
	margin-bottom:10px;

}

.psub1{
	color:#000;
	font-family:'Cinzel', serif;
	font-size:38px;
	padding:0;
	margin-left:39px;
	margin-top:0px;
	margin-bottom:15px;

}

.des1{
	color:#777777;
	font-size:18px;
	margin-left:42px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	font-family:'BenchNine', sans-serif;
	line-height:120%;/*adjust spacing between text*/
}

.ptitle2{
	font-family: 'Raleway', Arial, sans-serif;
	font-size:28px;
	color:#000;
	padding-top:0;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;

}

.psub2{
	color:#000;
	font-family:'Cinzel', serif;
	font-size:38px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:15px;

}

.des2{
	color:#777777;
	font-size:18px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	font-family:'BenchNine', sans-serif;
	line-height:120%;/*adjust spacing between text*/
}

.red{
	color:#e70033;
}

.green{
	color:#00b1aa;
}

.orange{
	color:#ff7433;
}

.blue{
	color:#0d61ae;
}

.yellow{
	color:#ffb732;
}

.purple{
	color:#92278f;
}

#footer{

		background-color:#000; /*set div dimension*/
		height:300px;
		width:100%;
		
		position:absolute; /*set div position*/
		left:0;
		margin-top:100px;	
}

#fcon{
	margin-left:auto;
	margin-right:auto;
	height:150px;
	width:960px;
}




#fhead{
	margin-top:30px;
	font-size:18px;
	color:#FFF;
	font-family: 'Raleway', Arial, sans-serif;
}

#ftext{
	font-size:12px;
	line-height:150%;
	color:#FFF;
	font-family: 'Raleway', Arial, sans-serif;
}

#fleft{
	height:150px;
	width:200;
	float:left;

}

#fright{
	height:150px;
	width:200px;
	float:right;
	margin-bottom:60px;

}

#fbottom{
	background-image:url('test%20image/footerlogo.png');
	background-repeat:no-repeat;
	height:50px;
	width:960px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:#FFF 1px solid;
	padding:0;
	clear:both;
}

#back{
	height:40px;
	width:100px;
	background-color:#000;
	border:1px white groove;
	margin:30px 0px 7px auto;
	
	color:#FFF;
	font-family:'BenchNine', sans-serif;
	font-size:14px;
	text-align:center;
	padding-top:8px;/*adjust space between border and content,e.g. text, image*/
	
	line-height:25px; /*adjust space between text, break, image.*/
	
	
}

#insta{
	height:40px;
	width:100px;
	background-color:#000;
	border:1px white groove;
	margin:0px 0px 60px auto;
	
	color:#FFF;
	font-family:'BenchNine', sans-serif;
	font-size:14px;
	text-align:center;
	padding-top:8px;/*adjust space between border and content,e.g. text, image*/
	
	line-height:25px; /*adjust space between text, break, image.*/
	
	
}

#trade{
	float:right;
	font-family:'Cinzel', serif;
	font-size:10px;
	color:#FFF;
	margin-top:20px;
}