/* CSS Document */

/**********************************************************
	CLIENT
	------
	Ski Express
	www.skiexpress.com.au
	
	DEVELOPER
	---------
	EPS
	www.eps.com.au
**********************************************************/

/*	GENERAL
**********************************************************/
body {
	margin: 0 auto;
	background: #2a4f97;
	color: #000;
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
a {
	outline: 0;
	color: #2270db;
}
a img {
	border: none;
}
a:hover {
	color :#ccc;
}
li {
	list-style: none;
	background: transparent url(../../images/layout/icon-bluearrow.gif) no-repeat 0 5px;
	padding-left: 10px;
	margin-left: -10px;	
}

/*	BRANDING
**********************************************************/
h1 {
	margin: 0;
	display: block;
	height: 117px; 
	width: 168px;
	background: transparent url(../../images/layout/skiexpress-logo.gif) no-repeat;
	position: absolute;
	bottom: 10px;
	left: 30px;
}
h1 a {
	display: block;
	height: 117px; 
	width: 168px;
	text-indent: -9999px;
	text-decoration: none;
}
#banner .container h2 {
	display: none;
}

/*	LAYOUT
**********************************************************/
.off, hr {
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.med {
	display: block;
	width: 600px;
}
.sml {
	display: block;
	width: 295px;
}
.container {
	margin: 0 auto;
	width: 915px;
	display: block;
}
.stock {
	float: right;
	margin: 0 0 1em 1em;
}

#banner {
	background: #fff url(../../images/layout/background-header.gif) repeat-x 0 0;
	display: block;
	height: 279px;
	z-index: 20;
}
#banner div.container {
	background: transparent url(../../images/layout/hero-splash.jpg) no-repeat;
	width: 975px;
	display: block;
	height: 240px;
	position: relative;
}
#sectNewZealand #banner div.container,
#sectUSA #banner div.container,
#sectCanada #banner div.container,
#sectJapan #banner div.container {
	background: transparent url(../../images/layout/hero-nz.jpg) no-repeat;
}
#content {
	padding-top: 1em;
	background-color: #fff;
	height: auto;
	padding-bottom: 2em;
}
#menu {
	margin: 0 auto;
	display: block;
	background: #fff;
	z-index: 50;
	position: absolute;
	top: 240px;
	width: 100%;
	height: 39px;
}
#menu div {
	margin: 0 auto;
	display: block;
	height: 39px;
	width: 975px;
	background: transparent url(../../images/layout/background-menu.gif) repeat-x;
}
#menu div span.left,
#menu div span.right {
	display: block;
	width: 49px;
	height: 39px;
	background: transparent url(../../images/layout/background-menu-corner-l.gif) no-repeat;
}
#menu div span.right {
	background: transparent url(../../images/layout/background-menu-corner-r.gif) no-repeat;
}
#footer {
	clear: both;
	display: block;
	height: 198px;
	background: transparent url(../../images/layout/background-footer.gif) repeat-x;
	position: relative;
}

/*	HEADING STYLES
**********************************************************/
h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h2.title {
	display: block;
	height: 50px;
	width: 400px;
	text-indent: -9999px;
}
h2.newzealand {
	background: #fff url(../../images/layout/title-newzealand.gif) no-repeat;
}
h2.usa {
	background: #fff url(../../images/layout/title-usa.gif) no-repeat;
}
h2.canada {
	background: #fff url(../../images/layout/title-canada.gif) no-repeat;
}
h2.japan {
	background: #fff url(../../images/layout/title-japan.gif) no-repeat;
}
h3 {
	margin-top: .5em;
	font-size: 1.1em;
	font-weight: bold;
	color: #1b3f97;
}

/*	MENU STYLES
**********************************************************/
#menu ul {
	width: 850px;
	float: left;
	list-style: none;
	padding: 0;
}
#menu li {
	margin-left: 0;
	display: block;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	height: 39px;
	position: relative;
	padding: 0;
	background: none;
}
#menu li a {
	margin-top: -12px;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px 0 10px;
	height: 29px;
}
#menu li a.booking {
	color: #cf0;
}
#menu ul ul {
	margin: 0;
	display: none;
	position: absolute;
	background: transparent url(../../images/layout/background-menu-drop.gif) no-repeat bottom;
	width: 200px;
	padding: 1em 0 1em 0;
}
#menu li li {
	margin-left: 0;
	backgound: #dd3c42;
	font-size: 1em;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
	width: 160px;
	height: 10px;
	display: block;
}
#menu li li a {
	padding: 5px 0 0 10px;
	background: transparent url(../../images/layout/icon-yellowarrow.gif) no-repeat 0 12px;
}
#menu ul li:hover ul,
#menu ul li.over ul,
#nav ul li.over ul {
	display: block;
}

/*	FOOTER STYLES
**********************************************************/
#footer p, #footer a {
	color: #c1d3ec;
}
#footer .left {
	width: 270px;
	font-size: .9em;
}
#footer .right {
	margin-top: -29px;
}
#moreInfo {
	display: block;
	background: #fff url(../../images/layout/moreinfo.gif) no-repeat;
	width: 150px;
	height: 29px;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	top: -29px;
}
#moreInfo a {
	margin-top: -12px;
	display: block;
	height: 29px;
	width: 150px;
	text-indent: -9999px;
	text-decoration: underline;
}
.joinclub {
	margin: 0;
	background: transparent url(../../images/layout/background-joinclub.jpg) no-repeat;
	display: block;
	width: 325px;
	height: 198px;
	float: left;
}
.joinclub h2 {
	display: none;
}
.joinclub p {
	margin-top: 100px;
	width: 195px;
	padding-left: 20px;
}
#footer div.joinclub p a {
	color: #24ff00;
	background: transparent url(../../images/layout/icon-greenarrow.gif) no-repeat 100% 5px;
	padding-right: 10px;
}

/*	SPLASH PAGE STYLES
**********************************************************/
.special {
	width: 229px;
	float: left;
}
.special p,
.special h3,
.endSpecial p,
.endSpecial h3 {
	padding-left: 10px;
}
.endSpecial {
	width: 228px;
}
h2.specialTitle {
	display: block;
	height: 155px;
	width: 228px;
	text-indent: -9999px;
}
h2.snz {
	background: #fff url(../../images/layout/specials-nz.jpg) no-repeat;
}
h2.susa {
	background: #fff url(../../images/layout/specials-usa.jpg) no-repeat;
}
h2.scanada {
	background: #fff url(../../images/layout/specials-canada.jpg) no-repeat;
}
h2.sjapan {
	background: #fff url(../../images/layout/specials-japan.jpg) no-repeat;
}

/*	FEATURE STYLES
**********************************************************/
.feature {
	margin-right: 10px;
	margin-bottom: 1em;
	display: block;
	width: 190px;
	height: 180px;
	float: left;
	position: relative;
}

.feature div {
	margin-top: 40px;
	border: 1px solid #2e6abe;
	height: 110px;
	width: 168px;
	padding: 10px;
	display: block;
}

.feature h3.ftitle {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 50px;
	width: 198px;
	text-indent: -9999px;
}
.feature h3.skiHost {
	background: #fff url(../../images/layout/feature-skihost.gif) no-repeat;
}
.feature h3.exclusive {
	background: #fff url(../../images/layout/feature-exclusive.gif) no-repeat;
}
.feature h3.plusMore {
	background: #fff url(../../images/layout/feature-plusmore.gif) no-repeat;
}
.feature h3.skiFree {
	background: #fff url(../../images/layout/feature-skifree.gif) no-repeat;
}
.feature h3.stayFree {
	background: #fff url(../../images/layout/feature-stayfree.gif) no-repeat;
}
.feature h3.kidsFree {
	background: #fff url(../../images/layout/feature-kidsfree.gif) no-repeat;
}
.news {
	margin-right: 10px;
	margin-bottom: 1em;
	display: block;
	height: 200px;
	float: left;
	width: 294px;
	position: relative;
}
.news div {
	margin-top: 50px;
	border: 1px solid #2e6abe;
	height: 130px;
	width: 272px;
	padding: 10px;
	display: block;
	position: relative;
}
.news div div {
	border: 0;
	top: -50px;
	width: 262px;
	background-color: #fff;
}
.news h3.special,
.news h3.hotResorts {
	background: #fff url(../../images/layout/feature-special.gif) no-repeat;
	width: 302px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 50px;
	text-indent: -9999px;
}
.news h3.hotResorts {
	background: #fff url(../../images/layout/feature-hotresorts.gif) no-repeat;
}