/*----------------------------------------------------------------
Avjet stylesheet 
Version:	1.0
Updated:	12/6/10
----------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #111111;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	border: 0px none;
}



/* Styles to format basic text */
a, a:link {
	color: #d1681e;
	text-decoration: underline;
	border: 0px none;
}
a:visited {
	color: #d1681e;
}
a:hover {
	color: #61818D;
}
a img {
	border: 0px none;
}
p {
	padding: 7px 40px 8px 30px;
	line-height: 1.2;
}
a#homelogo {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 140px;
	height: 45px;
	text-decoration: none;
}
h1 { /* To be used for the company name only */
	text-indent: -10000px;
}
p#phonenumber { /* To be used for the top phone number only */
	font: 16px "Arial Narrow", "Helvetica", helvetica, "Arial", arial, sans-serif;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 0;
}
h2 { /* This is the page headline */
	font: bold oblique 140% "Arial Narrow", "Helvetica", helvetica, "Arial", arial, sans-serif;
	padding: 15px 40px 3px 30px;
	color: #61818D;
}
h3, h4 { /* These are subsequent paragraph headings */
	font-size: 130%;
	font-weight: bold;
	padding: 20px 40px 10px 30px;
	color: #61818d;
	line-height: 1.3;
}
h3.first, h4.first {
	padding-top: 0px;
}
h4#charterbug {
	display: block;
	padding: 0;
	margin: 0;
}
h4#charterbug a.button, h4#charterbug a.button:link, h4#charterbug a.button:visited {
	display:block;
	width:150px;
	height:57px;
	padding: 0px 0px 0px 0px;
	background:url("../images/new-charter-btn.png") top left no-repeat;
	text-decoration:none;
	margin: 0px 0px 0px 23px;
	text-indent: -10000px;
	overflow: hidden;
}
h4#charterbug a.button:hover {
	background-position: 0 -57px;
}

h4#charterbug p {
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 8px 10px;
	display:block;
	text-align:center;
	font: 11px Verdana, sans-serif;
	color:#666666;
}

h5 { /* Airplane Title */
	font: oblique bold 135% "Arial Narrow", "Helvetica", helvetica, "Arial", arial, sans-serif;
	padding: 20px 40px 0px 30px;
	color: #61818D;
}
h6 {/* Adjust as needed for further headlines */
	font-size: 110%;
	padding: 20px 40px 3px 30px;
}

h6 label {
  float:left;
  margin:0;
  padding: 0;
  padding-top:3px;
  width:115px;
}

form#charterquote {
	margin-top: 0;
}
#content form#charterquote h6 label {
  float: left;
  margin: 0;
  padding: 3px 0px 0px 30px;
  width: 140px;
  font-weight: bold;
  font-size: 13px;
}
#content form#charterquote h6 input {
  width: 225px;
}
#content form#charterquote h6 div.submit {
	position: relative;
	text-align: left;
}
#content form#charterquote p {
  text-align: left;
  font-size: 13px;
  color: #333;
  line-height: 16px;
  padding: 0px 50px 0px 30px;
}
#content form#charterquote input, #content form#charterquote textarea, #content form#charterquote select {
	float: none;
}



ul {
	padding: 3px 50px 25px 30px;
	line-height: 1.2;
	margin-left: 30px;
}
ul li {
	padding-left: 10px;
	background: url(../images/red_bullet.gif) no-repeat 0px 3px;
}
ol {
	list-style-type: decimal;
	padding: 3px 50px 25px 30px;
	line-height: 1.2;
} 
ol li {
	background: none;
	padding-left: 0;
}
li {
	padding-bottom: 0px;
}
dl{
	float: left;
	position: relative;
	padding: 3px 50px 15px 30px;
}
dt {
	font-size: 105%;
	padding: 10px 0px;
	clear: both;
}
dd {
	display: block;
	width: 450px;
	padding-bottom: 10px;
}
dl.columns dd {
	display: block;
	width: 220px;
	float: left;
}
.indented {
	display: block;
	margin-left: 60px;
	margin-top: 10px;
}
p.note {
	font-size: x-small;
}
p#description {
	text-align: center;
	position: absolute;
	top: 145px;
	left: 10px;
}

.clear {
  clear: both;
}

/* Styles to format page layout */
#container {
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -390px;
	background: #D9D9D9 url(../images/page-bg.gif) top left repeat-y;
}
#header {
	width: 100%;
	height: 92px;
	position: relative;
	background: #838383 url(../images/header_bg.jpg) top left no-repeat;
}
img#mainimage {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
#content { /* :IMPORTANT: DO NOT add margins or padding to this rule. It will invoke the faulty IE 5.x box model and break the layout */
	position: relative;
	float: right;
	width: 583px;
	background: #EBE9E9;
	min-height: 400px;
	padding-bottom: 100px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
}
#fullcontent { 
	position: relative;
	width: 100%;
	background: #EBE9E9;
	min-height: 400px;
	padding-bottom: 100px;
}
#popcontent {
	position: relative;
	width: 100%;
	background: #EBE9E9;
	min-height: 400px;
	padding-bottom: 60px;
}
#secondaryContent { /* :IMPORTANT: DO NOT add margins or padding to this rule. It will invoke the faulty IE 5.x box model and break the layout */
	position: relative;
	float: left;
	width: 197px;
}
#secondaryContent img {
	display: block;
	margin: 0px auto;
}
#chart {
	position: relative;
	top: -15px;
	left: 30px;
	clear: both;
	width: 720px;
	min-height: 300px;
	background: #c0c0c0;	
}
#footer {
	clear: both;
	position: relative;
	width: 100%;
	height: 86px;
	background: #838383 url(../images/bottom_bg.jpg) bottom left no-repeat;
	border-top: 3px solid #fff;
}


/* Styles to format main (top) navigation */
ul#mainNav  {
	position: absolute;
	top: 66px;
	right: 0px;
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
	text-align: center;
}
ul#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
ul#mainNav li a, ul#mainNav li a:link, ul#mainNav li a:active {
	display: block;
	width: 156px;
	height: 28px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	font: 12px "Arial Narrow", "Helvetica", helvetica, "Arial", arial, sans-serif;
	*font-size: 11px; /*For IE7*/
	text-decoration: none;
	background: transparent url(../images/topnav-bg.png) top left no-repeat;
}
ul#mainNav li a:hover {
	padding-top: 9px;
	font-size: 13px;
	*font-size: 12px; /*For IE7*/
	background-position: top right;
}



/* Styles to format secondary navigation */
#secondaryNavContainer  {
	padding: 5px 40px 0px 25px;
	margin: 0;
	margin-bottom: 34px;
	list-style-type: none;
	text-align: left;
	float: left;
}
ul#secondaryNavContainer li {
	margin: 0;
	padding: 0 5px;
	line-height: 15px;
	float: left;
	font: 11px "Arial", arial "Helvetica", helvetica, sans-serif;
	line-height: 15px;
	color: #D1681E;
}
ul#secondaryNavContainer li a, ul.secondaryNavContainer li a:link {
	color: #D1681E;
}
ul#secondaryNavContainer li a:visited {
	color: #D1681E;
}
ul#secondaryNavContainer li a:hover {
	color: #61818D;
}
ul#secondaryNavContainer li {
	margin: 0;
	padding: 0 5px;
	line-height: 15px;
	float: left;
	font: 11px "Arial", arial "Helvetica", helvetica, sans-serif;
	line-height: 15px;
}
#secondaryNavContainer2lines  {
	padding: 5px 40px 0px 25px;
	margin: 0;
	margin-bottom: 39px;
	list-style-type: none;
	text-align: left;
	float: left;
}
ul#secondaryNavContainer2lines li {
	margin: 0;
	padding: 0 5px;
	line-height: 15px;
	float: left;
	font: 11px "Arial", arial "Helvetica", helvetica, sans-serif;
	line-height: 15px;
	color: #D1681E;
}
ul#secondaryNavContainer2lines li a, ul.secondaryNavContainer li a:link {
	color: #D1681E;
}
ul#secondaryNavContaine2linesr li a:visited {
	color: #D1681E;
}
ul#secondaryNavContainer2lines li a:hover {
	color: #61818D;
}
ul#secondaryNavContainer2lines li {
	margin: 0;
	padding: 0 5px;
	line-height: 15px;
	float: left;
	font: 11px "Arial", arial "Helvetica", helvetica, sans-serif;
	line-height: 15px;
}
ul.secondaryNav {
	width: 490px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	float: left;
}
ul.secondaryNav li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 15px;
}
ul.secondaryNav li a, ul.secondaryNav li a:link {
	display: block;
	padding: 0 5px;
	font: 12px "Arial", arial, "Helvetica", helvetica, sans-serif;
	line-height: 15px;
	color: #D1681E;
	border-right: 1px solid #D1681E;
}
ul.secondaryNav li.noborder a {
	border-right: 0px none;
}
ul.secondaryNav li a:visited {
	color: #D1681E;
}
ul.secondaryNav li a:hover {
	color: #61818D;
}

#toprightnav {
	list-style-type: none;
	height: 20px;
  	position: absolute;
	top: 4px;
	right: 0px;
	padding-right: 0;
	*margin-right: ; /*For IE7*/
}

#toprightnav li {
  float: left;
  height: 30px;
  overflow: hidden
  padding: 0;
  margin: 0;
}

#toprightnav li.phone {
  width: 100px;
  font-weight:bold;
  font-size:14px;
  color:#FFF;
  padding: 0px 8px;
  line-height: 33px;
  
}

#toprightnav li a {
  display: block;
  padding: 10px 8px 10px 8px;
  color: #FFF;
  text-decoration: none;
  font-face: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

#toprightnav li a:hover {
  color:#95c3d5;
}



/* Styles to format listing navigation */

ul#listingNav  {
	width: 518px;
	padding: 5px 0px 30px 0px;
	list-style-type: none;
	text-align: right;
	float: right;
}
ul#listingNav li {
	float: right;
	margin: 0;
	line-height: 15px;
}
ul#listingNav li a, ul#listingNav li a:link {
	display: block;
	font: 11px "Arial", arial "Helvetica", helvetica, sans-serif;
	line-height: 15px;
	color: #D1681E;
	border-right: 1px solid #D1681E;
}
ul#listingNav li.noborder a {
	border-right: 0px none;
}
ul#listingNav li a:hover, ul#listingNav li a:visited {
	color: #61818D;
}

/* Styles to format listings page */

#listingbox {
	width:490px; 
	height:118px; 
	border:solid; 
	border-width:2px; 
	border-color:#5E5E5E; 
	margin-left:30px; 
	margin-top:10px;
}
#listingboxphoto {
	float:left; 
	width:197px; 
	height:118px; 
	border-right-width:2px; 
	border-right-color:#5E5E5E; 
	border-right-style:solid;
}
#listingboxbullets {
	padding:8px 10px 6px 10px; 
	float:right; 
	width:271px;
	font-size:90%;
}
#listingboxtitle {
	padding:5px 10px 6px 10px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-weight:bold; 
	width:271px; 
	height:18px; 
	background-image:url(../images/silver_bg.jpg); 
	float:right;
	list-style-type: none;
	display: block;
}
#listingboxtitle a {
	color: #FFF; 
}
#listingboxtitle a:visited {
	color: #FFF; 
}
#listingboxtitle a:hover {
	color: #D1681E; 
}

/* Styles to format listing details page */

#photoboxcontainer {
	padding-left:30px; 
	margin-top:10px;
}
#photobox #sales {

}


/* Styles to format three main section navigation elements */
ul#sectionNav  {
	padding: 17px 0px 40px 0px;
	margin: 0;
	width: 150px;
	position: relative;
	left: 50%;
	margin-left: -75px;
	list-style-type: none;
	text-align: center;
}
ul#sectionNav li {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 27px;
	overflow: hidden;
}
ul#sectionNav li a, ul#sectionNav li a:link, ul#sectionNav li a:visited {
	display: block;
	width: 150px;
	text-align: center;
	height: 85px;
	padding: 5px 0px;
	margin: 0;
	font: bold 12px "Arial Narrow", "Helvetica", Helvetica, Arial, sans-serif;
	color: #ededed;
	text-decoration: none;
}
ul#sectionNav li a:hover {
	color: #fff;
}
/* :IMPORTANT: Rules for the graphics of the three section elements. Change the graphics here, not in the page itself. */
ul#sectionNav li#charter {
	background: #838383 url(../images/charter-bg.jpg) top left no-repeat;
}
ul#sectionNav li#sales {
	background: #838383 url(../images/sales-bg.jpg) top left no-repeat;
}
ul#sectionNav li#management {
	background: #838383 url(../images/management-bg.jpg) top left no-repeat;
}

/* :TRICKY: Rules to make the proper element default to expanded when in that section. The body of these pages AND the PHP variable $currentpage must have the appropriate assignment for this to work */
body.charter li#charter {
	height: 95px;
}
body.charter li#charter a, body.charter li#charter a:link, body.charter li#charter a:visited, body.charter li#charter a:hover {
	color: #BFBFBF;
}
body.sales li#sales {
	height: 95px;
}
body.sales li#sales a, body.sales li#sales a:link, body.sales li#sales a:visited, body.sales li#sales a:hover {
	color: #BFBFBF;
}
body.management li#management {
	height: 95px;
}
body.management li#management a, body.management li#management a:link, body.management li#management a:visited, body.management li#management a:hover {
	color: #BFBFBF;
}




/* Styles to format footer elements */
#footer p {
	text-align: right;
	font: 10px "Arial", arial, "Helvetica", helvetica, sans-serif;
	color: #fff;
	margin: 28px 0px 2px 0px;
	padding: 0px 22px 0px 0px;
}
ul#locations  {
	width: 380px;
	position: relative;
	left: 50%;
	list-style-type: none;
	text-align: center;
	margin: 0px 0px 0px -190px;
	height: 15px;
	padding: 35px 0px 0px 0px;
}
ul#locations li {
	float: left;
	margin: 0;
	padding: 0 3px 0 8px;
	font: 10px "Arial", arial, "Helvetica", helvetica, sans-serif;
	color: #fff;
	background: transparent url(../images/footer-bullet.gif) center left no-repeat;
}
ul#locations li.first {
	background: none;
}

ul#footerNav  {
	width: 420px;
	position: relative;
	left: 71%;
	list-style-type: none;
	text-align: right;
	margin: 0px 0px 0px -210px;
	height: 15px;
	padding: 0px;
}
ul#footerNav li {
	float: right;
	margin: 0;
	padding: 0 5px 2px 10px;
	font: 10px "Arial", arial, "Helvetica", helvetica, sans-serif;
	color: #fff;
	background: transparent url(../images/footer-bullet.gif) center left no-repeat;
	line-height: 12px;
}
ul#footerNav li.first {
	background: none;
}
ul#footerNav li a {
	display: block;
	color: #fff;
}
ul#footerNav li a:hover {
	color: #ccc;
}
a#arguslogo {
	position: absolute;
	width: 358px;
	height: 45px;
	bottom: 15px;
	left: 8px;
	text-decoration: none;
}
a#wyvernlogo {
	position: absolute;
	width: 115px;
	height: 35px;
	bottom: 15px;
	right: 15px;
	text-decoration: none;
}


/* Forms formatting */
#form {
	width: 450px;
	margin: 0px auto;
}
form {
	margin: 25px 0px;
	padding: 0px;
	width: 100%;
}
form h6 {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
form h6 label {
	float: left;
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	padding: 4px 0px 0px 0px
}
form h6 input, form h6 textarea, form h6 select {
	float: right;
	margin: 3px;
	padding: 2px;
}
form h6 img {
	vertical-align: -30px;
}
form h6 span.submit {
	display: block;
	width: 90%;
	text-align: right;
	position: relative;
	top: 20px;
	font-size: 120%;
	margin-right: 10%;
}

hr {
	color: #999999;
	width:510px;
	margin-left:30px;
	border-color:#999999
}
.subhead {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 130%;
	color: #61818d;
}
.tableHead {
	font-size: 120%;
	font-weight: bold;
	padding: 20px 40px 10px 0px;
	color: #61818d;
	line-height: 1.5;
}

.sold {
	font-family:Arial, Helvetica, sans-serif; 
	color:#EE9200; 
	font-weight:bold;
	}
	
.presstitle {
	font-family:"Arial Narrow", "Helvetica", helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	}

.presslink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
	
.trendstitle a {
	color:#666666;
	text-decoration: none;
	font: bold 12px Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	padding: 15px 20px 18px 20px;
	margin: -15px 0 0 0;
	width: 110px;
	height: 25px;
	border: 1px solid #fff;
	}
	
.trendstitle a:hover {
	border: 1px solid #d1681e;
	color: #d1681e;
	}
	
a.presslink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}

.presslink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1681e;
	}
	
#printlogo {
	display: none;
}


/*------------------------------------*\
	DEVICE-SPECIFIC FILTERS
\*------------------------------------*/
@media screen and (max-device-width: 480px){ /*iPhone*/
	ul#sectionNav li a, ul#sectionNav li a:link, ul#sectionNav li a:visited {
		font-size: 11px;
	}
}

@media screen and (max-device-width: 768px){ /*iPad*/
	ul#sectionNav li a, ul#sectionNav li a:link, ul#sectionNav li a:visited {
		font-size: 11px;
	}
}