body{
	font-family: Arial, Helvetica, sans-seri; 
	font-size:15px;
	line-height:1.5;
	padding: 0;
	margin: 0;
	background-color: #f4f4f4;
}
/* Global */
.container{
	width: 80%
	margin:auto;
	overflow: hidden;
}	

ul{
	margin: 0;
	padding: 0;
}

.button_1{

	height: 38px;
	background: #FF0000;
	border: 0;
	padding-left: 20px:
	padding-right 20px;
	color: #ffffff;
}

.dark{
	padding:15px;
	background: #35424a;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;


}

/*Header **/
header{
	background:#35424a;
	color: #ffffff;
	padding-top: 30px;
	min-height: 70px;
	border-bottom: #FF0000 3px solid;
	padding-left: 30px;
	
	

	
}
header a{
	color: #ffffff;
	text-decoration: none;	
	text-transform: uppercase;
	font-size: 16px;
	
}

header li{

	float:left;
	display: inline;
	padding: 0 20px 0 20px;

}

header #branding{
	float: left;
	font-family: "Brush Script MT";
	font-size: 20px;

}

header #branding h1{
	margin: 0;

}

header nav{
	float: right;
	margin-top: 10px;
}

header .highlight, header .current a{

	color: #ffffff;
	font-weight: bold;
}

header a:hover{
	color:#cccccc;
	font-weight: bold;
}

/* Showcase */
#showcase{
	min-height: 500px;
	background: url('../image/backgroundiii.jpg') no-repeat 0 -400px;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #ffffff;
}

#showcase h1{
	margin-top: 100px;
	font-size: 55px;
	margin-bottom: 10px;
}

#showcase p{
	font-size: 20px;
}


#showcaseSpecs{
	min-height: 500px;
	background: url('../image/backgroundb.jpg') no-repeat 0 -400px;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #ffffff;
}

#showcaseSpecs h1{
	margin-top: 100px;
	font-size: 55px;
	margin-bottom: 10px;
}

#showcaseSpecs p{
	font-size: 20px;
}


#showcaseTrips{
	min-height: 500px;
	background: url('../image/backgroundc.jpg') no-repeat 0 -200px;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #ffffff;
}

#showcaseTrips h1{
	margin-top: 100px;
	font-size: 55px;
	margin-bottom: 10px;
}

#showcaseTrips p{
	font-size: 20px;
}
/*
#newsletter{
	padding:15px;
	color: #ffffff;
	background: #35424a;

}

#newsletter h1{
	float: left;
}
#newsetter form{
	float: right;
	margin-top: 15px;
}
#newsletter input[type="email"]{
	padding:4px;
	height:25px;
	width: 250px;*/
}
/*boxes*/

#boxes{
	margin-top: 20px;
	
}

#boxes .box{
float: left;
text-align: center;
width: 30%;
padding:10px;
}

#boxes .box img{
	width: 90px;
}


aside#sidebar{

	float:right;
	width: 25%;
	margin-top: 100px;
	margin-bottom: 5px;	
	padding: 10px;
	text-align: center;

}

article#main-col{

	float: left;
	width: 65%;
	padding: 50px;
}

aside#sidebarIndexChi{

	float:left;
	width: 25%;
	margin-top: 50px;
	margin-bottom: 5px;	
	padding: 10px;
	text-align: center;

}

article#main-colIndexChi{

	float: right;
	width: 65%;
	padding: 10px;
}




article#main-colIndex{

	float: left;
	width: 90%;
	padding: 30px
}

ul#services li{
 	list-style: none;	
 	padding: 50px;
 	border: #cccccc solid 1px;
 	margin-bottom: 5px;	
 	margin-top: 50px;
 
	background: #e6e6e6;
}

.video-wrapper{

	position: relative;

}

.video-wrapper iframe{

	position: absolute;
	width: 100%
	height: 100;
	top: 0;
	left: 0;
}


/*.half-page-image {
 	
  	width: 30%;
  	display: inline-block;
  	padding: 50px;
}*/

footer{
	padding: 20px;
	margin-top: 20px;	
	color: #ffffff;
	background-color: #FF0000;
	text-indent: center;
	text-align: center;
}	

@media(max-width: 768px){
	header #branding,
	header nav,
	header nav li,
	#newsletter form,
	#newsletter h1,
	#boxes .box,
	article#main-col,
	aside#sidebar{
		float: none;
		text-align: venter;
		width: 100%;
	}

	header{
		padding-bottom: 20px;
	}

	#showcase h1{
		margin-top:40px;
	}
}