@import url(http://fonts.googleapis.com/css?family=Oswald);
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.last {
	background:none !important;
	border:none !important;
}
.pad_0 {
	padding:0 !important;
}
/* Global properties ======================================================== */
body, html, .extra, .main {
	height:100%;
	min-width:940px;
	min-height:700px;
}
#leftSide, #content {
	min-height:700px;
}
body {
	overflow:hidden;
	border:0;
	font:10px/16px "Trebuchet MS", Arial, sans-serif;
	color:#505050;
	text-transform:uppercase;
	background:url(../images/bg.png) 0 0 repeat;
}
/* Global Structure ============================================================= */
.extra {
	overflow:hidden;
	position:relative;
}
.main {
	position:relative;
	width:940px;
	height:100%;
	overflow:hidden;
	margin: 0 auto;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinner.gif) 50% 50% no-repeat #1c1c1c;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#fff;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	padding:0 0 0 0;
}
h2 {
	font:18px/ 18px 'Oswald', sans-serif;
	padding-bottom:35px;
	color:#fefefe;
}
h3 {
	font:14px/ 16px 'Oswald', sans-serif;
	padding-bottom:8px;
	color:#fff;
}
h4 {
	color:#fff;
	font-weight:normal;
}
p {
	padding-bottom:16px;
}
.color1 {
	color:#3f91da;
}
/* ============================= leftSide ====================== */
#leftSide {
	position:relative;
	overflow:visible !important;
	float:left;
	width:220px;
	height:100%;
	background:url(../images/menu_plane.png) 0 0 repeat-y;
	z-index:5;
}
#logo {
	margin-left:41px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:138px;
	height:137px;
	background:url(../images/logo.png) 0 0 no-repeat;
}
/* ============================= menu ====================== */
#menu {
	text-align:center;
	padding:72px 35px 0;
	height:320px;
}
#menu > li {
	display:block;
	padding:5px 0;
	border-bottom: 1px solid #353535;
}
#menu > li a {
	display:inline-block;
	font:18px/18px 'Oswald', sans-serif;
	color:#434343;
	text-decoration:none;
}
#menu .submenu li a {
	color:#434343;
	font-size:10px;
}
#menu .submenu li a:hover {
	color:#fff;
}
.submenu {
	padding:6px 0;
}
.submenu li {
	padding:0 2px;
	display:inline-block;
}
/* ============================= splash Slider ====================== */
#slider {
	position:absolute;
	left:220px;
	list-style:none;
	width:725px;
	display:block;
	overflow:hidden
}
#slider li {
	float:left;
	overflow:hidden;
	position:relative;
}
#slider li > span{
	position:absolute;
	top:745px;
	left:0;
	width:47px;
	height:30px;
	background:url(../images/num_plane.png) 0 0 no-repeat;
	padding:18px 1px 0 0;
	font:10px/ 10px 'Oswald', sans-serif;
	color:#fff;
	text-align:center;
}
#slider li > div{
	position:absolute;
	top:550px;
	left:-350px;
	width:302px;
	height:302px;
	text-align:center;
	background:url(../images/despription_plane.png) 0 0 no-repeat;
	z-index:3;
}
#slider li > div > div{
	display:inline-block;
	padding:74px 0 6px;
	width:239px;
	border-bottom:1px solid #2b2b2b;
}
#slider li > div > div > h2{
	padding-bottom:15px;
}
#slider li > div > span{
	display:block;
	padding-top:28px;
	font:30px/ 30px 'Oswald', sans-serif;
	color:#fff;
}
/* ============================= content ====================== */
#content {
	float:left;
	display:block;
	width:720px;
	height:100%;
	background:url(../images/content_plane.jpg) 0 0 repeat;
}
#content > ul {
	position:relative;
	display:block;
	width:720px;
	height:600px;
}
#content > ul > li {
	position:absolute;
	width:720px;
	top:0;
	left:0;
}
.contPad{
	padding:99px 0 0 20px;
}
.padBot{
	padding-bottom:46px;
}
.link{
	display:inline-block;
	margin-top:15px;
}
.imgIndent1{
	padding-bottom:28px;
}
.google_map{
	padding:7px;
	float:left;
    width: 264px;
    height: 225px;
    background: #212121;
	border:1px solid #363636;
}
.address {
	padding-top:25px;
	float:left;
	width:138px;
}
.address > span{
	display:block;
	color:#fff;
	width:105px;
	padding-bottom:16px;
}
/* ============================= scroll ====================== */
.scroll {
	height:387px;
}
.scroll2 {
	height:397px;
}
.scroll3 {
	height:397px;
}
.scroll4 {
	height:394px;
}
.shuttle {
	width:7px;
	height:134px;
	background:url(../images/shuttle.jpg) 0 0 no-repeat;
}
.shuttle:hover{
	background-position: 100% 0;
}
.track{
	position:absolute;
	top:143px;
	left:692px;
	width:7px;
	height:406px;
	background:url(../images/track.png) 0 0 no-repeat;
}
/* ============================= lists ====================== */
.imgList1 li{
	position:relative;
	float:left;
	margin-right:15px;
}
.imgList1 li a > span{
	position:absolute;
	top:0;
	left:0;
	width:159px;
	height:114px;
	background:url(../images/page2_hover.png) 0 0 no-repeat;
}
.imgList2 li{
	width:211px;
	float:left;
	margin:0 18px 22px 0;
}
.imgList3 li{
	position:relative;
	width:198px;
	float:left;
	margin:0 15px 23px 0;
}
.imgList3 li a > span{
	position:absolute;
	top:0;
	left:0;
	width:198px;
	height:148px;
	background:url(../images/page4_hover.png) 0 0 no-repeat;
}
.imgList3 li h4{
	padding-top:13px;
}
.list1 {
	overflow:hidden;
	width:243px;
}
.list1 li{
	display:block;
	overflow:hidden;
	margin-bottom:9px;
	border-bottom:1px solid #2a2a2a;
}
.list1 .lastLi{
	margin-bottom:0;
	border-bottom:none;
}
.list1 li img{
	float:left;
	padding: 0 12px 9px 0;
}
.list1 li div{
	padding-top:10px;
	width:150px;
	float:left;
	overflow:hidden;
}
.list2 > li{
	display:block;
	overflow:hidden;
	margin-bottom:24px;
}
.list2 > li img{
	float:left;
	padding-right: 18px; 
}
.list2 > li div{
	overflow:hidden;
	width:245px;
	float:left;
}
.list3 > li{
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
.list3 > li img{
	float:left;
	padding-right: 18px; 
}
.list3 > li > div{
	overflow:hidden;
	width:360px;
	float:left;
}
.list3 > li > div > div{
	position:relative;
	top:-11px;
	padding-bottom:2px;
}
.list3 > li > div > div > div{
	padding-top:6px;
	float:left;
	width:273px;
}
.list3 > li > div > div > span{
	display:block;
	float:left;
	height:19px;
	text-indent:22px;
	padding-top:6px;
	background:url(../images/comment_pic.png) 0 0 no-repeat;
}
.list3 > li > div > a{
	margin-top:8px;
}
.listWithMarker li {
	display:block;
	padding-bottom:10px;
}
.listWithMarker li a {
	display:inline-block;
	padding:0 5px 0 9px;
	text-decoration:none;
	background:url(../images/list_marker.png) 0 5px no-repeat;
}
.listWithMarker li a:hover {
	text-decoration:underline;
}
/* ============================= footer ====================== */
footer {
	text-align:center;
	font-size:9px;
	color:#545454;
}
footer a {
	color:#545454;
	text-decoration:none;
}
footer a:hover{
	color:#fff;
}
footer ul {
	padding-bottom:19px;
}
footer li {
	display:inline-block;
	margin-right:-1px;
}
#icon1, #icon2, #icon3 {
	display:block;
	width:18px;
	height:18px;
}
#icon1 {
	background:url(../images/icon1.png) 0 0 no-repeat;
}
#icon2 {
	background:url(../images/icon2.png) 0 0 no-repeat;
}
#icon3 {
	background:url(../images/icon3.png) 0 0 no-repeat;
}
/* ============================= forms ============================= */
#form1 input {
	margin:0;
	border:1px solid #363636;
	background-color:#262626;
	padding:8px 0 8px 10px;
	width:268px;
	box-shadow:none;
}
#form1 textarea {
	resize: none;
	margin:0;
	border:1px solid #363636;
	background-color:#262626;
	padding:8px 0 5px 10px;
	width:350px;
	height:182px;
	overflow:auto;
	line-height:18px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:45px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:10px;
	color:#fff;
	text-transform:none;
}
.btns a{
	margin:30px 0 0 13px;
}
/* Form defaults */
input, select, textarea {
	font:10px/10px "Trebuchet MS", Arial, sans-serif;
	color: #505050;
	text-transform:uppercase;
}