/* ------ NOTES ---------------------------------------------------------------

Site: World of Air
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: World of Air
Version: 29/03/10

--------- CONTENTS ------------------------------------------------------------

1: BODY
	a) Base Link Styles
	b) Skip Links

2: MAIN CONTAINER

3: NAV

4: LOGO

5: SEARCH FORM

6: FOOTER

7: CONTENT DIVISIONS

8: ARTICLE CONTAINERS

9: NEWSLETTER SUBSCRIBE FORM

10: IMAGE BLOCKS

11: SEARCH RESULTS PAGE

12: INLINE IMAGE STYLES

13: CONTACT FORM

14: PARTNERS TABLE

15: PAGINATION

--------------------------------------------------------------------------------

----- COLOUR GUIDE  ------------------------------------------------------------

Body Background: #414041
Body Text: #423E3D
Headings: #FFF
Links: #F25728 - (hover) #F25728 (ul)

/* ADDITIONAL STYLESHEETS
============================================================================ */

@import "reset.css";
@import "typography.css";

/* 1) BODY
============================================================================ */

html {background-color:#414041;}

body {
	font-family: Geneva, Helvetica, sans-serif;
	text-align: center;
	color:#FFF;
	font-size:small;
	background: #8FABD2 url(/site_images/body_bg.jpg) 50% 60px repeat-x;
	}

/* 1a) BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#F25728;
	text-decoration:underline;
	}

a:hover, a:active, a:focus {
	color:#F25728;
	text-decoration:underline;
	}

/* 1b) SKIP LINKS
============================================================================ */

ul#accessibility {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	}

#accessibility li {display:inline;}

/* 2) MAIN CONTAINER
============================================================================ */

#container {
	position:relative;
	text-align:left;
	margin:0 auto;
	padding-top:70px;
	overflow:hidden;
	width:960px;
	}

/* 3) NAV - ABSOLUTELY POSITIONED
============================================================================ */

#nav {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:60px;
	background:#414041 url(/site_images/top_nav_bg.jpg) 0 0 repeat-x;
	}

#nav_main {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:15px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	z-index:1000;
	}

#nav_main ul {
	float:left;
	width:740px;
	margin:0;
	padding:0;
	}

#nav_main li {
	display:inline;
	float:left;
	margin:0 1.2em 0 0;
	padding:0;
	}

#nav_main li a {
	display: block;
	line-height:50px;
	}

#nav_main a:link, #nav_main a:visited {
	color:#FEFEFE;
	text-decoration:none;
	display:block;
	line-height:1.5em;
	}

#nav_main a:hover, #nav_main a:active, #nav_main a.active {
	color:#F25728;
	text-decoration:none;
	}

/* 4) LOGO
============================================================================ */

#branding {
	float:left;
	display:inline;
	width:402px;
	height:1049px;
	background:#FFF url(/site_images/main_banner.jpg) 0 170px  no-repeat;
	color:#423E3D;
	}

#logo {
	height:120px;
	width:402px;
	position:relative;
	margin:0;
	padding:0;
	}

#logo a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:402px;
	height:170px;
	color:#423E3D;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	width:402px;
	height:170px;
	background:transparent url(/site_images/logo.jpg) 0 0 no-repeat;
	}

/* 5) SEARCH FORM
============================================================================ */

div#search {float:right;}

form#search_input {margin:0; padding:0;}

form#search_input p {
	display:inline;
	color:#CCC;
	font-size:1em;
	line-height:1.5em;
	}

#searchBox {
	width:150px;
	display:inline;
	margin:0 0 0 5px;
	border:none;
	}

/* 6) FOOTER
============================================================================ */

#footer {
	clear:both;
	padding:20px 20px 50px;
	text-align:center;
	background:#414041 url(/site_images/bottom_nav_bg.jpg) 0 0 repeat-x;
	color:#FEFEFE;
	}

#footer del {clear:both; text-decoration:none;}

#footer ul {
	margin:0;
	padding:0;
	position:relative;
	display:table;
	margin:0 auto 1em;
	white-space:nowrap;
	list-style-type:none;
	text-align:center;
	}

#footer li {
	display:table-cell;
	font-size:inherit;
	list-style:none;
	padding:0 1em 0;
	margin:0;
	}

#footer li a {
	display:block;
	padding:0;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	}

#footer li a:link, #footer li a:visited {
	color:#F3F3F3;
	text-decoration:none;
	display:block;
	line-height:1.5em;
	}

#footer li a:hover, #footer li a:active, #footer li a.active {
	color:#F25728;
	text-decoration:none;
	}

#footer p {
	margin-bottom:0;
	font-size:0.9em;
	color:#F3F3F3;
	}

#footer p a:link, #footer p a:visited {
	color:#F3F3F3;
	text-decoration:none;
	}

#footer p a:hover, #footer p a:active, #footer p a.active {
	color:#F25728;
	}

/* 7) CONTENT DIVISIONS
============================================================================ */

#content_main {
	display:inline;
	overflow:hidden;
	}

#content_main {
	width:540px;
	float:right;
	}

/* 8) ARTICLE CONTAINERS
============================================================================ */

.article-body {
	overflow:hidden;
	background-color:#FFF;
	padding:15px 150px 10px 10px;
	margin-bottom:20px;
	color:#423E3D;
	}

#content_main div.article-body:first-child {
	padding-top:63px;
	background:#FFF url(/site_images/watermark.jpg) top right no-repeat;
	}

/* 9) NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#home #container, #articles #container {padding-bottom:180px;}

#newsletter {
	position:absolute;
	left:0;
	top:1130px;
	width:382px;
	padding:15px 10px 10px;
	margin-bottom:20px;
	background:#FFF url(/site_images/bg_fade.jpg) top right no-repeat;
	color:#423E3D;
	}

#newsletter ol {
	width:310px;
	margin:0 0 10px;
	padding:0.5em 0 0;
	}

#newsletter li {
	width:380px;
	margin:0.5em 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	}

#newsletter li label {
	float:left;
	padding:3px;
	}

#newsletter li input {
	float:right;
	border:1px solid #414041;
	width:298px;
	padding:3px;
	}

#newsletter input.image {float:right;}

/* 10) IMAGE BLOCKS
============================================================================ */

.full {
	padding-right:10px;
	}
/*
.full img.right {border:1px solid #CDD6E7;}
*/
#hvac {background:#FFF url(/site_images/bg_fade_orange.jpg) top right no-repeat;}

#hvac img.right {border:1px solid #FFF;}

a.cert-logos {float:right;}

/* 11) SEARCH RESULTS PAGE
============================================================================ */

#search #content ol li {padding-top:0.5em;}

#search li h2 {font-size:1.2em;}

p.searchURL {
	border-bottom:1px dotted #CCC;
	padding-bottom:1em;
	font-size:0.8em;
	}

.search #content strong {text-decoration:underline;}

/* 12) INLINE IMAGE STYLES
============================================================================ */

img.left {
	clear:left;
	float:left;
	margin:0 10px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.border {
	padding:3px;
	background-color:#FFF;
	border:1px solid #666;
	}

img.borderLg {
	padding:5px;
	background-color:#FFF;
	border:3px solid #666;
	}
	
img.art-img {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.sidebar-img {margin-bottom:1em;}
	
/* 13) CONTACT FORM
============================================================================ */

.zemContactForm fieldset {
	float: left;
	clear: left;
	margin: 0 0 0 0;  
	padding: 0 0 0.5em;
	border:1px solid #414041;
	width: 378px;
	}

.zemContactForm fieldset {margin-top:1em;}

.zemContactForm legend {
	margin:0.5em;
	padding:0 0.5em;
	}

.zemContactForm fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

.zemContactForm fieldset li {  
	float: left;  
	clear: left;  
	padding:0 0 0.5em;
	margin:0;
	width: 100%;
	list-style:none;
	}

.zemContactForm label {  
	float: left;
	margin-right: 0.5em;
	padding-right:15px;
	width: 80px;  
	text-align:right;
	line-height:1.5em;
	font-size:0.9em;
	}

.zemContactForm li input, #Message, 
.zemContactForm select {
	line-height:1.5em;
	border:1px solid #414041;
	padding:3px;
	}

#Message {width:220px;}

.zemContactForm fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	padding:0;
	}

ul.zemError {
	margin:0;
	padding:0.5em 1em 0;
	background-color:#FF7D00;
	color:#FFF;
	overflow:hidden;
	}

ul.zemError li {
	padding:0;
	margin:0 0 1em;
	list-style:none;
	float:none;
	}

input.zemRequirederrorElement, textarea.zemRequirederrorElement  {background-color:#FFDFC0;}

.announcement a {
	color:#1C2839;
	font-weight:bold;
	}

label.zemRequired, label.zemRequirederrorElement {
	background:#FFF url(/site_images/required.gif) top right no-repeat;
	}

p.zemRequired, p.required {
	padding-left:15px;
	background:#FFF url(/site_images/required.gif) top left no-repeat;
	}

.image {margin-top:10px;}

/* 14) PARTNERS TABLE
============================================================================ */

table#partnerListing {
	width:518px;
	border:1px solid #CCC;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	margin:1px 0 0 1px;
	}

table#partnerListing th, table#partnerListing td {
	padding:5px;
	border:1px solid #CCC;
	border-width:0 1px 1px 0;
	}

table#partnerListing th {font-weight:bold;}

table#partnerListing th.fn {font-weight:normal;}

table#partnerListing a.url {
	display:block;
	background: #FFF url(/site_images/world_go.png) no-repeat 0 50%;
	padding-left:25px;
	border-bottom:none!important;
	}

table#partnerListing .tel, table#partnerListing .adr {text-align:center;}

/* 15) PAGINATION
============================================================================ */

ul#pagination {
	position:relative;
	padding:10px 0 0;
	overflow:hidden;
	}

#pagination li {
	margin:0 0.3em 0 0;
	float:left;
	list-style:none;
	border:1px solid #423E3D;
	}

#pagination li a {
	display:block;
	padding:2px 0.5em 0;
	color:#423E3D;
	line-height:1.5em;
	text-decoration:none;
	font-size:0.9em;
	}

#pagination li.current a {
	background-color:#F25728;
	color:#FFF;
	}

#pagination li.empty {display:none;}