/* -------------------------------------------------------------- 

   grid.css - Oh Hai! Welcome to my CSS codes.
   
       Index
	   
			01. Containers
			02. `Grid >> Global
			03. `Grid >> Children (Alpha ~ First, Omega ~ Last)
			04. `Grid >> 12 Columns	
			05. `Prefix Extra Space >> Global
			06. `Prefix Extra Space >> 12 Columns
			07. `Suffix Extra Space >> Global
			08. `Suffix Extra Space >> 12 Columns
			09. `Clear Floated Elements					
		   
		Frequently Used Colors
		
			Color 1 - color: #000;
		 	Color 2 - color: #333;
			Color 3 - color: #666;
 
/* 01. Containers   
-------------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 960px;
	}	
#header {
	height: 56px;
	margin-bottom: 18px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top:17px;
	}
#header-wrap {
	overflow: hidden;
	}	
#tagline {
	overflow: hidden;
	}	
#tag {
	margin-left: auto;
	margin-right: auto;	
	margin: 23px 0;
	text-align: center
	}	
#nav {
	width: 685px;
	display: inline;
	float: left;
	border-bottom: 1px solid #2c2c2c;
	margin-left: 0px;
	line-height: 1.5;
	}
#content #sub-nav {
	position: absolute;
	left: 50%;
	margin-left: -488px;
	top:230px;
	width: 265px;
	background-color: #111111;
	z-index: 100;
	border-left: 8px solid #F0C83B;
	text-align: left;
	}
.logo {
	width: 262px;
	height: 49px;
	display: inline;
	float: left;
	position: relative;
	margin: auto;
	}
#home-features {
	text-align: center;
	overflow: hidden;
	}	

.sld {
	height: 401px;
    left: 50%;
    margin-left: -1030px;
    position: relative;	
	}
#content {
	overflow: hidden;
	width: 960px;
	}
#content .grid_9 .right-col, #content .grid_12 .single-col {
	background: transparent url(/images/common/content-bg.png) center top;
	overflow: hidden;	
	border-bottom: 5px solid #1c1c1c;	
	}	
 #content .grid_12 .single-col {
	border-top: 5px solid #1c1c1c;	 	
	}	
	
#content .grid_9, #content .grid_12 {
	margin-bottom: 25px;
	}	
#content .grid_9 .right-col .secondary, #content .grid_12 .single-col .secondary {
	padding: 20px 50px 25px 50px;
	overflow: hidden;
	}	
#slideshow {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;	
	padding: 3px 0;
	border-top: 1px solid #F0C83B;
	border-bottom: 1px solid #F0C83B;		
	}
.header-image {
	width:700px; 
	height:240px;
	border-top: 5px solid #1c1c1c;
	border-bottom: 5px solid #1c1c1c;
	overflow: hidden;	
	}		
.page-template-stearman-php .header-image {
	width: 940px;
	height: auto;
}
#footer {
	margin: 0 auto;	
	overflow: hidden;
	width: 960px;
	}

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.posted-on {
	width: 96%;
	border-top: 1px solid #F0C83B;
	padding: 6px 0;
	margin-bottom: 10px;	
	}	
.gallery {
	padding-top: 3px;
	}
	
	#content .gallery-item {
		width: 144px;
		margin-right: 2px;
		margin-bottom: 2px;
		float: left;
		height: 144px;
		overflow:hidden;
	}
	#content .gallery-item img {
		width: 100%;
		height: auto;
	}	
	#content .gallery-item img:hover {
	width: 115%;
	height: 115%;
	}
	
#plane-listings	div.sold {
	background: transparent url(/images/common/sold-bottom.gif);
        height: 160px;
        
	}
.sold .clip {
	height: 100px;
	overflow: hidden;
}

#plane-listings	div.contract {
	background: transparent url(/images/common/contract-bottom.gif);
        height: 160px;
        
	}
.contract .clip {
	height: 100px;
	overflow: hidden;
}

#plane-listings	div.sold img {
/*	padding-top: 20px;*/
/*	opacity:.35;  */
/*	filter:alpha(opacity=35); */
	}	
.header-image div.sold {
	background: transparent url(/images/common/sold-large.gif) center top;	
	}	
.header-image div.sold img{
	padding-top: 33px;
	}

.plane-sold {
	text-transform: uppercase;
	background: #fd1431;
	border-bottom: 3px solid #a40c1f;
	color: white;
	text-align: center;
	max-width: 940px;
	font-weight: bold;
	font-family: 'OpenSansCondensedBold', Arial, sans-serif;
	font-size: 14pt;
	line-height: 100%;
	padding: 9px 0 3px 0;
}

/*

#plane-listings	div.sold {
	background: transparent url(/images/common/sold.gif) center top;
	}
#plane-listings	div.sold img {
	padding-top: 20px;
	opacity:.5;
	filter:alpha(opacity=50);
	}	
.header-image div.sold {
	background: transparent url(/images/common/sold-large.gif) center top;	
	}	
.header-image div.sold img{
	padding-top: 33px;
	}

*/
.blog-drop .mm-content-base {
	display: none !important;
	}	

/* 02. `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.showgrid {background:transparent url(/images/common/grid.png) repeat-y scroll 0 0;}

.background-color-ccc {background-color:#CCC;}
.background-color-999 {background-color:#999;}


/* 03. `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* 04. `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {width: 60px;}
.grid_2 {width: 140px;}
.grid_3 { width: 220px;}
.grid_4 {width: 300px;}
.grid_5 {width: 380px;}
.grid_6 {width: 460px;}
.grid_7 {width: 540px;}
.grid_8 {width: 620px;}
.grid_9 {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}


/* 05. `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.prefix_3,
.container_16 .prefix_4 {padding-left: 240px;}

.prefix_6,
.container_16 .prefix_8 {padding-left: 480px;}

.prefix_9,
.container_16 .prefix_12 {padding-left: 720px;}

/* 06. `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 {padding-left: 80px;}
.prefix_2 {padding-left: 160px;}
.prefix_4 {padding-left: 320px;}
.prefix_5 {padding-left: 400px;}
.prefix_7 {padding-left: 560px;}
.prefix_8 {padding-left: 640px;}
.prefix_10 {padding-left: 800px;}
.prefix_11 {padding-left: 880px;}

/* 07. `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.suffix_3,
.container_16 .suffix_4 {padding-right: 240px;}

.suffix_6,
.container_16 .suffix_8 {padding-right: 480px;}

.suffix_9,
.container_16 .suffix_12 {padding-right: 720px;}

/* 08. `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 {padding-right: 80px;}
.suffix_2 {padding-right: 160px;}
.suffix_4 {padding-right: 320px;}
.suffix_5 {padding-right: 400px;}
.suffix_7 {padding-right: 560px;}
.suffix_8 {padding-right: 640px;}
.suffix_10 {padding-right: 800px;}
.suffix_11 {padding-right: 880px;}

/* 09. `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}