/*

	WHITE WATER VILLAGE -
	BANNER | VERSION 1.0
	
	-----------------------------------------
	
	developer: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	website: http://www.mountainmamma.com
	last updated: August 23rd, 2010
	
	-----------------------------------------
	
	CONTENTS ------------
	
	   1.BANNER
	   2.NAVIGATION
	   	2.1 - DROPDOWN
	   3.GALLERY
	   4.FORMS
	   5.CONTENT
	   
    --------------------
	
	
	
*/

/* 1.BANNER
---------------------------------------------------------------------- */
div#banner {
	position:relative;z-index:200;
	background:url(../images/banner.jpg) left center no-repeat;
	float:left;margin:0 auto;
	width:941px;height:262px;
}

div #banner h1,
div #banner h1 a {
	cursor:pointer;
	display:block;
	text-indent:-1000em;
}

div #banner h1 a {
	margin:5px 0 0 15px;
	width:255px;height:130px;
}/*-->*/div #banner h1 {width:255px;height:130px;}
	

div #banner a.btn {
	width:100px;height:100px;
	position:absolute;
	top:14px;right:70px;
	text-indent:-1000em;
	display:block;
}

div #banner h3 {
	color:#fff;
	font-weight:bold;
	font-size:28px;position:absolute;
	right:1%;top:180px;
	font-family:Arial, Helvetica, sans-serif;
}



/* 2.NAVIGATION
---------------------------------------------------------------------- */
div #banner ul.navigation {
	padding:3px 0;
	width:914px;
	position:absolute;
	z-index:100;
	bottom:-10px;left:15px;
	/*overflow:hidden;
	height:15px;*/
}

div#banner ul.navigation li {
	float:left;
	position:relative;
	z-index:80;
}

div#banner ul.navigation li a {
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:12px;
	padding-left:18px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;font-weight:bold;
}/*-->*/div #banner ul.navigation li a:hover, 
div #banner ul.navigation li a.active,
div#banner ul.navigation :hover > a {color:#c2d872;}
div#banner ul.navigation li.sub:hover > a {background:url(../images/icon-arrow.png) left center no-repeat;}

/* 2.1 DROPDOWN
---------------------------------------------------------------------- */
div#banner ul.navigation ul.dropdown {display:none;}
div#banner ul.navigation li:hover ul.dropdown {
	background:#17467c;
	background:rgba(23,70,124,0.95);
	padding:10px 0;
	width:16em;
	overflow:hidden;
	display:block;
	position:absolute;
	z-index:100;
	left:0;
	top:16px;
}/*>*/div#banner ul.navigation li.last:hover ul.dropdown {left:auto;right:-52px;}
/*Safari specifics-->*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
div#banner ul.navigation li.last:hover ul.dropdown {right:-59px;}
}

div#banner ul.navigation ul.dropdown li {
	clear:both;
	cursor:pointer;
	padding:0;
	margin:0;
	width:16em;
}

div#banner ul.navigation ul.dropdown li a {
	background-repeat:no-repeat;
	background-position:10px center;
	float:left;
	width:17.7em;
	padding:10px 15px 10px 30px;
	padding-bottom:10px;
	display:block;
	margin-bottom:0;
	clear:both;
	font-size:12px;
	font-weight:normal;
}/*-->*/div#banner ul.navigation ul.dropdown li a:hover {background-image:url(../images/icon-arrow.png);}


/* 3.GALLERY
---------------------------------------------------------------------- */
ol.videos, ol#panoramic {float:left;clear:both;}




ol#panoramic em,
ol.videos em {
	display:block;
	clear:left;
	margin-top:10px;
	padding-right:25px;
	font-size:12px;
}

ol#panoramic li {float:left;margin:0 10px 20px 0;}
ol.videos li {width:250px;float:left;margin-bottom:10px;}

ol.videos li a {
	background-position:top left;
	background-repeat:no-repeat;
	width:136px;height:9.53em;
	position:relative;
	display:block;
}/*-->*/ol.videos li a:hover {background-position:top right;}


ol.videos li a.video1 {background-image:url(../images/thumb_video001.jpg);}
ol.videos li a.video2 {background-image:url(../images/thumb_video002.jpg);}
ol.videos li a.video3 {background-image:url(../images/thumb_video003.jpg);}
ol.videos li a.video4 {background-image:url(../images/thumb_video004.jpg);}
ol.videos li a.video5 {background-image:url(../images/thumb_video005.jpg);}


ul.photos div, ol.videos div {float:left;clear:both;*clear:none;margin-bottom:20px;}
ul.photos li {float:left;width:170px;}
ul.photos li.alt {width:108px;}
ul.photos li a img {border:8px solid transparent;}
ul.photos li a img:hover {border:8px solid #17467c;}

ul.photos li span,
ol.videos li span {
	font-size:12px;
	margin-left:8px;
	margin-top:10px;
	display:block;
	clear:left;
	color:#17467c;
}/*-->*/ol.videos li span {margin-left:0;position:absolute;bottom:0;}

ul.photos li:hover span,
ol.videos li:hover span {color:#17467c;text-decoration:underline;}

/*
VIDEO TITLES
---*/
ol#panoramic li em,
ol.videos li em {
	background:#d1dae5;
	color:#17467c;
	margin:0;
	display:block;
	width:220px;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	font-style:normal;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}/*>*/ol#panoramic li em {float:none;width:370px;}





/* 4.FORMS
---------------------------------------------------------------------- */
form.base {
	margin-top:20px;
	float:left;
	width:560px;
}

form.base div {float:left;clear:both;}
form.base div.textarea {float:none;clear:right;}

form.base label {
	float:left;
	width:100px;
	margin:0 10px 20px 0;
}/*-->*/form.base div.textarea label {width:100%;margin:15px 0 10px 0;}

form.base input {float:left;width:200px;}

form.base select {width:206px;}
form.base textarea {width:100%;}

form.base p {width:100%;clear:both;}
form.base p input {width:auto;margin-right:10px;}

form.base button {margin-top:15px;}


/* 5.CONTENT
---------------------------------------------------------------------- */
p.attention {font-size:22px;font-weight:bold;}
div#mainContent {_width:560px!important;}
ul.alt {margin:20px 0;}
ul.alt li a {color:#000!important;font-size:12px;text-decoration:underline!important;}
ul.alt li a:hover {text-decoration:none!important;}

blockquote {
	border-top:1px dotted #aaa;
	padding-top:10px;
	margin:20px 0;
}

#mainContent blockquote p {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#333;
	line-height:21px;
	margin-bottom:15px;
}

blockquote cite {
	color:#333;
	font-family:Verdana, Georgia, "Times New Roman", serif;
	text-transform:uppercase;
	letter-spacing:1px;
	display:block;
	font-size:9px;
	line-height:18px;
	margin-top:-10px;
}

div#sidebar {_margin-right:-10px;}
div#sidebar .box1 {*margin-top:40px;}

div#sidebar ul#social_media {width:100%;float:left;}
div#sidebar ul#social_media li {float:left;margin-bottom:1px;height:32px;display:table;-webkit-transition: all 0.3s ease-in-out;}

div#sidebar ul#social_media li a {
	margin:0;
	padding:0;
	float:none;
	height:auto;
	*height:32px;
	display:table-cell;
	vertical-align:middle;
	background-color:#e7f2ff;
	color:#39659B;
	width:125px;
	padding-left:40px;/*32width icon*/
	font-size:11px;
	line-height:16px;
	text-decoration:underline;
	-webkit-transition: all 0.3s ease-in-out;
}/*>*/div#sidebar ul#social_media li:hover a {color:#fff;background-color:#467caa;}

div#sidebar ul#social_media li#flickr a {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	background-image:url(../images/1272565726_export_flickr.png);
}

div#sidebar ul#social_media li#facebook a {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background-image:url(../images/1272565718_export_facebook.png);
}


div#sidebar a#tweet {
	display:block;
	color:#17467c;
	float:right;
	width:auto;
	*width:322px;
	*clear:none;
	height:auto;
	min-height:16px;
	_height:16px;
	padding-left:22px;
	text-decoration:underline;
	background:url(../images/twitter-sml.png) left center no-repeat;
}



/*google maps iframe*/
div#sidebar div#gmaps {float:left;clear:both;}
div#sidebar div#gmaps h3 {width:300px;}
div#sidebar div#gmaps a {color:#004F87;text-decoration:underline;margin:10px 0;height:auto;}

/*windmill developments*/
div#sidebar a#windmill {display:block;float:right;clear:none;height:auto;width:auto;}
div#sidebar a#windmill img {float:left;}
div#sidebar a#windmill:hover em {text-decoration:none;}

div#sidebar a#windmill em {
	font-style:normal;
	font-size:10px;
	color:#004F87;
	width:100px;
	float:left;
	clear:left;
	text-align:center;
	text-decoration:underline;
}


/*
TWITTER WIDGET
*/
div#sidebar div#twtr-widget-1 {clear:both;float:left;width:100%;margin-bottom:20px;position:relative;z-index:300;}
div#sidebar div#twtr-widget-1, 
div#sidebar div#twtr-widget-1 * {height:auto;background:0!important;}
div#sidebar div#twtr-widget-1 a {width:auto;clear:none;display:inline;float:none;} /*reset*/
div#sidebar div.twtr-hd, div#sidebar div.twtr-ft {display:none;} /* <- remove top, bottom header/footer */
div#sidebar div#tweet-id-2 {background:#e7f2ff!important;}

/* PSEUDO */
div#sidebar div#twtr-widget-1 div.twtr-tweet:hover,
div#sidebar div#twtr-widget-1 div.twtr-tweet:hover * {background:#17467c!important;color:#fff!important;}
div#sidebar div#twtr-widget-1 div.twtr-tweet-wrap:hover a,
div#sidebar div#twtr-widget-1 div.twtr-tweet-wrap:hover * a {color:#c2d872!important;}

/*
REGISTER BTN
*/
div#content div.register {
	cursor:pointer;
	margin:20px 0;
	padding-right:4px;
	padding-bottom:4px;
	background:#d7e0eb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	float:left;
}

div#content div.register a {
	background:#e7f2ff url(../images/icon_arrow2.png) 10px center no-repeat;
	padding:7px 10px 7px 25px;
	float:left;
	display:block;
	color:#39659b;
	letter-spacing:0.5px;
	font-size:12px;
	font-family:Tahoma, Arial;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}/*>*/div#content p.register {float:left;margin:18px 20px;padding:0;font-size:12px;}

/* PSEUDO */
div#content div.register:hover {background:#33648e;}
div#content div.register:hover a {
	text-decoration:underline;
	background-color:#467caa;
	background-image:url(../images/icon_arrow3.png);
	color:#fff;
}

/*MISC*/

.float-left {
	float:left;
	margin-right: 10px;
	margin-top: 10px;
	}



div#content p.note {
	float:left;
	clear:both;
}/*>*/div#content p.note em {display:block;line-height:18px;margin:10px 0;float:left;}