/* Reset
----------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
em { font-style:italic }
a { outline:none; }
strong { font-weight:bold; }

h1, h2, h3, h4, p, ul {padding-bottom:15px;}
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }


.floatleft {
	float:left;
	margin:0px;
	padding:0px 10px 10px 0px;
}

.clear {
	clear:both;
}


.clearfix {
    content: ".";
    display: inline;
    height: 0;
    clear: both;
    visibility: hidden;
 }


.floatright {
	float:right;
	padding:0px;
	margin:0px 0px 0px 0px;

}


/* END Reset
----------------------------------------------------------------------------------------*/



/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/



body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
}


#header-wrapper {
	width:100%;
	height:95px;
	background:url(../images/border.gif) repeat-x 100% 100%;
	margin:0px 0px 13px 0px;
}

#inner-wrapper {
	width:940px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}


#footer-wrapper {
	width:100%;
	height:75px;
	background:url(../images/border.gif) repeat-x 0 0;
	padding:27px 0px 0px 0px;
	margin:0px 0px 13px 0px;
}

a {
	color:#666666;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}

h1 {
	color:#006699;
	font-size:45px;
	line-height:55px;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;

}


h2 {
	color:#006699;
	font-size:25px;
	line-height:25px;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;

}


h3 {
	color:#006699;
	font-size:18px;
	line-height:22px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;

}

h4 {
	color:#ce171f;
	font-size:16px;
	line-height:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;

}


h5 {
	color:#000000;
	font-size:12px;
	line-height:16px;
	margin:0px 0px 16px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/





/* START HEADER STYLES
----------------------------------------------------------------------------------------*/


#header {
	width:940px;
	height:81px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}

#logo {
	width:345px;
	float:left;
	margin:25px 0px 0px 0px;
}

#logo a {
	background:url(../images/cascade_sky_charter_logo.gif) no-repeat 0 0;
	width:345px;
	height:0px;
	padding-top:49px;
	overflow:hidden;
	display:block;
	cursor:pointer;
}


/*---------------------- start navigation --------------------------*/


#nav {
	display:block;
	float:right;
	margin:0px 18px 0px 0px;
}

#nav ul li {
	float:left;
	margin:0px -1px 0px 0px;
}


#nav ul li a {
	width:87px;
	background:url(../images/nav.gif) no-repeat 0 0;
	height:0px;
	padding-top:81px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

#nav ul li a:hover {
	width:87px;
	background:url(../images/nav.gif) no-repeat 0 -81px;
	height:0px;
	padding-top:102px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px -21px 0px;
	position:relative;
	z-index:2;
}



#nav ul li#nav-comfort a {
	background-position:0px 0px;
}

#nav ul li#nav-safety a {
	background-position:-86px 0px;

}

#nav ul li#nav-fast a {
	background-position:-172px 0px;
}

#nav ul li#nav-about a {
	background-position:-258px 0px;
}

#nav ul li#nav-reserve a {
	background-position:-344px 0px;
}


/*--------------- hover --------------*/


#nav ul li#nav-comfort a:hover {
	background-position:0px -81px;
}

#nav ul li#nav-safety a:hover {
	background-position:-86px -81px;
}

#nav ul li#nav-fast a:hover {
	background-position:-172px -81px;
}

#nav ul li#nav-about a:hover {
	background-position:-258px -81px;
}

#nav ul li#nav-reserve a:hover {
	background-position:-345px -81px;
}


/*--------------- selected --------------*/


#nav ul li#nav-comfort.selected a {
	width:87px;
	background:url(../images/nav.gif) no-repeat 0 -81px;
	height:0px;
	padding-top:102px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px -21px 0px;
	position:relative;
	z-index:2;
}

#nav ul li#nav-safety.selected a {
	width:87px;
	background:url(../images/nav.gif) no-repeat -86px -81px;
	height:0px;
	padding-top:102px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px -21px 0px;
	position:relative;
	z-index:2;
}

#nav ul li#nav-fast.selected a {
	width:87px;
	background:url(../images/nav.gif) no-repeat -172px -81px;
	height:0px;
	padding-top:102px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px -21px 0px;
	position:relative;
	z-index:2;
}

#nav ul li#nav-about.selected a {
	width:87px;
	background:url(../images/nav.gif) no-repeat -258px -81px;
	height:0px;
	padding-top:102px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px -21px 0px;
	position:relative;
	z-index:2;
}

#nav ul li#nav-reserve.selected a {
	width:87px;
	background:url(../images/nav.gif) no-repeat -345px -81px;
	height:0px;
	padding-top:102px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px -21px 0px;
	position:relative;
	z-index:2;
}


/* END HEADER STYLES
----------------------------------------------------------------------------------------*/




/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/


#mainbody {
	width:940px;
	margin:0px 0px 40px 0px;	
}

#main-banner {
	width:930px;
	overflow:hidden;
	height:283px;
	margin:0px 0px 29px 0px;
	border:1px solid #d6d6d6;
	padding:4px;
}

#main-content {
	width:904px;
	overflow:hidden;
	padding:0px 18px 0px 18px;
}

#content {
	width:695px;
	float:left;
}

#content p {
	line-height:18px;
	padding:0px 0px 15px 0px;
}

#intro {
	width:695px;
	margin:0px 0px 25px 0px;
	overflow:hidden;
}

.banner {
	width:329px;
	height:184px;
	float:left;
	border:1px solid #cccccc;
	padding:4px;
	margin:0px 9px 0px 0px;
}

#intro-content {
	width:340px;
	float:left;
}


.content-grad {
	background:url(../images/content_gradbg.gif) repeat-x 0 0;
	display:block;
	padding:17px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}

.content-grad ul {
	padding:0px 0px 0px 70px;
}

.content-grad ul li {
	background:url(../images/bullets.gif) no-repeat 0 6px;
	padding:0px 0px 0px 8px;
	line-height:16px;
	margin:0px 0px 4px 0px;
}


.reserve-content {
	background:url(../images/content_gradbottom.gif) repeat-x 100% 100%;
	padding:0px 0px 17px 0px;
}

.reserve-content span {
	display:block;
	text-align:center;

}


.hotline {
	font-size:25px;
	color:#006699;
	line-height:30px;
	margin:10px 0px 0px 0px;
}



/*-------------------------------START LANDING STYLES-------------------------------------*/




.features {
	width:695px;
	margin:0px 0px 20px 0px;
	overflow:hidden;
}

#main-content .features p {
	padding:0px 0px 0px 0px;
}

.banner {
	width:329px;
	height:184px;
	float:left;
	border:1px solid #cccccc;
	padding:4px;
	margin:0px 9px 0px 0px;
}

.features-content {
	width:340px;
	float:left;
	padding:0px 0px 0px 0px;
}


/*THUMB GALLERY---------------------------------*/


.thumb-gallery {
	width:339px;
	border-top:1px solid #d6d6d6;
	padding:3px 0px 0px 0px;
	margin:0px 9px 0px 0px;
	float:left;
}

.thumb-gallery-content {
	width:311px;
	background-color:#e5e5e5;
	padding:12px 14px 0px 14px;
	overflow:hidden;

}

.thumb-gallery-content ul {
	width:320px;
	margin:0px -11px 0px 0px;
	float:left;
	overflow:hidden;

}

.thumb-gallery-content ul li {
	float:left;
	width:61px;
	height:60px;
	border:1px solid #cccccc;
	padding:3px 3px 3px 3px;
	display:block;
	background-color:#ffffff;
	margin:0px 11px 0px 0px;
}


.thumb-gallery-content ul li img {
	display:block;
	float:left;
}

.features-grad {
	width:340px;
	background:url(../images/content_gradbg.gif) repeat-x 0 0;
	display:block;
	float:left;
	padding:17px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.features-grad ul {
	padding:0px 0px 0px 70px;
	margin:20px 0px 0px 0px;
}

.features-grad ul li {
	background:url(../images/bullets.gif) no-repeat 0 6px;
	padding:0px 0px 0px 8px;
	line-height:16px;
	margin:0px 0px 4px 0px;
}


#sub-content {
	width:695px;
}


#main-content #sub-content p {
	font-size:11px;
	line-height:22px;
	padding:0px 0px 19px 0px;
}


#sub-content ul {
	padding:0px 4px;
	margin:0px 0px 10px 0px;
}

#sub-content ul li {
	background:url(../images/bullets_red.gif) no-repeat 0 5px;
	padding:0px 0px 8px 8px;
	line-height:14px;
	font-size:11px;
	color:#666666;
}

#sub-content ol {
	list-style:decimal;
	color:#000000;
	list-style-position:inside;
	margin:0px 0px 10px 0px;
}


#sub-content ol p {
	line-height:22px;
	padding:0px 0px 0px 0px;
	margin:0px;
	display:inline;
	color:#666666;
}

#contact-field {
	width:411px;
	padding:10px 0px 0px 0px;
}



#contact-field form label {
	width:117px;
	float:left;
	font-size:11px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

#contact-field form input.text-box {
	width:284px;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 4px 0px 4px;
	margin:0px 0px 5px 0px;
	border:1px solid #dcddde;
	float:left;
}

#contact-field form input.captcha-box {
	width:127px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px 4px 0px 4px;
	margin:4px 0px 5px 0px;
	border:1px solid #dcddde;
	float:right;
}

#contact-field form input.check-box {
	width:16px;
	height:16px;
	float:left;
	margin:3px 3px 10px 0px;
}

#contact-field form span {
	float:left;
	margin:4px 0px 10px 0px;
}

#contact-field form textarea {
	width:292px;
	height:113px;
	border:1px solid #dcddde;
	overflow:auto;
	float:left;
	margin:0px 0px 2px 0px;
}

#contact-field form input.submit-btn {
	background:url(../images/submit_btn.gif) no-repeat 0 0;
	width:116px;
	height:28px;
	float:left;
	letter-spacing:19px;
	text-align:left;
	text-indent:-1000px;
	font-size:0px;
	border:none;
	cursor:pointer;
	margin:30px 0px 0px 0px;
}


/*-------------------------------END LANDING STYLES-------------------------------------*/






/*SIDEBAR---------------------------------------*/


#sidebar {
	width:197px;
	float:right;
}







/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/




/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/


#footer {
	width:940px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	overflow:hidden;
	color:#999999;
}

#footer-nav {
	float:left;
	margin:0px 0px 0px 18px;
}

#footer-nav ul li {
	float:left;
}

#footer-nav ul li a {
	margin:0px 5px 0px 5px;
	color:#999999;
}

#footer-logo {
	width:163px;
	float:right;
	margin:0px 18px 0px 0px;
}

/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/

/* addons */
 .system-message, .system-error-message {margin:0px; padding:0px; padding:25px; background:none; border:none;}
table th, table td {border:0px; }
#main-content a {color:#CE171F; text-decoration:underline;}