/*  This is the Style Sheet for Skymax Aircraft

	LAST MODIFIED:  03/2009 
		- Increased size of list items
	CREATED:  01/2009 	 
	FILENAME:  skymax-aircraft_style.css
	AUTHOR:  Valerie Booth

		
	SWATCH COLORS USED IN SITE:
				Blue:  #0054A6		
				 Red:  #990000
			Orange:  #ffa500
			  Gray:  #333333
	 Light Blue:  #d8eefa


*/

	body {
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../images/fleur-de-lys.jpg);
	background-position: top left;
	background-repeat: repeat;
	font-family: 	arial,verdana,tahoma,verdana,helvetica, sans-serif;
	color: Navy;
	font-size: 1.0em;
	color: #555555;	
	}


		.boldIt			{ font-weight: bold;  }	
		.clearIt  	   { clear: both;}
		.goLeft			{ float: left }		
		.new				{ color: #990000; }
		.required  	{ font-size: 1.0em; color: #32CC00;  font-weight: bold; line-height: 1.2em; }
		.smallText 	{ font-size: 0.70em; line-height:11px; margin: 0px 0px 0px 0px;}
		.standout  	{ background-color: #f9db31;	}
		.strike    	{ color: red; text-decoration: line-through; }
		.trademark-disclaimer { font-size:1.2em; font-weight:normal; color:Navy; line-height:1.4em; }
		
		a:link    { color: #0054A6; }
		a:hover   { color: Navy;	}
		a:visited {	color: #0054A6; }	



	#wrap { 
		margin: 0 auto; 
		padding-bottom: 2px;
		width: 780px; 
		border: 1px solid #000000; 
		}



/* ------------------------------------------------------ 
/   This style defines the top of the site
/  ------------------------------------------------------  */	

#headerWrap {
	margin: 3px 3px 0px 4px;
	width: 770px;
	height: 200px; 
	background-color: #0054A6;
	background-image:url(images/header.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	border: 1px solid white;	
	}

		
		#header {
			margin: 0 auto;
			height: 155px;
			border: none;
			}	
					
			#header h1 {
				position: relative;
				left: 125px;
				top: 105px;
				font-size: 0.85em;
				letter-spacing: 0em;
				color: #000000;
				font-weight: bold;
				}			
			

		

		#taglineWrap { 
			margin: 0 auto;		
			height: 36px;
			background-color: #d7e5f2;
			opacity: 0.40;
			filter:alpha(opacity=40);
			border: 1px solid #ffffff;	
			font-family: "Bermuda Script", Georgia, "Times New Roman";							
			}
			
			#taglineWrap .tagline  {
					float:left;
					}	
								
					#taglineWrap .tagline h2 {
						margin: 5px 0px 0px 20px;
						width: 510px;							
						text-align: left;
						font-size: 1.4em;
						font-weight: bold;
						color: #000000;		
						}		
						
				#taglineWrap .telephone {
					margin: 5px 10px 0px 0px;				
					width: 210px;
					float:right;
					font-size: 1.4em;
					font-weight: bold;
					color: #000000;	
					text-align: right;
					}
				

			


/* ------------------------------------------------------ 
/   This style defines the navigation bar
/  ------------------------------------------------------  */	

#navbartop {
	height: 100%;
	width:770px;
	margin: 0 auto;
	}


		#navbar-container ul {
			padding-left: 0px;
			margin: 0 auto;
			background-color: #003366;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			color: White;
			float: left;
			width: 100%;
			font-family: arial,helvetica,sans-serif;
			}
		
			#navbar-container ul li { display: inline;  }
			#navbar-container ul li a:hover { 	background-color: #cc0000; color: #ffffff;}
			
			#navbar-container ul li a {
			padding: 10px 10px;
			background-color: #003366;
			color: White;
			text-decoration: none;
			font-weight: bold;
			text-align: left;
			font-size: 12.5px;
			float: left;
			border-right: 1px solid #fff;
			line-height: 12.5px;
			
		}
		

/*  End the navbar elements  */



/* ------------------------------------------------------ 
/   This style defines the adSpace at the top of the site
/  ------------------------------------------------------  */	

#adSpace {
	clear: both;
	margin: 0 auto;
	height: 20px;
	padding: 10px 0px 0px 12px;
	width: 758px;
	background-color: #ffffff;
	}


.adSpaceRight {
	margin: -8px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	}
	
.adSpaceRight2 {
	margin: 20px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	}	

/* ------------------------------------------------------ 
/   This style defines three content wraps
/  ------------------------------------------------------  */	


	#wrapContent { 
		clear: both;
		background-color: #ffffff;
		margin: 0 auto; 
		width: 770px;
		min-height: 400px;
		height: 400px;  
		height: auto !important;
		border: 1px solid #0054A6;			
	 
		}

	
/* ------------------------------------------------------ 
/   This style defines the main content of the page
/  ------------------------------------------------------  */	
	
	#wrapContent #mainWrap { 
			float: left; 
			width: 540px;  
			border: 1px solid white; 
			margin: 15px 0px 0px 10px; 
			padding: 10px;
			color: #666666;
			background-color: #d7e5f2;	
			min-height: 400px;
			height: auto !important;				
		
			}

			 #wrapContent #mainWrap h1 { 
			 	margin: 10px 0px 0px 0px;
			 	font-family: Arial, Tahoma, Verdana, sans-serif; 
				font-size: 1.2em; 
				line-height: 1.4em; 
				color: #284279;
				}
				
			 #wrapContent #mainWrap h2 { 
			 	margin: 15px 0px -8px 15px;
			 	font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 1.0em; 
				line-height: 1.2em; 
				color: #284279;
				}
		
				
			 #wrapContent #mainWrap h3 { 
			 	margin: 10px 0px 10px 0px;
			 	font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 0.90em; 
				line-height: 1.2em; 
				color: #284279;
				}
								
			 	
			#wrapContent #mainWrap .intro  { 
				padding:20px;
				border: 1px solid Navy;
				}	
				
				
				
			#wrapContent #mainWrap .intro img  { 
				display: block;			
				margin: 0 auto;
				border: none;
				}					
				
				
					
			 #wrapContent #mainWrap .intro .fancy { 
			 	font-size: 1.0em; 
				font-style: italic;
				margin: 10px 20px 15px 20px;
				color: #0054A6;	
				}		

				
			 #wrapContent #mainWrap .intro p { 
				font-size: 0.95em; 
				line-height: 1.4em;
				margin: 20px 20px 15px 15px;
				text-align: justify;
				color: #284279;	
				}					
	
	
	
	
	
/* ------------------------------------------------------ 
/   This style defines the aircraft fleet page and the aircraft
/   inventory for sale page
/  ------------------------------------------------------  */		

	#fleetWrap { 
		margin-top: 20px;
	}	

	#fleetWrap img {
		float: right;
		}			
				
	#wrapContent #mainWrap .intro .fleetImg {
		margin-left: 6px;
		float: right;
		width: 200px;
		height: 100px;	
		vertical-align: middle;
		border: 6px solid White;	
		}		
		
	 .fleetDesc {
		margin: 10px 0px 10px 0px;
		float: left;
		width: 480px;
		height: 130px;	
		padding: 16px 10px 10px 10px;
		border: 1px solid White;		
		font-size: 0.75em;
		color: #333333;	
		}		
	
	.fleetDesc p {
		color:#333333;
		}
	
	#forSaleWrap { 
		margin-top: 20px;
		border: 1px solid White;	
		width:500px;	
		}	
		
	#forSaleWrap ul { 
		color: #0054A6;	
		font-size: 0.95em;
		}			
		
	#forSaleWrap .forSaleDesc {
		margin: 10px 0px 10px 0px;
		width: 268px;
		float: left;
		padding-left: 4px;
		font-size: 0.80em;
		color: #333333;	
		vertical-align: top;
		}		

		
		.forSaleDesc ul {
			line-height: 16px;
		}		
		
		.forSaleDesc li {
			font-size: 12px;
			margin-left: -6px;
		}
		
	
	#forSaleWrap .forSaleImg {
		float: right;
		width: 212px;
		vertical-align: top;
		font-size: 0.75em;
		color: black;
		text-align: center;
		}		

	#wrapContent #mainWrap .intro #forSaleWrap .forSaleImg .forSaleThumbs, 
	#wrapContent #mainWrap .intro .forSaleDesc  .forSaleThumbs	 {
		margin-bottom: 12px;
		width: 200px;
		height: 100px;	
		vertical-align: middle;
		border: 6px solid White;	
		}			

	#wrapContent #mainWrap .intro #forSaleWrap .forSaleImg .forSaleVerticalThumbs,
	#wrapContent #mainWrap .intro .forSaleDesc .forSaleVerticalThumbs	 {
		margin-bottom: 12px;
		width: 200px;
		height: 200px;	
		vertical-align: middle;
		border: 6px solid White;	
		}			
		
	
/* ------------------------------------------------------ 
/   This style defines the menu navigation bar
/  ------------------------------------------------------  */	
	
	
		#wrapContent #menuWrap {
			float: left;
			width: 185px;
			background-color: white;
			padding-left: 10px;
			border-right: 1px dotted #666666;
			}
			
			#wrapContent #menuWrap img {
				margin: 10px 0px 0px 11px;
				border: none;
			}
			
			


/* ------------------------------------------------------------------ 
/   This style defines the subscribe box in the menu navigation bar
/  ------------------------------------------------------------------  */	
	

			#subscribeWrap {
				margin: 10px 0px 20px 4px;
				width: 179px;
				height: 435px;		
				background-color: #ffffff;		
			}
			
			
			.subscribeBox {
				margin: 0 auto;	
				height: 420px;						
				background-image: url(../images/aircraft-sales-subscribe-box.jpg);
				background-position: top center;
				background-repeat: no-repeat; 
				background-color: #ffffff;
				color: #ffffff;
				font-size: 0.80em;
				font-weight: bold;
				opacity: 0.80;
				filter:alpha(opacity=80);
				}
			
				.subscribeBox h1 {
					margin: 18px 0px 0px 20px;
					padding-top: 10px;
					font-size: 1.3em;
					color: #003366;
					}	
					
			
/* ------------------------------------------------------ 
/  Form elements for the subscribe box
/  ------------------------------------------------------  */	

			
			.subscribeBox form, .subscribeForm form {
				margin: 10px 8px 0px 14px;
				letter-spacing: 0.1em;
				color: #ffffff;				
				}
				
			.subscribeForm form {
				margin: 10px 8px 0px 34px;
				letter-spacing: 0.1em;
				color: #0066ff;				
				}	
					
				.subscribeBox label, .subscribeForm label {
					display: block;
					text-align: left;
					width: 125px;	
					font-weight: bold;
					margin-bottom: 0px;
					margin-top: 8px;
					color: #ffffff;
					}					
					
	
					
				.subscribeBox .button, .subscribeForm .button {
				   display: block;
					margin: 0 auto;	
					text-align: center;
					width: 100px;
					background-color: #ffffff;
					color: #0066ff;	
					font-weight: bold;
					border-left: 1px solid #CCCCCC;
					border-top: 1px solid #CCCCCC;
					border-right: 2px solid Black;
					border-bottom: 2px solid Black;		
					opacity: 0.80;
					filter:alpha(opacity=80);
					}



					
					
					
					
					
					
/* ------------------------------------------------------ 
/  Quotation Form elements
/  ------------------------------------------------------  */	

			#formWrap {
				 }
				 
			
			#quote {  /*  the form id=quote */
				color: #284279;
				margin: 0 auto 0;
				}
				
				
			#quote br {
				clear:both;
				}
				
			#quote em {
				color: #cc0000;
				}	
				
			#quote label {
				display: block;
				text-align: left;
				font-size: 0.75em;	
				float: left;
				margin-bottom: 0px;
			}
			
			
			#quote input .tBox {
			 width: 200px;
			 background-color: #D7E5F2;
			 color: #102132;
			 border: 1px solid #284279;
			 margin-bottom: 6px;
			}
			
			#quote input .raDidio {
			 background-color: #D7E5F2;
			 color: #102132;
			 border: none;
			 margin-bottom: 6px;
			}

			
			#quote input .noBorder {
				border: none;
			}
			
			#quote select {
			 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
			 background-color: #D7E5F2;
			 color: #102132;
			 border: 1px solid #284279;
			 margin-bottom: 6px; 
			}
			
			#quote .radioInput {
			 width: 20px;
			 background-color: #990000;
			 color: #990000;
			 margin-right: 6px;
			 padding-bottom: 10px;
			 border: 1px solid #990000;
			
			}
			
			
			
			#quote fieldset {  
				text-align:justify; 
				padding: 10px;
				margin-top: 16px;
				background-color: #F0D2D2;
				color: #990000;
				font-size: 0.85em;
				line-height: 1.0em;
				text-align:justify;	
				}
			
			#quote .smallText {
				font-size: 0.95em;
				line-height: 1.3em;
				text-align:justify;
				color: #990000;	
				}	
			
			#quote .button { 
				margin: 0px 0px 10px 12px;
				text-align: center;
				width: 250px;
				background-color: #284279;
				color: #ffffff;	
				border-left: 1px solid #CCCCCC;
				border-top: 1px solid #CCCCCC;
				border-right: 2px solid Black;
				border-bottom: 2px solid Black;			
				}
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
		


/* This style defines the footer */
 .footer {
 	clear:both;
	margin: 0 auto;
	padding-top:6px;	
	padding-bottom:10px;
	width:770px;
	background-color: #ffffff;
	border-top: 1px solid #444444;
	text-align: center;
	font-size: 10px;	
	}				
	
		.footer a:link    { color: #003366; }
		.footer a:hover   { color: #0066ff;	}
		.footer a:visited { color: #003366; }