/* CSS Document */
/*-----------------------------------------------------------------------------
Music Mountain Matakana Screen Stylesheet
version:   1.0
date:      01/03/07
author:    Peter Koopman
email:     peter@zulu.co.nz

website:   www.scribbledesign.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("home.css");
@import url("events.css");

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background:repeat-x top center url(../img/common/MMM-background.jpg);
	color: #4b4a4a;	
	text-align:center;
}
#wrapper{ 
	position:relative;
	z-index:10;
	width: 758px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:30px auto -1px; 
	border:1px solid #000;
	background:repeat-y left url(../img/common/nav-back.gif);
}
#wrapper.home{
	/*margin-top:0;*/
	background:no-repeat left bottom url(../img/2009home/sky-purple.jpg);

}
a {
	/* get rid of link outlines in firefox */
	outline-color:transparent;
	outline-style:none;
	outline-width:medium;
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 22px; /* Equivalent to 22pt */}
h2{font-size: 20px; /* Equivalent to 20pt */}
h3{font-size: 18px; /* Equivalent to 18pt */}
h4{font-size: 16px; /* Equivalent to 18pt */}
h5{font-size: 14px; /* Equivalent to 14pt */}
p, q, cite{font-size: 11px; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 12px; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 12px; /* Equivalent to 12pt */	
}
.center{
	text-align:center;
}

/* Header
-----------------------------------------------------------------------------*/
div#branding h1{
	text-indent:-9999px;
	background:no-repeat url(../img/common/MMM-internalbackground.jpg);
	height:172px;
	width:758px;
	
}
div#branding h2{display:none;}
div#branding{border-bottom:solid 4em #fff;}
div#branding img#punga-l{
	position:absolute;
	top:-60px;
	left:-144px;
	z-index:2
}
div#branding img#punga-r{
	position:absolute;
	top:-60px;
	left:667px;
	z-index:3;
}


/* Navigation
-----------------------------------------------------------------------------*/
div#navMain{
	float:left;
	width:170px;
	background:no-repeat top right url(../img/common/MMM-nav-topcorner.gif);
	background-color:#001f38;
	padding:22px 0 0 0;
	margin-top:-2em;
}
div#navMain ul{	
	background-color:#bfc7cd;	
}
div#navMain li{
	font:normal 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #001f38; 
	list-style-type: none; 
	font-weight: bold; 
	border-bottom: 1px solid #9a9da5; 
	white-space: nowrap;
	margin:0 7px; 
}
div#navMain li a{
	color: #555; 
	padding:8px 0 9px 22px;
	display:block;
	width:134px;
	height:13px;
	text-decoration:none;
	background:no-repeat center left url(../img/common/nav-link-visited.gif); 
}
div#navMain li a:hover, div#navMain li a.cur{
	color: #001f38; 
	background-image: url(../img/common/nav-hover-active.gif); 
}	
#peoplesChoiceAward{
	clear:left;
	float:left;
	margin:20px;
}
#summitLager{
	background-color:#bfc7cd;
	padding:10px;
	width:150px;
	clear:left;
}

/* Content
-----------------------------------------------------------------------------*/
div#content{
	width:550px;
	margin:-28px 0 0 185px;
	padding-bottom:10px;
	min-height:320px;
}
div#content h2{
	font:bold 31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:-1px;
	color:#001f38;
}
div#content p{
	font:normal 12px/14px Tahoma, Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
div#content div.imageCaption p{
	font:italic 10px/12px Verdana, Arial, Helvetica, sans-serif;
	margin-top:-.5em;
}
.red{
	color:#FF0000;
}
.blackLink{
	color:#000;
	text-decoration:none;
}
.blackLink:hover{
	color:#9d5c97;
	text-decoration:underline;
}
.whiteLink{
	color:#fff;
	text-decoration:none;
}
.whiteLink:hover{
	color:#a38da0;
	text-decoration:underline;
}
.left{
	float:left;
}
.right{
	float:right;
}

#slideshow{
	width:550px;
	height:276px;
	margin:25px 0 0 0;
}
#ssPics img{
	height:276px;
	padding:12px;
	background-color:#CCC;
	border:1px solid #444;
}
#content p.iCater{
	font:bold 70px/90px "Times New Roman", Times, serif;	
	color:#000;
}
#noteLink{
	position:absolute;
	width:121px;
	height:167px;
	background:no-repeat left top url(/img/note.png) ;
	top:200px;
	right:-50px;
	padding:40px 20px 20px;
	font:normal 14px/18px Tahoma, Geneva, sans-serif;
	color:#fff;
	text-align:center;
}
#noteLink a{
	color:#00F;
	font-weight:bold;
}
#noteLink a:hover{
	color:#FF0;
}
/*Reviews Page
-----------------------------------------------------------------------------*/
#content div{
	margin-bottom:5em;
}
#content #bpTvc{
	margin:10px 0 0 80px;	
}
div#content.reviews ul.reviewList{
	clear:both;
}
div#content.reviews div.reviewTopPix{
	text-align:center;
}
div#content.reviews img.reviewLinkKFAD{
	margin:10px 20px;
	clear:both;
}
div#content.reviews img.reviewLinkBMR{
	margin:10px 20px;
	clear:both;
}
div#content h3.reviewHeading, div#content h3.sectionHeading{
	background-color:#bfc7cd;
	width:96.5%;
	padding:2px 10px;
	margin:15px 0 5px 0;
	color: #001f38; 
}
div#content.reviews img.right{
	float:right;
	margin:5px 0 5px 5px;
}
div#content.reviews img.left{
	float:left;
	margin:5px 5px 5px 0;
}
div#content.reviews img.center{
	clear:both;
	margin:5px 0;
	text-align:center;
}
div#content.reviews ul{
	width:100%;
}
div#Reviews2006{
	padding-top:20px;
}
/*Acknowledgements page
-----------------------------------------------------------------------------*/
div#content ul.ackno{
	float:left;
	margin-top:20px;
}
div#content ul.ackno li{
	clear:both;
}
div#content ul.ackno li span{
	margin:5px 0;
	float:left;
	width:200px;
	height:80px;
}
/*Refreshments Page
-----------------------------------------------------------------------------*/
#content.refreshments ul{
	margin:10px 0;
}
#content.refreshments li{
	list-style:square;
	margin-left:1.2em;
}
#content.refreshments img.refRedBull{
	float:right;
	margin:0 0 20px 10px;
}
#content.refreshments img.refSpeights{
	float:right;
	margin:-5px 0 10px 10px;
}
#content.refreshments img.stellaBlimp{
	float:right;
	margin:0 0 0 10px;
}
#content.refreshments img.refCosi{
	float:right;
	margin:10px 0 5px 20px;
}		


/*Location page
-----------------------------------------------------------------------------*/
#content.location ul{
	margin:10px 0;
}
#content.location li{
	list-style:square;
	margin:0 20px;
}
div#content.location img.left{
	float:left;
	margin:0 15px 12px 0;
}
div#content.location img.map{
	margin-left:16px;
}
div#content.location img.map1{
	margin:10px 0 15px 120px;
}
/*Contact Us page
-----------------------------------------------------------------------------*/
div#content.contactus fieldset{
	width:300px;
}
div#content.contactus input, div#content.contactus textarea{
	width:200px;
	height:15px;
	float:left;
	border:solid 1px #aaa;
	margin:5px 30px 10px 0;
	padding:3px;
}
div#content.contactus textarea{
	height:80px;
	font:normal 12px/14px  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
}
div#content.contactus label, div#content.contactus fieldset p{
	width:120px;
	float:left;
}
div#content.contactus input#btnSubmit{
	height:25px;
	width:120px;
	padding:2px;
}
#content.contactus label.lblCaptcha{
	clear:left;
	width:220px;
}
/*Venue page
-----------------------------------------------------------------------------*/
div#content.venue li{
	list-style-type:disc;
	margin:5px 0 0 15px;
	line-height:15px;
}
div#content.venue img.venueImg3{
	margin:20px 10px 10px 10px;
}
/*Tickets page
-----------------------------------------------------------------------------*/
div#content.tickets{
	background:no-repeat 80% 30% url(../img/tickets/Ticket.jpg);
}
div#content.tickets ul li{
	list-style:disc;
	margin:1em 0 1em 2em;
	color:#001f38;
}
#content #ticketsImages a img{
	margin-left:10px;
}
#content #ticketsImages a.imgTicketek img{
	margin-bottom:-13px;
}
#content #ticketsImages a.imgLK img{
	margin:15px 0 0 28px;
}

/*Business Catalyst Webform
-----------------------------------------------------------------------------*/
.tell-a-friend{
	border:none;
	margin:-3em 0 0 1em;
	width:530px;
	float:left;
}
.tell-a-friend input.cat_textbox_small, .tell-a-friend textarea{
	border:1px solid #999;
	width:200px;
	margin:0 0 5px 1em;
	padding:2px 2px 0 2px;
}
.tell-a-friend input.cat_textbox_small{
	height:16px;
}
.tell-a-friend form table td.tf_subject{
	padding-left:1em;
}
.tell-a-friend form input.cat_button{
	width:80px;
	height:20px;
	border:1px solid #666;
	margin-left:.8em;
	padding:0 2px 2px 2px;
}

/* Footer
-----------------------------------------------------------------------------*/
div#pageInfo{
	clear:both;
	width:100%;
	background-color: #001f38;
	color: #a2a9ae;
	text-align:center;
}
div#pageInfo a{color: #a2a9ae;}
div#pageInfo a:hover{color:#ccc;}