@import url("nav.css");
@import url("cmxform.css");


/*-----------------------

AirConomic

----------------------*/


* {
	padding: 0;
	margin: 0;
} /* this will reset all elements to margin/padding = 0 */



/*-----------------------
Body
----------------------*/
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #26a3ce url('../images/core/bg.gif') top center repeat-x;
	color: #000000;
}


/*-----------------------
Standard
----------------------*/
h1 { 
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}

h2 { 
	font-size: 1.3em;
	color: #f83038;
}

h3 { 
	font-size: 1.2em; 
	color: #000;
}

h4 { 
	font-size: 1.1em; 
	color: #000;
}

h5 { 
	font-size: 1em; 
	color: #000;
}

p { 
	font-size: 1.2em;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, p, ul, ol { margin-bottom: 15px; }

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

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

img.right-home {
	float: right;
	margin: 6px 0 0 10px;
	border: 0;
}

ul { 
	list-style-type: square;
	margin-left: 30px; 
	font-size: 1.2em;
}

ul li { 
	line-height: 1.6em;
}

ul.no-list { 
	list-style-type: none;
}

ul.list-pdf {
	list-style-type: none;
}

ul.list-pdf li {
	background: url('../images/core/icon-pdf.gif') no-repeat;
	padding-left: 26px;
	line-height: 1.6em;
}

ol { 
	margin-left: 40px; 
	font-size: 1.2em;
}

ol li {
	line-height: 1.6em;
}

a { 
	color: #1f95c2; 
	text-decoration: none; 
}

a:hover { 
	color: #1f95c2; 
	text-decoration: underline; 
}

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #c5c5c5;
	margin: 15px 0;
}

.clear {
	display: block;
	clear: both;
}


/*-----------------------
Header
----------------------*/
div#header-bg {
	height: 270px;
	background: url('../images/core/bg-header-container.gif') top center repeat-x;
}

/* ---- Header Container ----- */
div#header-container {
	width: 960px;
	height: 250px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}

/* ---- Nav (See nav.css) ----- */


/*-----------------------
Content
----------------------*/
div#content-bg {
	background: #26a3ce url('../images/core/bg-content-container.jpg') top center repeat-x;
	height: 450px;
}

/* ---- Content Container ----- */
div#content-container {
	width: 840px;
	margin: 0 auto;
	padding: 19px 60px 6px 60px;
	background: url('../images/core/bg-content-container.gif') top center repeat-y;
}

div#content-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* ---- Wide ---- */
div#wide-content {
	width: 840px;
	position: relative;
}

/* ---- Left ---- */
div#left {
	width: 600px;
	float: left;
	margin-right: 19px;
}

div#left-content {
	padding: 16px 20px 20px 20px;
}

/* ---- Projects ---- */
div#projects-box {
	width: 600px;
	background: url('../images/core/projects-bottom.gif') center bottom no-repeat;
	border: 0;
	padding-bottom: 10px;
}

div#projects-box h2 {
	background: url('../images/core/projects-top.gif') center top no-repeat;
	height: 26px;
	padding: 16px 0 0 22px;
	margin-bottom: 0;
}

div#projects-content {
	background: url('../images/core/projects-tile.gif') center top repeat-x;
	height: 136px;
	padding: 12px 8px 0 8px;
}

div#projects-content ul { 
	list-style-type: none;
	margin-left: 0;
}

div#projects-content ul li {
	float: left;
	padding: 0 8px;
}

div#projects-content ul li img {
	border: 0;
}

/* ---- Right ---- */
div#right {
	width: 220px;
	float: left;
	position: relative;
}

/* -- Join Club -- */
div#join-club-label a {
	width: 169px;
	height: 149px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/joinclub-label.png') 0 0 no-repeat;
	position: absolute;
	top: -88px;
	right: -59px;
	cursor: pointer;
}

div#join-club-box {
	background: url('../images/core/cta-bottom.gif') center bottom no-repeat;
	border: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#join-club-box h3 {
	background: url('../images/core/cta-top-grey.gif') center top no-repeat;
	height: 16px;
	margin-bottom: 0;
	padding: 24px 0 0 16px;
	color: #a0d9ef;
	text-decoration: underline;
}

div#join-club-content {
	background: url('../images/core/cta-tile.gif') center top repeat-y;
	width: 188px;
	padding: 20px 16px 0 16px;
	color: #ffffff;
}

div#join-club-content ul.list-tick {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;	
	font-size: 1.1em;
}

div#join-club-content ul.list-tick li {
	background: url('../images/core/icon-tick.gif') 0 5px no-repeat;
	padding-left: 26px;
	padding-bottom: 10px;
	line-height: 1.4em;
}

div#join-club-box2 {
	width: 600px;
	background: url('../images/core/projects-bottom2.gif') center bottom no-repeat;
	border: 0;
	padding-bottom: 10px;
}

div#join-club-box2 h2 {
	background: url('../images/core/projects-top.gif') center top no-repeat;
	height: 26px;
	padding: 16px 0 0 22px;
	margin-bottom: 0;
	color: #000000;
}

div#join-club-content2 {
	background: #BCE9FC;
	padding: 12px 8px 0 8px;
}

div#join-club-content2 ul.list-tick2 {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;	
	font-size: 1.1em;
}

div#join-club-content2 ul.list-tick2 li {
	background: url('../images/core/icon-tick2.gif') 0 5px no-repeat;
	padding-left: 26px;
	padding-bottom: 10px;
	line-height: 1.4em;
}

/* -- Contact Us -- */
div#contact-box {
	background: url('../images/core/cta-bottom.gif') center bottom no-repeat;
	border: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#contact-box h3 {
	background: url('../images/core/cta-top-red.gif') center top no-repeat;
	height: 25px;
	margin-bottom: 0;
	padding: 15px 0 0 21px;
	color: #ffffff;
}

div#contact-content {
	background: url('../images/core/cta-tile.gif') center top repeat-y;
	width: 199px;
	padding: 7px 0 5px 21px;
}

div#contact-content p {
	margin-bottom: 0;
	font-size: 1.1em;
	color: #ffffff;
}

div#contact-content p#orange {
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #faa724;
}

div#contact-box ul { 
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 1.1em;
	color: #ffffff;
}

div#contact-box ul li {
	padding-left: 26px;
	line-height: 1.7em;
}

div#contact-box ul li.phone {
	background: url('../images/core/icon-phone.gif') 0 4px no-repeat;
}

div#contact-box ul li.fax {
	background: url('../images/core/icon-fax.gif') 0 4px no-repeat;
}

div#contact-box ul li.email {
	background: url('../images/core/icon-email.gif') 0 4px no-repeat;
}

div#contact-box ul li.email a { 
	color: #a0d9ef; 
	text-decoration: none; 
}

div#contact-box ul li.email a:hover { 
	color: #a0d9ef; 
	text-decoration: underline; 
}

/* -- Current Temperature -- */
div#temperature-box {
	background: url('../images/core/cta-bottom.gif') center bottom no-repeat;
	border: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#temperature-box h3 {
	background: url('../images/core/cta-top-red.gif') center top no-repeat;
	height: 25px;
	margin-bottom: 0;
	padding: 15px 0 0 21px;
	color: #ffffff;
}

div#temperature-content {
	background: url('../images/core/cta-tile.gif') center top repeat-y;
	width: 204px;
	padding: 8px 8px 2px 8px;
}

div#temperature-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#temperature-left {
	padding-top:10px;
	width: 72px;
	float: left;
	margin-right: 10px;
}

div#temperature-right {
	width: 121px;
	float: left;
}

div#temperature-right ul { 
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 1em;
	color: #ffffff;
}

div#temperature-right ul li {
	line-height: 1.6em;
	padding-bottom: 5px;
}

div#temperature-right ul li.temp-left {
	width: 57px;
	float: left;
}

div#temperature-right p {
	margin-bottom: 0;
	font-size: 1em;
	color: #ffffff;
}

div#temperature-right p a { 
	color: #a0d9ef; 
	text-decoration: none; 
}

div#temperature-right p a:hover { 
	color: #a0d9ef; 
	text-decoration: underline; 
}

/*-- added by Robert (to style weather feed) --*/
.weatherforecast{
	padding: 5px 0 0 0;
	color:#faa724;
	font-size:1.7em;
}

/* -- Affiliates Logo -- */
div#affiliates-box {
	background: url('../images/core/cta-bottom.gif') center bottom no-repeat;
	border: 0;
	padding-bottom: 10px;
}

div#affiliates-box h3 {
	background: url('../images/core/cta-top.gif') center top no-repeat;
	padding-top: 10px;
	margin-bottom: 0;
}

div#affiliates-content {
	background: url('../images/core/cta-tile.gif') center top repeat-y;
	width: 220px;
}

div#affiliates-content ul { 
	list-style-type: none;
	margin: 0;
	text-align: center;
}

div#affiliates-content ul li {
	padding-bottom: 5px;
}

div#affiliates-content ul li.bottom {
	padding-bottom: 0;
}


/*-----------------------
Services
----------------------*/
div#services {
	width: 850px;
	margin: 0 auto;
	margin-bottom: 15px;
}

div#services ul.list-services {
	list-style-type: none;
}

div#services ul li {
	display: inline;
	padding: 0 20px;
	float: left;
}

div#services ul li img {
	border: 5px solid #8dd5ee;
}

div#services ul li a:hover img {
	border: 5px solid #40bff0;
}

div.gallery-caption {
	text-align: center;
	margin-top: 5px;
}

div#ac-caption {
	color: #000000;
	text-align: center;
	display: block;
}


/*-----------------------
Projects
----------------------*/
/* ---- Gallery ---- */
div#gallery { 
	width: 840px; 
	float: left;
	margin-bottom: 15px;
}

div#gallery ul.gallery-list {
	list-style-type: none;
}

div#gallery ul li {
	display: inline;
	padding: 0 10px;
	float: left;
}

div#gallery ul li a img {
	border: 5px solid #8dd5ee;
}

div#gallery ul li a:hover img {
	border: 5px solid #40bff0;
}

div.gallery-caption {
	text-align: center;
	margin-top: 5px;
}

div.caption {
	font: 1em "Verdana";
	color: #8c8c8c;
	text-align: left;
	display: block;
	clear: both;
	margin-bottom: 10px;
}


/*-----------------------
Contact
----------------------*/
div#left-contact {
	width: 250px;
	float: left;
}

div#thankyou {
	height: 400px;
}


/*-----------------------
Footer
----------------------*/
div#footer-container {
	background: url('../images/core/bg-footer.gif') top center no-repeat;
	width: 911px;
	margin: 0 auto;
	padding: 35px 0 20px 49px;
	position: relative;
}

div#footer-container a { 
	color: #000000; 
	text-decoration: none; 
}

div#footer-container a.space {
	padding-left: 5px;
}

div#footer-container a:hover { 
	color: #303030; 
	text-decoration: underline; 
}

div#wflogo {
	width: 70px;
	height: 17px;
	position: absolute;
	top: 28px;
	right: 50px;
}

div#wflogo img {
	border: 0;
}