/* COLORS
======================================================================
	#xxxxxx : color name
====================================================================== */


@import url(base.css);


/* GENERAL
====================================================================== */

html {}

body, input, select, textarea {
	font-family: "Trebuchet MS";
}

body {
	min-width: 955px;
	background: #151515;
}

input, select, textarea {}

h1 {
	/* good place to define a font-family */
	position: absolute;
	top: 28px;
	left: 55px;
	font-size: 1.95em;
}

h1 span {
	position: relative;
	top: -1000px;
}

h2 {
	margin-top: 2.2em;
	color: #fff;
	font-size: .95em;
	margin-bottom: 8px;
	letter-spacing: 1px;
	line-height: 1.2;
}

h3, h4, h5, h6 {
	margin-top: 2.2em;
	/* color: #333; */
	font-size: .8em;
	line-height: 1.4;
}

h4, h5, h6 {
	/* color: #666; */
}

h5, h6 {
	font-weight: normal
}

p, address, dl, ul, ol, table {
	/* good place to define typical font-size, line-height and margins */
	margin-top: .3em;
	font-size: .8em;
	line-height: 1.5;
	color: #a9a9a9;
}

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	/* use to reduse space above first paragraph under any header */
}

ul {
	margin-left: 1.5em;
	list-style-type: none;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	margin-left: 1.5em;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	margin-top: 1.5em;
	font-weight: bold;
}

blockquote {
	margin: 2em 0;
	padding: .5em 2em 1.5em 2em;
	/* good place to define a background */
}

blockquote p {
	/* good place to define typical font-size, line-height and margins */
}

cite {
	text-align: right;
	display: block;
}

cite:before {
  content: "- ";
}

em, q { font-style: italic; }

strong { font-style: bold; }

a:link,
a:visited {
	color:#a7a7a7
}

a:hover,
a:active {
	color: #fff;
}




/* CONTAINERS
====================================================================== */
#banner_outer {
	border-bottom: 4px solid #444;
	position: relative;
	margin: 0 auto;
	width: auto;
	height: 160px;
}

#banner {
	position: relative;
	width: 955px;
	margin: 0 auto;
}

#content_outer {
	width: auto;
	background: #1b1b1b;
}

#content {
	width: 900px;
	margin: 0 auto;
	overflow: auto;
	padding-bottom: 45px;
	padding-left: 55px;
	background: url(../_images/bglogo.gif) no-repeat bottom center;
}

#content div.ContentInner {
	width: 370px;
	float: left;
}

#right {
	margin-left: 70px;
}

/* HEADER
====================================================================== */
#header_outer {
	background: url(../_images/header.jpg) top repeat-x #0c0c0c;
	border-bottom: 4px solid #f69c15;
	width: auto;
}

#header {
	min-height: 90px;
	padding: 40px 55px 0 55px;
	width: 845px;
	margin: 0 auto;
	position: relative;
}

#header .Address {
	position: absolute;
	top: 98px;
	left: 645px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

/* NAVIGATION
====================================================================== */
ul#nav {
	/* use this for centered navigation */
	margin: 0px;
	margin-top: 20px; 
	list-style-type: none; 
	text-align: left; 
}

#nav li {
	/* use this for centered navigation */
	display: -moz-inline-box;  /* for Mozilla based browsers */
	display: inline-block; 
	padding-right: 20px;
}

#nav li a:link,
#nav li a:visited {
	/* use this for centered navigation */
	display: block;  /* for Mozilla based browsers */
	display: inline-block;
	color: #a7a7a7;
	padding-bottom: 6px;
}

#nav li.Last a:link,
#nav li.Last a:visited {
	
}

#nav li a:hover,
#nav li a:active {
	color: #f19a1b;
}

#nav li.Current a:link,
#nav li.Current a:visited {
	color: #f19a1b;
	background: url(../_images/shape.gif) no-repeat 50% bottom;
}



/* HOME
====================================================================== */
body#section_home #banner_outer {
	background:url(../_images/cloud.jpg) repeat-x 30% 0;
	height: 419px;
	position: relative;
}

body#section_home #banner {
	overflow: auto;
}

body#section_home h1 {
	width: 461px;
	height: 97px;
/*
	background:url(../_images/ta gline.gif) no-repeat 0 0;

*/}

body#section_home h2 {
	margin-top: 2.2em;
	color: #fff;
	font-size: 1.1em;
	font-style: italic;
}

body#section_home #banner h2 {
	margin-bottom: -4px !important;
}

#plane{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../_images/plane.png) 0 0;
	height: 286px;
	width: 154px;
}

#banner_text{
	float: right;
	margin: 4px 70px 0 0;
	width: 240px;
	color: #fff;
	height: 400px /*---Moz windows fix---*/
}

#banner_text p {
	color: #fff;
	line-height: 17px;
}

body#section_home #banner h2 {
	margin-top: 1.4em;
	letter-spacing: normal;
}

body#section_home #banner p {
	margin-top: .4em;
}

body#section_home #content_outer {
	background: #000;
}

body#section_home #content {
	background: #000;
}

body#section_home #content div {
	float: left;
	width: 220px;
	color: #5e5e5e;
}

body#section_home #content div#center {
	padding: 0 74px 0 74px;
}

body#section_home #content div ul {
	width: auto;
	margin: 0;
}

body#section_home #content div li {
	border-bottom: 1px solid #2b2b2b;
	margin-top: 15px;
	color: #5e5e5e;
}

body#section_home #content div:hover li {
	color: #999;
}


	
/* COMPANY PHILOSOPHY
====================================================================== */
body#section_our_commitment h1 {
	background: url(../_images/companyphilosophy.png) no-repeat 0 0;
	height: 29px;
	width: 285px;
}

body#section_our_commitment #banner_outer {
	background:url(../_images/cptile.jpg) repeat-x bottom;
}

body#section_our_commitment #cloud {
	background:url(../_images/cpcloud.png) no-repeat 20% 59px;
	height: 160px;
	width: auto;
}

body#section_our_commitment  #jet {
	background: url(../_images/cpwing.png) no-repeat bottom left;
	width: 256px;
	height: 160px;
	position: absolute;
	bottom: 0;
	left: 0;
}

body#section_our_commitment  #island {
	background: url(../_images/cpisland.jpg) no-repeat bottom right;
	width: 337px;
	height: 160px;
	position: absolute;
	top: 0;
	right: 0;
}

/* SERVICES
====================================================================== */

body#section_services h1 {
	background: url(../_images/services.png) no-repeat 0 0;
	height: 26px;
	width: 280px;
}

body#section_services #banner_outer {
	background:url(../_images/stile2.jpg) repeat-x 20% 0;
}

body#section_services #jet {
	background: url(../_images/swing.png) no-repeat bottom left;
	width: 256px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 0;
}

body#section_services #la {
	background: url(../_images/scity4.png) no-repeat 30% 44px;
	width: auto;
	height: 160px;
	margin-left: 500px;
}

/* AIRCRAFT
====================================================================== */
body#section_aircraft h1 {
	background: url(../_images/aircraft.png) no-repeat 0 0;
	height: 26px;
	width: 280px;
}

body#section_aircraft #banner_outer {
	background:url(../_images/vaportile.png) repeat-x 5% top;
}

body#section_aircraft #jet {
	background: url(../_images/jet.png) bottom left;
	width: 256px;
	height: 160px;
	position: absolute;
	top: 0;
	right: 0;
}

div#aircraft_table {
	margin-top: 35px;	
	width: 814px;
	background: url(../_images/bgtable.png) repeat-x 0 0 #161616;
}

div.Toggler {
	width: 814px;
	overflow: auto;
}

div.Toggler:hover {
	cursor: pointer;
	background: #222;
}

.Toggler .First {
	color: #fff;
	background: url(../_images/buttonr.png) no-repeat 110px 22px;
}

.Toggler .First:active {
	background: url(../_images/buttond.png) no-repeat 110px 22px;
}

.Toggler .Selected .First {
	background: url(../_images/buttond.png) no-repeat 110px 22px;
}

.Accordion {
	background: #111;
	overflow: auto;
}

.Accordion div {
	width: 380px;
	float: left;
	border: 1px solid #0f0f0f;
	border-width: 1px 0 0 0;
	padding: 20px 0 20px 20px;
}

.Accordion div li {
	float:left;
}

.Accordion p {
	margin-bottom: 55px;
}

.Accordion em {
	font-style: normal;
	color: #fff;
}

img.Thumb {
	padding: 4px 4px 0 0;
	opacity: .6;
}

img.Thumb:hover {
	opacity: 1;
}

img.Last{
	padding-right: 0px;
}

div.Headings{
	width: 814px;
	overflow: auto;
}
div.Headings em {
	font-size: .7em;
	font-style: normal;
}

.Headings li {
	color: #ec9820;
	font-size: 1.2em;
}

body#section_aircraft #content ul {
	margin: 0 !important;
}

body#section_aircraft #content .Headings li,
body#section_aircraft #content .Toggler li {
	float: left;
	width: 202px;
	text-align: center;
	border: 1px solid #1b1b1b;
	border-width: 0 0 1px 1px;
	padding: 19px 0;
}


body#section_aircraft #content li.First {
	text-align: left;
	padding-left: 20px;
	width: 184px;
}

body#section_aircraft #content {
	background: #1b1b1b;
}


/* CHARTER
====================================================================== */
body#section_request_charter_quote #content div {
	margin-left: 83px;
}

body#section_request_charter_quote h1 {
	background: url(../_images/quote.png) no-repeat 0 0;
	height: 26px;
}

body#section_request_charter_quote #banner_outer {
	background:url(../_images/qtile.jpg) repeat-x 15% top;
}

body#section_request_charter_quote #jet {
	background: url(../_images/qwing.png) no-repeat bottom left;
	width: 256px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 0;
}

body#section_request_charter_quote input.submit {
	background: url(../_images/getquote.gif) 0 68px;
	width: 152px;
	height: 68px;
	margin-top: 48px;
	margin-right: 57px;
}

body#section_request_charter_quote input.submit:hover {
	background: url(../_images/getquote.gif) 0 0;
	color: #999;
}

body#section_request_charter_quote #right{
	margin-left: 0 !important;
	float: right !important;
}

form#quote {
	overflow: auto;
	width: 92%;
}



/* CONTACT 
====================================================================== */

body#section_contact h1 {
	background: url(../_images/contact.png) no-repeat 0 0;
	height: 26px;
	z-index: 1;
}

body#section_contact #banner_outer {
	background:url(../_images/ctile.jpg) repeat-x 10% 0;
}

body#section_contact #jet {
	background: url(../_images/cwing.png) no-repeat bottom left;
	width: 225px;
	height: 160px;
	position: absolute;
	top: 0;
	right: 0;
}

body#section_contact #farm {
	background: url(../_images/cfield.jpg) no-repeat 10% 0;
	width: auto;
	height: 160px;
	position: relative;
	top: 0;
	left: -163px;
}

body#section_contact #right {
	margin-top: 90px;
	margin-left: 0px !important;
}


body#section_contact #right address {
	margin-bottom: 30px;
	line-height: 20px;
	color: #808080;
	font-weight: bold;
}

body#section_contact #content div {
	margin-left: 145px;
}

body#section_contact p.Msg {
	margin: 18px 0 -37px 145px;	
}

/* FORM 
====================================================================== */
form {
	margin-top: 50px;
	width: 360px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; 
}

legend {
 padding: 5px 0px 10px 0px;
 margin: 0 0 0 0; 
 font-size: 14px;
 font-weight: bold;
 position: relative;
 color: #ec9820;
 left: -7px; /* explorer */
}

label {
	color: #fff;
}

input.submit {
 float: right;
 margin-right: 46px;
 background: url(../_images/submitbutton.gif) 0 0;
 width: 82px;
 height: 37px;
 color: white;
 font-weight: bold;
 font-size: .9em;
}

input.submit:hover {
	background: url(../_images/submitbutton.gif) 0 37px;
	color: #999;
}

fieldset>legend {
  left: 0; /* future proof */
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
	background: #363636;
	border: 0px solid lime;
	height: 15px;
	color: #999;
	padding-left: 4px !important;
}

form textarea{
	background: #363636;
	border: 0px solid lime;
	color: #999;
	width: 310px;
	padding-left: 4px !important;
}

form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}

form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone,
form label.field-return {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input,
form label.field-return input  {
	float: left;
	width: 150px;
	padding: 0px;
}

form label.field-charter {
	float: left;
	margin-right: 10px;
	width: 120 px;
}

form label.field-charter select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
}

textarea {
	display: block;
}

form textarea {
	margin-top: 3px;
}

form label.field-describe {
	float: left;
}

#honeypot, .BrowserDetected {
	position: absolute;
	left: -4000px;
	height: 1px;
	width: 1px;
	visibility: hidden;
}

p.Msg {
	color: #e79624;
	font-weight: bold;
	margin: 18px 0 -37px 83px;
}


/* FOOTER
====================================================================== */
#footer,
#footer p#cgcraft,
#footer a:link,
#footer a:visited {
	color: #333; 
}

#footer a:hover {
	color: #666;}

#footer a:hover span {
	color: #a8d936 !important;
}

#footer a:active {
	color: #fff;
}

#footer_outer {
	width: auto;
	background: #151515;
	border-top: 1px solid #242424;
}

#footer {
	width: 845px;
	margin: 0 auto;
	height: 95px;
	margin: 0 auto;
	padding: 15px 55px;
	font-size: .8em;
	line-height: 1.6;
}

#footer span {
	float: left;
	color: #949494;
	padding-right: 20px;
	display: block;
}

#footer address {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

#footer address span {
	border-left: 1px solid #000;
	padding-left: 20px;
}

#footer p {
	color: #333;
	font-size: .9em;
	text-align: right;
	margin-top: 0px;
}

span.cgcraft {
	color: #505050 !important;
	float: none !important;
	display: inline !important;
}

#footer span a:link,
#footer span a:visited {
	color: #f19a1b !important;
	font-size: inherit;
	line-height: inherit;
}

#footer span a:hover,
#footer span a:active {
	color: #fff !important;
}


/* CUSTOM CLASSES
====================================================================== */