/*

	sNews 1.5 Minimal Design
	
*/

/* SNEWS */
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #E6FFE4; color: #000; }
input { padding: 3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px;}
input.search { border: 1px solid #ccc; padding: 4px; width: 160px; }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #E8FFD9; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
/**/


body { font: .75em Verdana, Arial, Sans-Serif; line-height: 1.2em; color:#183045;}
p {text-align:justify;}
a { color: #0066B3; background: inherit; }
h1 { font: bold 1.9em Arial, Arial, Sans-Serif;  }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0; }
h4 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0; color:Red;}
ul {  padding: 0; margin: 0;}
li { list-style-type: none;}


	body {
		text-align:center;
		margin:0px;
		padding:0px;
		}
	
		
	#contentleft {
		width:212px;
		height:507px;
		padding:0px;
		float:left;
		overflow: hidden;
		}
	

	
	#contentright {
		width:170px;
		height:507px;
		padding:0px;
		float:left;
		overflow:hidden;
/*		background:silver; */
		}
	
	#contentheader {
/*		background:red; */
		height: 93px;
		}

	#contentheader .bannerimage  {
/*		background:red; */
		border: none;
		}


	#centercopy h2 {
		font: bold 1.3em Arial, Arial, Sans-Serif;
		padding-left: 10px;
		text-decoration: underline;
	}
	#centercopy h3 {
		font: bold 1em Arial, Arial, Sans-Serif;
		margin-bottom:5px;
		padding-left: 10px;
		text-decoration: underline;
	}

	#contentoverlay {
/*		position: absolute; */
		position: relative; 
		top:-600px;
		height: 600px;
		width: 800px;
		background:url("images/BlueHelicopter.gif") bottom left no-repeat;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
		
	#contentheader h1 {
		font-size:14px;
		padding:10px;
		margin:0px;
		}
	
	#contentright p { font-size:10px}
	
	#gallerypreview {
		height: 216px;
		background:url("images/BackgroundGalleryPreview.gif") top left repeat-y;
/*		border:solid 1px red;*/
		}
	
	.MenuFrameLeft {
		background:url("images/BackgroundMenuLeft.gif") top right repeat-y;
		}
	.MenuHeaderLeft {
		background:url("images/BackgroundMenuLeftHeader.gif") top left no-repeat;
		margin:0;
		padding:0;
		}

	
	.MenuFrameRight {
		background:url("images/BackgroundMenuRight.gif") top left repeat-y;
		}
	.MenuHeaderRight {
		background:url("images/BackgroundMenuRightHeader.gif") top left no-repeat;
		}
	
	#gallerypreview {
		height: 216px;
		width: 153px;
		margin: 0px;
		padding: 0px;
		
	}
	#gallerytext {
	}
	


	
#menuleft ul, #menuright ul {
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
	list-style: none;
} 
#menuright ul {
	margin: 0px 0px 0px 1px;
}
#menuleft li, #menuright li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	list-style: none;
}

#pricelisttable .thead td {
	font-weight: bold;
	border-bottom: solid 2px #183045;
}

#pricelisttable table{
	width: 80%;
	margin: 10px 0px 0px 10px;
}

#ContactUsTable table{
	width: 90%;
	margin: 10px 0px 0px 10px;
}
#ContactUsTable td.Label
{
	text-align:right;
	vertical-align:top;
	padding-top:8px;
}

#ContactUsTable textarea { width: 220px; height: 15em; padding: 3px;}
#ContactUsTable input { width: 220px; padding: 3px;}
#ContactUsTable .submit { width: 100px; padding: 0px;}

	
	a.nav, a.current, a.link
	{
		display:block;
		margin: 0px 0px 0px 10px;
		height: 35px;
		background-color: transparent;
		text-decoration: none;
	}
	a.nav:hover, a.link:hover {
	background-position: 0 -35px;
	text-decoration: none;
	}
	li.shim 
	{
		padding: 0px;
		margin: 0px;
	}
	a.current:hover {
	text-decoration: none;
	}
	a.current {
	background-position: 0 -70px;
	}
	a.link {
		margin: 0px 0px 0px 0px;
	}
	a.home
	{
		background-image: url(images/buttons/Home.gif);
		width: 178px;
	}
	a.flightsasgifts
	{
		background-image: url(images/buttons/FlightsAsGifts.gif);
		width: 178px;
	}
	a.helicoptersales
	{
		background-image: url(images/buttons/HelicopterSales.gif);
		width: 178px;
	}
	a.onedayinstruction
	{
		background-image: url(images/buttons/OneDayInstruction.gif);
		width: 178px;
	}
	a.pilottraining
	{
		background-image: url(images/buttons/PilotTraining.gif);
		width: 178px;
	}
	a.typeratingconversion
	{
		background-image: url(images/buttons/TypeRatingConversion.gif);
		width: 178px;
	}
	a.gallery
	{
		background-image: url(images/buttons/Gallery.gif);
		width: 147px;
	}
	a.pricelist
	{
		background-image: url(images/buttons/PriceList.gif);
		width: 147px;
	}
	a.howtofindus
	{
		background-image: url(images/buttons/HowToFindUs.gif);
		width: 147px;
	}

a.name, a.name:hover {
	text-decoration: none;
	color: #000000;
}

.highlight {
	color: Red;
}

	div.clear {clear: both;}
	div.break {font-size: 1px;}
	.hidden {height:1px;width:1px;position:relative;left:-9999px;}
	
	#menuItemGalleryz
	{
		position:absolute;
		top: 327px;
		left: 773px;
		margin: 0px;
		padding: 0px;
	}
	#menuItemPriceListz
	{
		position:absolute;
		top: 390px;
		left: 773px;
	}
	#menuItemHowToFindUsz
	{
		position:absolute;
		top: 428px;
		left: 773px;
	}
	#menuItemContactUsz
	{
		position:absolute;
		top: 497px;
		left: 773px;
	}
	
	div.inlineImage, img.inlineImage {
		margin: 10px 20px 10px 20px;
		vertical-align: top;
	}
	div.floatright, img.floatright {
		float: right;
	}
	div.floatleft, img.floatleft {
		float: left;
	}
	
	#galleryMainImageFrame {
/*		border: solid 1px yellow;*/
		display:block;
		text-align:center;
		margin-top:30px;
		margin-bottom:0px;
		padding:0px;
		height:250px;
	}
	#galleryMainImage {
		border: solid 2px black;
	}

	#galleryFilmStrip {
		margin: 0 auto;
/*		border: solid 1px yellow; */
		width: 404px;
		vertical-align:top;
		text-align:center;
		margin-top:10px;
		margin-bottom:0px;
		padding:0px;
	}
	

/*this is supposed to vertically centre the images, but doesn't quite work... */
/*	div.arrowLeft, div.arrowRight, div.galleryThumbnail {
		height: 150px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		border: 1px solid red;
	}
	div.arrowLeft img, div.arrowRight img {
	    margin-top: expression((120 - this.height)/2);
	}
	
	div.galleryThumbnail img {
	    margin-top: expression((120 - this.height)/2);
	}
*/

	div.galleryThumbnail {
/*		border: solid 1px blue; */
		display: inline;
		float: left;
		width: 90px;
		height: 120px;
		display: inline;
		margin: 0px 5px 0px 5px;
		padding: 0px 0px 0px 0px;
	}

	div.galleryThumbnail img {
		border: solid 1px black;
	}

	#arrowUp, #arrowDown {
		height: 20px;
		margin: 0px 0px 0px 78px;
/*		border:solid 1px red;*/
	}
	
	#arrowLeft, #arrowRight {
		margin: 0px 0px 0px 0px;
		display: inline;
/*		border:solid 1px red;*/
	}

	#imageArrowUp, #imageArrowDown {
		padding-top: 8px;
	}

	#imageArrowLeft, #imageArrowRight {
		padding-top: 4px;
		padding-bottom: 8px;
	}

	#previewImage {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 17px;
/*		display: inline-block;*/
/*		border:solid 1px red;*/
	}
	#previewImage a.previewimage {
/*		height: 165px;
		width: 200px;*/
		margin: 10px 10px 10px 18px;
		display:inline-block;
	}
	
	
	

	
	
	