@import url('reset.css');

/* General -----------------*/

body {font: 62.5%/1.8em Arial,san-serif; color: #142d57; background: #a4c5df;}
p {font-size: 1.2em; padding: 0 0 15px 0;}
	#enquiryform p {font-size: 1.2em; padding: 0 0 5px 0;}
	#ctacontentmid p {font-size: 1.1em; color: #4b7ca6;}
h1 {font-size: 1.8em; font-weight: normal; color: #142d57; padding: 10px 0 20px 0; line-height: 1.1em;}
	#enquiryform h1 {font-size: 2.6em; padding: 10px 0 10px 0;}
h2 {font-size: 1.4em; font-weight: normal; color: #142d57; padding: 10px 0 20px 0;}
	#cta h2 {padding: 0 0 10px 0 ;}
	ul li {font-size: 1.1em;}

strong {color: #1e4381;}

a {color: #5f90b7; text-decoration: underline;}
a:hover {color: #7599b5;}

img {border: none;}




/* Wrapper ----------------*/

#wrappertop {height: 154px; background: url(../images/bg/bg-top.jpg) top center repeat-x;}
	#containertop {width: 942px; margin: auto;}
#wrappermid {background: url(../images/bg/bg-center-top.jpg) top center repeat-x #cddfed; display: block;}
	#containermid {width: 942px; margin: auto;}
	

/* Page Style----------------*/

	/*All-page-----*/
		#logo {width: 223px; height: 135px; padding: 5px 0 0 0;}
			#addressandnav {width: 583px; height: 154px; float: right;}
			#address {width: 428px; height: 56px; background: url(../images/bg/bg-top-contact.jpg) top center no-repeat; padding: 30px 0 12px 20px; margin: 13px 0 0 0;  float: right;}
				#address li {float: left;}
					#ele-phone {background: url(../images/elements/ele-phone.jpg) -2px -2px no-repeat; height: 35px; padding: 0 10px 0 40px; display: inline;}
					#ele-letter {background: url(../images/elements/ele-letter.jpg) -2px -2px no-repeat; height: 35px; padding: 0 0 0 40px; display: inline;}
					
			#primary {width: 612px; padding: 10px 0 50px 10px; display: block; float: left;}
				#primary ul { padding: 0 0 20px 0;}
				#primary li {font-size: 1.2em; list-style: circle; margin: 0 0 0 20px; padding: 3px 0 3px 0;}
				
				ul#thumb li {width: 100px; height: 100px; float: left; padding: 10px; list-style: none; margin: 0px; display: block;}
				ul#thumb li img {border: 1px solid white;}
	
	
	/*Contact Us - Page----*/
	
	iframe {border: 1px solid white; margin: 20px 0 0 0;}
		#contactdetails li {float: left; width: 300px; list-style: none; margin: 0px;}
	
	
	/*Thank you page ----*/
	
	#thankyou {background: url(../images/bg/form/bg-form-textarea.jpg) no-repeat top center; padding: 5px 10px 10px 10px; }
			

/*Banner ------------*/

#banner { width: 942px; display: block;}
	#bannertop {width: 942px; height: 18px; display: block; background: url(../images/banner/bg-banner-top.jpg) top center no-repeat;}
	#bannermid {width: 922px; display: block; background: url(../images/banner/bg-banner-mid.jpg) top center repeat-y; padding: 0 10px 0 10px;}
	#bannerbottom {width: 942px; height: 5px; display: block; background: url(../images/banner/bg-banner-bottom.jpg) top center no-repeat;}

	#bannerrotation {width: 622px; height: 333px; overflow: hidden; float: left;}
		#bannerrotation ul li img {display: block;}

/*Navigation----------------*/

ul#nav {width: 583px; height: 42px; float: right;}
	ul#nav li { float: left; text-indent: -9999px;}
			#home a {width: 68px; height: 42px; background: url(../images/nav/nav-home.jpg) top center no-repeat; display: block;}
			#aboutus a {width: 87px; height:42px; background: url(../images/nav/nav-aboutus.jpg) top center no-repeat; display: block;}
			#charterflights a {width: 118px; height:42px; background: url(../images/nav/nav-charterflights.jpg) top center no-repeat; display: block;}
			#flighttraining a {width: 115px; height:42px; background: url(../images/nav/nav-flighttraining.jpg) top center no-repeat; display: block;}
			#ourclients a {width: 98px; height:42px; background: url(../images/nav/nav-ourclients.jpg) top center no-repeat; display: block;}
			#contactus a {width: 97px; height: 42px; background: url(../images/nav/nav-contactus.jpg) top center no-repeat; display: block;}
			

			body#home-page #home a,
			body#aboutus-page #aboutus a,
			body#charterflights-page #charterflights a,
			body#flighttraining-page #flighttraining a,
			body#ourclients-page #ourclients a,
			body#contactus-page #contactus a,
			body#thankyou-page #contactus a,
			#nav li a:hover {background-position: 0 -42px;}

/* Form ----------*/

#enquiryform {width:241px; margin: 0 0 0 35px; float: left;}
	input {width: 231px; height: 24px; background: url(../images/bg/form/bg-form-input.jpg) no-repeat top center; border: none; font-family: Arial; padding: 10px 0 0 10px; margin: 3px 0 3px 0; color: #13568a;}
	textarea {width: 231px; height: 94px; overflow: hidden; background: url(../images/bg/form/bg-form-textarea.jpg) no-repeat top center; border: none; font-family: Arial; padding: 10px 0 0 10px; margin: 5px 0 5px 0; color: #13568a;}
	#submitbtn { width: 79px; height: 30px; padding: 0;margin: 0; float: right;}
	label.error {display: block; text-align: center;}


/* CTA -------*/

#cta {width:280px; margin: 20px 0 0 35px; float: left;}
	#ctabox {width: 280px; display: block; padding: 0 0 20px 0;}
		
		#ctabox a {color: #fff; text-decoration: none; font-size: 1.1em;}
	
		#ctaimg {width: 86px; height: 86px; float: left;}
		#ctacontentbox {width: 190px; float: right}
			#ctacontenttop {width: 190px; height: 6px; background: url(../images/cta/cta-box-top.jpg) top center repeat-y #fff;}
			#ctacontentmid {width: 170px; background: url(../images/cta/cta-box-mid.jpg) top center repeat-y; display: block; padding: 0 10px 0 10px;}
			#ctacontentbottom {width: 190px; height: 25px; background: url(../images/cta/cta-box-bottom.jpg) top center no-repeat;}
	
			#ctaclick {width:80px; height: 20px; float: right; padding: 5px 0 0 0;}
			

			
/*Footer-------------*/


#wrapperfooter {background: url(../images/bg/bg-footer-top.jpg) top center repeat-x;}
	#containerfooter {width: 942px; margin: auto; padding: 20px 0 20px 0;}

	#wflogo {width: 67px; height: 21px; float: right;}
	#containerfooter {color: #5f90b7;}
		#containerfooter a {color: #5f90b7; text-decoration: none;}
		#containerfooter a:hover {color: #5f90b7; text-decoration: underline;}