/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*											Layout StyleSheet - Ventura Air Services
*										Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project. All subpage styles, links, forms, and other 
*	non-layout items can be found in their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Layout Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
*					{ margin: 0px; padding: 0px; }
body				{ background: url("Images/site-bg.png") repeat-x; text-align: center; }
#page				{ width: 928px; margin: 0 auto; padding-bottom: 20px; text-align: left; }
#page #content		{ width: inherit; }
#content .wrapper	{ background: url("Images/page-bg.png") repeat-y; }
#content .margins	{ margin: 0 14px; width: 900px; padding-bottom: 3px; }

/* Masthead Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
#masthead { margin: 0 14px; height: 68px; padding: 10px 0; }
#contactnumber { float: right; position: relative; background: url("Images/contactnumber.png") no-repeat; width: 238px; height: 27px; 
                 top: 40px; right: 19px; }

#banner	{ width: 928px; background: url("Images/pageborder-top.png") repeat-y; }
#banner .contentsection { margin: 0 14px; width: 900px; border-top: solid 4px #025378; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
#mainnav			{ height: 31px; border-bottom: solid 1px #DCE7EC; background: url("Images/mainnav-bg.png") no-repeat; }
#mainnav-wrapper	{ float: left; position: relative; padding-top: 9px; z-index: 10; }

/* Sub Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrapper { padding-top: 10px; }

.subnav
{
	min-width: 120px;
	border-top: 2px solid #025378;
	border-right: 1px dotted #025378;
	border-left: 1px dotted #025378;
	border-bottom: 1px solid #025378;
}
* html .subnav { width: 165px; }

.subnav a
{
	padding: 2px 15px;
	display: block;
	width: 165px;
	color: #3B7A96 !important;
	text-transform: uppercase;
	background-color: #EAEAEA;
	border-bottom: 1px dotted #025378;
	min-height: 21px;	
}
* html .subnav a { height: 21px; }

.subnav .bottom-link { border-bottom: 1px solid #025378; }

.subnav a:hover, .subnav-selected
{
	color: #FFF !important;
	background-color: #993300;
	text-decoration: none;
}

/* Content Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
#body			{ min-height: 366px; margin: 3px 3px 0 3px; background: url("Images/homecontent-bg.png") repeat-y; }
* html #body	{ height: 366px; }

.content-wrapper { margin-bottom: 15px; }

/* -- Column Layouts -- */
#leftcolumn		{ float: left; width: 173px; }
#contentcolumn	{ float: left; width: 548px; }
#rightcolumn	{ float: left; width: 173px; }

/* -- Column Wrappers -- */
#leftcolumn .container		{ margin: 10px 0 10px 5px; width: 158px; }
#contentcolumn .container	{ margin: 19px 19px 10px 19px; font-size: 12px; }
#rightcolumn .container		{ margin: 10px 0 10px 12px; width: 151px; }

/* -- Column Separator -- */
.separator { width: 201px; height: 1px; background-color: #fff; margin: 10px 0 10px 10px; overflow: hidden; }

/* -- Left Column Stlyes -- */
.featured-image		{ text-align: center; border: 1px solid #025378; padding: 2px 0; background-color: #FFF; }
.featured-summary	{ margin: 10px; }

/* -- Center Column Stlyes -- */


/* -- Right Column Stlyes -- */
#joinnow { background: url("Images/joinnow.png") no-repeat; width: 60px; height: 19px; display: block; margin-bottom: 7px; }
#testimonial { background: url("Images/testimonial.png") no-repeat; width: 66px; height: 19px; display: block; margin-bottom: 7px; }
.testimonial-text { color: #004463; }

/* Footer Styles
-----------------------------------------------------------------------------------------------------------------------------------*/   
#footer				{ width: 928px; height: 50px; background: url("Images/pageborder-bottom.png") no-repeat; }
#footer-wrapper		{ margin: 0 14px; padding-top: 13px; width: 900px; height: 27px; display: block; background-color: #DCE7EC; border-bottom: solid 3px #025378; }
#footernav			{ text-align: center; width: 900px; }
#footer-links		{ }
#footer-links a		{ font-family: Arial; padding: 0 7px; }

/* -- Copyright & Site Design Styles -- */
#copyright			{ float: left; margin: 0 14px; color: #00354D; font-weight: bold; font-family: Arial; }
#siteby				{ float: right; margin: 0 14px; color: #00354D; font-family: Arial; }

/* Global Control Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
textarea				{ font-size: 12px; font-family: Tahoma; }
.highlight				{ background-color: #DCE7EC; color: #000000; }
#SiteMapPath			{ display: block; margin: 0 0 15px 0; }
.error_summary li		{ margin: 0px 0px 15px 30px; }
.CheckBox label			{ margin-left: 5px; vertical-align: top; }
.RadioButtonList label	{ margin: 0px 10px 0px 5px; }

/* Custom Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.modalBackground	{ background-color:Gray; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
.modalPopup			{ background-color: #FFF; border-top: solid 3px #025378; border-left: solid 1px #025378; border-right: solid 1px #025378;
           			  border-bottom: solid 3px #025378; color: #3B7A96; padding:7px; width:525px; }
.modalButtonWrapper { margin: auto; width: 40px; }

/* -- AJAX Accordion -- */
.accordionHeader	{ font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeader a	{ text-decoration: none; }
.accordionHeaderSelected	{ background-color: #E8E8E8; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accordionHeaderSelected a	{ text-decoration: none; }
.accordionContent	{ margin-top: 1px; padding: 10px 15px 5px 15px; }

/* -- Message Styles -- */
.messages-success	{ color: Green; font-weight: bold; }
.messages-error		{ color: Red; font-weight: bold; display: block; margin-bottom: .5em; }
span.required		{ color: Red; font-weight: bold; }

/* -- CAPTCHA STYLES -- */
.notice { margin-top: 5px;  font-style: italic; font-family: Sans-Serif; font-size: 11px; width: 275px; }

/* CSS Hacks Section Styles
-----------------------------------------------------------------------------------------------------------------------------------*/       

/* -- P.I.E. FLOAT CLEARING (See http://www.positioniseverything.net/easyclearing.html) -- */
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} 
	.clearfix {display: block;}
/* End hide from IE-mac */