/*

  CONTENTS ----------
  
	  1. GENERAL
	  2. NAVIGATION
	  3. HOME
	  		3a. MAP
	  4. FEATURS PAGE
	  		4a. FEATURES CAROUSEL
	  5. CONTENT PAGES
	  5. FOOTER

  -------------------
	

/* 1. GENERAL
---------------------------------------------------------------------- */

body { background:#111; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808a97; padding:0; margin:0; }
body#ice { background:url(../gfx/iceclouds.jpg) center top no-repeat #111; }
body#homepage { background:url(../gfx/iceclouds_large.jpg) #111 center no-repeat; background-position:50% 236px;}
body#about { background:url(../gfx/about_hires.jpg) #111 top center no-repeat; }
body#contact { background:url(../gfx/contact_hires.jpg) #111 top center no-repeat; }
a,input { outline:none; }
#content { width:980px; margin:0px auto; }
#content.map { background:url(../gfx/map_empty.png) top center no-repeat; }
.blue { color:#0099cc; }
.white { color:#fff; }
.rounded { -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -webkit-border-radius:2px; }



/* 2. NAVIGATION
---------------------------------------------------------------------- */

ul#nav { float:left; width:980px; list-style:none; padding:0; margin:79px 0 0 0; }
ul#nav li { float:left; padding:20px 0 0 0; margin:0 20px 0 0; font-weight:bold; font-size:12px; }
ul#nav li a { float:left; padding:0; color:#d7d5d5; text-decoration:none; }
ul#nav li a:hover { color:#fff; }
ul#nav li.active a { color:#0099cc; }
ul#nav li.active a:hover { color:#87c80a; }
ul#nav li#logo { padding:0; margin:0 189px 0 30px; }
ul#nav li#logo.holding { margin-left:420px; }
ul#nav li#logo h1 { padding:0; margin:0; width:129px; height:32px; background:url(../gfx/wasabi_logo.png) left center no-repeat; text-indent:-9000px; overflow:hidden; }
ul#nav li#logo h1 a { float:left; width:129px; height:32px; padding:0; }
ul#nav li#signin { float:right; margin:0 17px 0 0; }
ul#nav li#signin a { padding:0 13px 0 0; }
/* ul#nav li#signin a { padding:0 13px 0 0; background:url(../gfx/arrow_down.gif) right center no-repeat; } */



/* 3. HOME
---------------------------------------------------------------------- */

h2#strapline { float:left; margin:80px 0 0 345px; padding:0; width:385px; color:#fff; font-size:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:lowercase; }
h2#strapline a { text-decoration:none; border-bottom:1px dotted #87c80a; color:#87c80a; margin:0; padding:0; float:left; }
a#button { float:left; margin:20px 0 0 345px; color:#fff; text-decoration:none; font-weight:bold; background:url(../gfx/greenarrow.gif) right center no-repeat #87c80a; text-shadow: 1px 1px 0px #5dac03; padding:10px 30px 12px 14px; border-top:2px solid #a3d543;  border-left:1px solid #a3d543; }
a:hover#button { background:url(../gfx/greenarrow.gif) right center no-repeat #76b400; text-shadow: 1px 1px 0px #549c00;}

	#subscribe { float:left; width:920px; margin:50px 0 0 30px; border-top:1px solid #292929; padding:15px 0 0 0; }
	#subscribe h3 { float:left; width:920px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:19px; padding:0; }
	#subscribe p { float:left; width:420px; line-height:19px; margin:0; }
	#subscribe p .sub { color:#565f63; }
	#subscribe #subForm { float:right; width:460px; margin:2px 0 0 0; }
	#subscribe #subForm input { float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; border:none; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:10px; margin:0; }
	#subscribe #subForm input.inBox { width:336px; background:#fff; color:#999; }
	#subscribe #subForm input.focused, #subscribe #subForm input.changed { color:#333; }
	#subscribe #subForm input.subButton { background:#0099cc; color:#fff; margin:0 0 0 15px; text-shadow:1px 1px #0065a9; cursor:pointer; }
	#subscribe #subForm input.subButton:focus { background:#096996; }

p#help { float:left; width:410px; padding:0; margin:40px 0 0 345px; line-height:19px; }
p#help a { color:#0099cc; text-decoration:none; }
p#help a:hover { color:#87c80a; }
#getNotified.help { margin-top:40px; }
#getNotified.help input#email { margin:5px 0 13px 0; }
#getNotified #button { float:left; clear:both; margin:10px 0 0 0; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:url(../gfx/greenarrow.gif) right center no-repeat #87c80a; text-shadow: 1px 1px 0px #5dac03; padding:10px 30px 12px 14px; border-top:2px solid #a3d543; border-left:1px solid #a3d543; border-right:none; border-bottom:none; cursor:pointer; outline:none; }
#getNotified #button:hover { background:url(../gfx/greenarrow.gif) right center no-repeat #76b400; text-shadow: 1px 1px 0px #549c00; }
#getNotified #disabled { float:left; margin:5px 0 13px 0; width:238px; background:#333; color:#999; border:none; padding:8px; }

ul#userlist { float:left; width:600px; padding:0; margin:30px 0 0 345px; list-style:none; }
#userlist li { float:left; width: 600px; margin:0 0 3px 0; padding:4px 0 4px 0; }
#userlist li.helping { color:#fff; }
#userlist li:hover { background:#161616; }
#userlist li a { float:right; color:#0099cc; text-decoration:none; }
#userlist li a:hover { color:#87c80a; }
#userlist li .name { float:left; width:200px; }

	
	/* 3a. MAP
	---------------------------------------------------------------------- */
	
	#mapContainer { float:left; width:920px; height:311px; margin:70px 0 0 30px; background:url(../gfx/loading.gif) center no-repeat; }
	#map { float:left; position:relative; background:url(../gfx/fullmap.png) center no-repeat; width:920px; height:311px; }	
	#introtext { float:left; width:920px; margin:0 0 0 30px; }
	#introtext .column { float:left; width:420px; margin:80px 40px 0 0; }
	#introtext .column h3 { float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:19px; padding:0; margin:0 0 20px 0;}
	#introtext .column p { float:left; line-height:19px; padding:0; margin:0; }
	#introtext .column p a { color:#0099cc; text-decoration:none; }
	#introtext .column p a:hover { color:#87c80a; }
	.europe { position:absolute; left:418px; top:82px; }
	.japan { position:absolute;  left:645px; top:96px; }
	.nz { position:absolute;  left:726px; top:205px; }
	.scandinavia { position:absolute;  left:448px; top:55px; }
	.usa { position:absolute;  left:221px; top:74px; }
	a.pin { float:left; width:22px; height:25px; background:url(../gfx/pointer.png) no-repeat; overflow:hidden; text-indent:-9000px; z-index:50; }
	.bubbleInfo { position:relative; width:340px; }
	a.trigger { float:left; background:url(../gfx/pointer.png); width:22px; height:25px; overflow:hidden; text-indent:-9000px; position: absolute; }
	#dpop.popup { left:-15px; }
	#dpop.switch { left:-303px;background:url(../gfx/bubble_back_reverse.png) bottom no-repeat!important; }
	.popup { position:absolute; display:none; z-index:50; border-collapse:collapse; background:url(../gfx/bubble_back.png) bottom no-repeat; width:330px; padding:5px 5px 7px 5px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius:4px; }
	.popup img { float:left; margin:0 20px 5px 0; }
	.popup h3 { float:left; width:175px; margin:7px 0 3px 0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:19px; font-weight:normal; }
	.popup p { float:left; width:170px; padding:0; line-height:18px; margin:0; }
	.popup p a { color:#0099cc; text-decoration:none; }
	.popup p a:hover { color:#87c80a; }
	
	
	
/* 4. FEATURES PAGE
---------------------------------------------------------------------- */

h2#intro { float:left; margin:180px 0 0 300px; padding:0; width:385px; color:#fff; font-size:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; }
ul#features { float:left; margin:100px 0 0 10px; padding:0; width:970px; list-style:none; }
ul#features li { float:left; width:440px; margin:0 20px 70px 20px; }
ul#features li h3 { margin:7px 0 10px 0; padding:0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; }
ul#features li p { line-height:19px; font-size:12px; margin:0; padding:0; }
#thumb { float:left; width:128px; height:129px; margin:-9px 12px 0 0; background:url(../gfx/thumb.gif) left top no-repeat; }
#thumb a { float:left; width:123px; height:115px; padding:14px 0 0 5px; }
#thumb a img { border:none; text-align:none; }
h2#mywasabi { float:left; width:920px; background:red; margin:20px 70px 20px 30px; background:url(../gfx/mywasabi_logo.gif) left no-repeat; height:49px; overflow:hidden; text-indent:-9000px; }
	
	
	/* 4a. FEATURE CAROUSEL
	---------------------------------------------------------------------- */
	
	.infiniteCarousel { float:left; width:920px; margin:0 0 0 30px; position:relative; }
	.infiniteCarousel .wrapper { width:920px; overflow:auto; min-height:10em; margin:0; position:relative; height:380px; top:0; background:url(../gfx/carousel_t.gif) top left no-repeat #2B2C2F;}
	.infiniteCarousel .wrapper ul { width: 9999px; list-style:none; margin:0; padding:0; position: absolute; top:0;  }
	.infiniteCarousel ul li { float:left; padding:10px; width:900px;  }
	.infiniteCarousel ul li p { float:left; width:860px; padding:0; margin:20px 20px 0 20px; } 
	.arrow { position:absolute; top:144px; width:30px; height:36px; background:yellow; text-indent:-9000px; cursor:pointer; }
	a.back { left:-30px; background:url(../gfx/goleft.png) top center no-repeat; }
	a:hover.back { background-position:0 -36px; }
	a.forward { right:-30px; background:url(../gfx/goright.png) top center no-repeat; }
	a:hover.forward { background-position:0 -36px; }
	#borderBot { float:left; width:920px; height:12px; margin:0 0 0 30px; background:url(../gfx/carousel_b.gif) no-repeat; }



/* 5. CONTENT PAGES
---------------------------------------------------------------------- */

h2#about { float:left; width:950px; margin:145px 0 40px 30px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:26px; }
p#intro { float:left; width:415px; margin:0 0 0 30px; color:#fff; font-size:13px; line-height:20px; }
p#intro a { color:#0099cc; text-decoration:none; }
p#intro a:hover { color:#87c80a; }
p#intro br { margin:0 0 20px 0; }
blockquote#abQt { float:right; margin:0; width:370px; margin:50px 76px 0 0; padding:35px 0 0 0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; }
#columnText { float:left; width:920px; margin:70px 0 0 30px; }
.abt_Col { float:left; width:379px; border-top:3px solid #2a3f4e; padding:25px 0 0 0; }
.colRight { float:right; margin:0 36px 0 0; }
.abt_Col h3 { color:#fff; margin:0 0 30px 0; padding:0; font-size:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; }
.abt_Col p { line-height:19px; padding:0; margin:0; }
.abt_Col p a { color:#0099cc; text-decoration:none; }
.abt_Col p a:hover { color:#87c80a; }
.colRight p.fuss { color:#fff; font-size:13px; margin:70px 0 20px 0; }
#bckImg { float:left; position:absolute; top:-220px; left:-75px; width:562px; height:395px; background:url(../gfx/powder_hires.jpg) center no-repeat; z-index:-800; }
#contactContent { float:left; width:603px; margin:145px 0 0 30px; padding:0 0 0 317px; }
#contactContent h2 { float:left; width:603px; margin:0 0 2px 0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:26px; }
#contactContent h2 a { text-decoration:none; color:#fff; }
#contactContent p { float:left; width:603px; margin:0 0 30px 0; padding:0; font-size:12px; line-height:19px; }
#contactContent p a { text-decoration:none; color:#0099cc; }
#contactContent p a:hover { color:#87c80a; }
#contactContent #tweets { float:left; width:377px; margin:20px 0 0 0; padding:0; background:url(../gfx/tweet_top.gif) top left no-repeat #2b2c2f; }
#contactContent #tweets p { float:left; width:297px; padding:35px 40px 30px 40px; margin:0; color:#fff; }
#contactContent #follow a { text-decoration:none; color:#0099cc; }
#contactContent #follow a:hover { color:#87c80a; }
#contactContent #follow { float:left; width:563px; margin:0; padding:22px 0 0 40px; background:url(../gfx/tweet_bottom.gif) top left no-repeat; }

h2#terms { float:left; margin:80px 0 30px 60px; padding:0; color:#fff; font-size:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;  }
ol#tandc { float:left; width:860px; margin:0 0 0 60px; list-style:none; padding:0; }
ol#tandc li { float:left; margin:860px; margin:0 0 30px 0; }
ol#tandc li h3 { color:#fff; }
ol#tandc li br { margin:0 0 10px 0; }


/* 6. FOOTER
---------------------------------------------------------------------- */

#footer { clear: both; float: left; display: inline; height:270px; position: relative; width:920px; margin:0 0 0 30px; }
#footer #footer_anchor { clear: both; bottom: 0; left: 0; float: left; display: inline; height: 140px; padding:30px 30px 30px 0; position: absolute; width: 890px; border-top:1px solid #292929;}	
#footer dl.footer-links a { text-decoration:none; }
#footer dl.footer-links dt a { color:#808a97; font-weight:bold; }
#footer dl.footer-links dt a:hover { color:#fff; }
#footer dd { margin:0; }
#footer dl.footer-links dd a { color:#565f63; }
#footer dl.footer-links dd a:hover { color:#808a97; }
#footer #footer_anchor .footer-links { float: left; }
#footer #footer_anchor .footer-links dt, #footer #footer_anchor .footer-links dd { clear: both; float: left; width:183px;}
#footer #footer_anchor .footer-links dt { padding-bottom: 20px;}
#footer #footer_anchor .footer-links dd { padding-bottom: 8px;}
#footer #footer_anchor #copywright { background: url(../gfx/dubya.gif) no-repeat right top; top: 75px; right: 0px; padding-top: 40px; position: absolute; color:#565f63;}