/*
	Theme Name: Alpine Choppers
	Description: Alpine Choppers
	Author: Kelp Design
	Author URI: http://www.kelpdesign.com
*/

html {
	min-height: 100%;
	margin-bottom: 1px;
}

* {
	margin: 0;
	padding: 0;
}

/* standard elements 
----------------------------------------*/
body {
	background-color: #fff;
	font-family: 'Lucida Grande', Arial, Sans-Serif;
	font-size: 12px;
	color: #666;
}

h1, h2, h3 {font-weight: bold;}
h1 {
	font-size: 13px;
	margin-bottom: 1em;
}
h2 {
	font-size: 12px;
	margin-bottom: 0.5em;
	color: #003366;
}
h3 {
	font-size: 12px;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {text-decoration: underline;}
a img {border: none;}

p {
	margin: 0;
	padding: 0 0 1em;
	line-height: 1.5em;
}
p.skipNav {
	position: absolute;
	left: -9999em;
}

ul {margin: 0 0 1.2em; padding-left: 2em;}
ul li {padding-bottom: 0.2em;}

.clear {clear: both;}


/* general layout 
----------------------------------------*/
#header {
	width: 100%;
	height: 300px;
	background: url(images/bg-top-tile.png) left top repeat-x;
	position: absolute;
	top: 0;
	left: 0;
}

#headerContent {
	width: 1005px;
	margin: 0 auto;
}

#logo {
	float: left;  
	margin: 16px 0 20px 20px;
}

#headerNav {
	height: 300px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-left: 159px;
	overflow: hidden;
}

#slideshow {
	width: 998px;
	height: 557px;
	padding-top: 126px;
	margin: 0 auto; 
}

#contentWrapper {
	width: 700px;
	position: relative;
	margin: -175px auto 0;
}

#content {
	min-height: 100px;
	background-color: #fff;
	padding-bottom: 35px;
	overflow: hidden;
}

#content a:link,
#content a:visited,
#content a:hover,
#content a:active
{
	text-decoration: underline;
}


#footer {
	width: 100%;
	position: relative;
	background-color: #eee;
}

#footerContent {
	width: 958px;
	padding: 10px 20px;
	margin: 0 auto;
}


/* header navigation
----------------------------------------*/
#headerNav ul {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}

/* Fixed height and overflow hidden makes the sub menu invisible */
#headerNav li {
	float: left;
	height: 126px;
	position: relative;
	padding: 0;
	margin-right: 1px;
	overflow: hidden;
}

#headerNav li.current_page_item, #headerNav li.current_page_parent {
	height: auto;
}

#headerNav a {
	display: block;
	line-height: 106px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	padding: 20px 13px 0;
}

#headerNav a:hover, 
#headerNav li.current_page_item a, 
#headerNav li.current_page_parent a {
	background-color: #fbaa25;
	color: #fff;
	text-decoration: none;
}

/* Empty span tag has background image of button text, this sits on top of regular text. If images are disabled by the user, the regular text below is seen and therefore the menu does not disappear! */
#headerNav a span {
	display: block;
	height: 126px;
	background: center top no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	cursor: pointer;
}

/* The image with the button text also has the hover image (css sprite). When a user hovers over the menu item, the image moves position so the hover state is seen. No need to pre-load the hover images using javascript! */
#headerNav a:hover span, 
#headerNav li.current_page_item a span, 
#headerNav li.current_page_parent a span {
	background-position: center -300px;
}

/* Speicify the images for each menu item and centre them on top of the regular text */
#headerNav li.page-item-2 span {
	width: 50px;
	background-image: url(images/nav/home.gif);
	margin-left: -25px;
}
#headerNav li.page-item-4 span {
	width: 100px;
	background-image: url(images/nav/scenic-flights.gif);
	margin-left: -50px;
}
#headerNav li.page-item-13 span {
	width: 80px;
	background-image: url(images/nav/heli-skiing.gif);
	margin-left: -40px;
}
#headerNav li.page-item-39 span {
	width: 80px;
	background-image: url(images/nav/charters.gif);
	margin-left: -40px;
}
#headerNav li.page-item-15 span {
	width: 90px;
	background-image: url(images/nav/commercial.gif);
	margin-left: -45px;
}
#headerNav li.page-item-16 span {
	width: 100px;
	background-image: url(images/nav/recreational.gif);
	margin-left: -50px;
}
#headerNav li.page-item-17 span {
	width: 80px;
	background-image: url(images/nav/about-us.gif);
	margin-left: -40px;
}

/* Makes the main menu item stay in 'hover state' when you mouse off it and onto the sub menu */
#headerNav :hover > a {
	background-color: #fbaa25;
	color: #fff;
}

/* Makes the main menu item image stay in the hover position when you mouse off it and onto the sub menu*/
#headerNav :hover > a span {
	background-position: center -300px;
}

/* Makes the sub menu visible when you mouse over the main menu item, and also when you mouse over the sub menu. */
#headerNav.noJS :hover > li:hover {
	height: auto;
} 

/* sub nav */
#headerNav ul ul {
	background-color: #fbaa25;
	padding: 10px 0 5px;
}

#headerNav ul ul li {
	float: none;
	height: auto;
	padding: 2px 8px;
}

#headerNav ul ul a span {
	display: none;	
}

#headerNav ul ul li a {
	display: inline;
	font-size: 11px;
	line-height: normal;
	color: #fff;
	text-transform: capitalize;
	padding: 0;
}

#headerNav ul ul li a:hover, 
#headerNav ul ul li.current_page_item a {
	color: #333;
}


/* footer 
----------------------------------------*/
#footerLinks {
	width: 740px;
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto 50px;
	overflow: hidden;
}

/* main menu links */
#footerLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footerLinks ul li {
	float: left;
	padding: 0 16px;
}
#footerLinks ul a {
	font-weight: bold;
	text-transform: capitalize;
}

/* sub menus */
#footerLinks ul ul {
	padding-top: 5px;
}
#footerLinks ul ul li {
	float: none;
	padding: 0;
}
#footerLinks ul ul a {
	font-weight: normal;
}

p.copyright {
	padding: 0;
	font-size:10px;
}


/* content 
----------------------------------------*/
.contentHeader img {
	display: block;
}

#leftColumn {
	width: 430px;
	float: left;
	padding: 15px;
}

#leftColumn_news {
	padding: 15px;
}

#rightColumn {
	width: 240px;
	float: right;
	padding-bottom: 15px;
}

#rightColumn h2 {
	background-color: #fbaa25;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	padding: 7px;
	margin: 0;
}

#rightColumn h3 {
	margin-bottom: 0.5em;
}

.sideBoxContent {
	font-size: 11px;
	padding: 10px 5px;
}

/** readmore link **/

.sideBoxContent a img {
	margin-left: -5px;
}

#singleColumn {
	padding: 15px;
}


/* IE6 hacks */
*html content {height: 1%;}