/*-----------------------------------------------------------------------------
GG Aerospace Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.net.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #004A97;
	background: #F4F8FB url(../i/bodybg.jpg) top left repeat-x;
	margin: 0;
	line-height: 160%;
	text-align: center;
}
a {
	color: #FF9900
}
a img {border: none}
#footer a {color:#fff }
.cntr {text-align:center}
.mtop {margin-top: 5px}
.float {float: left}
.right {text-align:right}

/* = Typography
--------------------------------------------------------*/
h1 {font-weight: bold; color: #004A97; font-size: 2.5em; margin: 5px 0}
#home h1 {top: 30px; text-indent: -9000px; background:transparent url(../i/hometitle.gif) left top no-repeat; width:430px; height:18px; margin-bottom: 0.4em}
#about h1 {top: 30px; text-indent: -9000px; background:transparent url(../i/about-title.gif) left top no-repeat; width:267px; height:18px; margin-bottom: 0.4em}
#about h1#industry {background:transparent url(../i/industry-title.gif) left top no-repeat}
#about h1#contact {background:transparent url(../i/contact-title.gif) left top no-repeat}
#products h1 {top: 30px; text-indent: -9000px; background:transparent url(../i/products-title.gif) left top no-repeat; width:370px; height:18px; margin-bottom: 0.4em}
#products h1#procure {background:transparent url(../i/procure-title.gif) left top no-repeat}
#products h1#overhaul {background:transparent url(../i/overhaul-title.gif) left top no-repeat}
#products h1#dist {background:transparent url(../i/dist-title.gif) left top no-repeat}
#products h1#inventory {background:transparent url(../i/inventory-title.gif) left top no-repeat}
#customer h1 {top: 30px; text-indent: -9000px; background:transparent url(../i/customer-title.gif) left top no-repeat; width:370px; height:18px; margin-bottom: 0.4em}
#customer h1#shipping {background:transparent url(../i/shipping-title.gif) left top no-repeat}
#customer h1#payment {background:transparent url(../i/payment-title.gif) left top no-repeat}
#quality h1 {top: 30px; text-indent: -9000px; background:transparent url(../i/quality-title.gif) left top no-repeat; width:370px; height:18px; margin-bottom: 0.4em}
#quality h1#warranty {background:transparent url(../i/warranty-title.gif) left top no-repeat}

h2 {font-weight: bold;font-size: 1.3em; color: #0081D7; margin: 0 0 1em 0}
/*#home h2{text-indent: -9000px; background:transparent url(../i/homesubtitle.gif) left top no-repeat; width:203px; height:19px}*/

h3 {font-size: 1em; color: #FF9900; font-weight:normal}
#nav h3 {font-weight: bold; border-bottom: 1px dashed #ccc}

h4 {font-size: 1.2em; color:#D32D54; font-weight: bold; margin: 0}
.col1 ul {list-style-type: none; margin-left: 1.5em; margin-bottom: 1em}
.col1 li {margin-bottom:0.6em; padding-left: 30px; background: transparent url(../i/bullet.gif) left 2px no-repeat; font-weight: bold}
p {font-size: 1em; margin: 0 0 0.9em 0}
#tel {font-size: 2em; font-weight: bold; text-indent: -9000px; background:transparent url(../i/phone.gif) top left no-repeat; width:124px; height: 20px; margin-top: -5px}
.hlight {font-size: 1.2em; color:#0081D7}
.big {font-size: 2em}

/* = Menu
----------------------------------------------*/
#menu {position: relative; width:750px; background:#003C77 url(../i/menubg.jpg) left top repeat-x; z-index: 1000}
#menu ul{margin:0; padding:0; width:750px}
#menu ul li{float:left; list-style-type:none; margin:0; position:relative}
#menu ul li a{display:block; float:left; padding:0.4em 0.6em; color:#fff; font-size:1.2em; text-decoration:none; text-transform:uppercase; margin:0}
#menu ul li a:hover, #menu ul li a:active{color:#FF9900}
#menu ul li a.sel{font-weight:bold; color:#FF9900}
/*Drop downs*/
#menu ul li ul { /* second-level lists */
	position: absolute;
	top: 30px;
	left: 10px;
	background: #fff;
	width: 16em;
	display:none;
	z-index:1000;
	border:1px solid #004A97
}
#menu ul li ul li a {width: 15em; margin:0; text-align:left; display:block; color:#004A97; padding: 0.5em 0.6em; text-transform:capitalize; font-size: 1em; background: #fff url(../i/dropnavbg.gif) center bottom no-repeat}
#menu ul li ul li a:hover {font-weight: bold; color:#FF9900;}
#menu ul li:hover ul, .menu ul li a:hover ul, #menu ul li.sfhover ul {
	display:block
}

/*Sub nav*/
#navTop, #navBot {
	position:relative;
	width:140px;
	height:8px;
	background: transparent url(../i/navtop.jpg) left top no-repeat
}
#navBot {background: transparent url(../i/navbot.jpg) left top no-repeat}
#nav {
	position:relative;
	padding: 1px 12px 0 12px;
	width: 118px;
	background: transparent url(../i/navbg.jpg) left top repeat-y
}
#nav ul {padding: 0 0 0.5em 0}
#nav li {margin: 0}
#nav ul li a {display:block; padding:0.3em 0 0.4em 0; color:#004A97; font-size:0.9em; text-decoration:none; background: #fff url(../i/nav-divider.gif) center bottom no-repeat}
#nav ul li a.sel {font-weight: bold}
	
/* = Containers
----------------------------------------------*/
#wrapper {position: relative; margin:0 auto 0 auto; width: 758px; text-align:left; background:#fff url(../i/wrapperbg.jpg) top right no-repeat}
#container {position: relative; margin:0 auto; width: 750px; text-align:left; padding: 0 8px 0 0}
.col1 {float: left; width: 510px; margin: 10px 20px 0 30px; position:relative; z-index:100}
.col2 {float: right; width: 180px; padding: 45px 0 0 0}
#header {
	position: relative;
	height: 118px;
}
#content {
	position: relative;
	width: 100%;
	background:transparent url(../i/contentbg.jpg) top left repeat-x;
	padding-top: 15px
}
.sideImg {z-index: 1}
#home .sideImg {position: absolute; bottom: 0; right: 0; width: 190px; height:320px; background:transparent url(../i/homeimg.jpg) right bottom no-repeat}
#about .sideImg {position: absolute; bottom: 0; right: 0; width: 291px; height:253px; background:transparent url(../i/aboutimg.jpg) right bottom no-repeat}
#products .sideImg {position: absolute; bottom: 0; right: 0; width: 186px; height:206px; background:transparent url(../i/productsimg.jpg) right bottom no-repeat}
#customer .sideImg {position: absolute; bottom: 0; right: 0; width: 177px; height:205px; background:transparent url(../i/customerimg.jpg) right bottom no-repeat}
#quality .sideImg {position: absolute; bottom: 0; right: 0; width: 177px; height:205px; background:transparent url(../i/qualityimg.jpg) right bottom no-repeat}
#contact .sideImg {position: absolute; bottom: 0; right: 0; width: 291px; height:253px; background:transparent url(../i/contactimg.jpg) right bottom no-repeat}
#wrapperfooter {position: relative; margin:0 auto; width: 757px; height: 15px; background:transparent url(../i/footer.jpg) left top no-repeat}
#footer {
	position:relative;
	width: 730px;
	font-size: 0.8em;
	color:#fff;
	background:#004A97;
	padding: 5px 10px 0 10px
}
#fl, #fr {float: left; width: 45%; top: 0; }
#fr {float: right; width: 54%; text-align:right}
.infoPanel {height: 158px}
#specialoffer {
	position: absolute; bottom: 30px; left: 10px}
/* = Forms
----------------------------------------------*/
form {width: 90%}
#contactform label {float: left; width: 90%; font-weight: bold}
#contactform label.txtLabel {width: 90}
#contactform input.txt {float: left; width: 19.8em; color:#333; margin: 0 10px 5px 0; border: 1px solid #ccc}
#contactform br {clear: both}
#contactform fieldset {font-weight: bold; color:#333; border: 1px solid #666; padding: 10px}
.err, .req {font-weight:bold; color:#f00; font-size: 1em; float:left}
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em; width: 21.5em}
#sendForm {float: right}

/* = Tables
----------------------------------------------*/
.alt {background:#FFEAEA}

/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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