* {
margin: 0;
padding: 0;
border: 0;
}
html, body {
width: 100%;
height: 100%;
}
* html #top {
height: 100%;
}

#top {
margin: 0px 0px 0px 50px;
min-height: 100%;
text-align: left; width: 920px;
padding-top: 30px;
}

body { background-color: white; text-align: left; font: .75em Arial, Verdana, sans-serif; color: #444; margin:0; }

.hr { height: 1px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }

a { color: #ff6633; }
a:hover { color: #fff; background-color: #ff6633; text-decoration: none; }
.no-bg:hover { background: none; } 

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; margin:0; padding: 0; clear: both; }
h1 { font-size: 250%; margin-left: -3px; padding-bottom: 3px; margin-bottom: 20px; letter-spacing: -1px; color: #666; }
h2 { font-size: 200%; margin-bottom: 20px; }
h3 { font-size: 170%; margin-bottom: 16px; }
h4 { font-size: 160%; margin-bottom: 12px; }
h5 { font-size: 120%; margin-bottom: 7px; }
h6 { font-size: 100%; margin-bottom: 4px; }

#logo-container { float: left; margin-left: 0px; }
#logo-container a:hover { background-color: white; }

#lang-selector { float: right; text-align: center; font-size: 90%; margin-bottom: 20px; padding-right: 90px; }

#content-container { text-align: left; width: 600px; float: left; margin: 30px 40px 30px 80px; }
#content-body p, #content-body li { padding-bottom: 5px; margin: 0; line-height: 170%; }
#content-body .list-normal { margin: 5px 0px 5px 0px; padding-left: 20px; }
#content-body .list-normal li { padding-bottom: 5px; }
#content-body .list-empty { list-style: none; }

.content-block { clear: both; float: none; margin-left: 10px; }

#sidebar-container { float: left; width: 200px; }
#my-bubble-container { padding-top: 0px; }
#menu-container { padding-left: 5px; padding-top: 20px; }

#menu { margin:0; padding:0px 0px 0px 10px; }
#menu li { list-style-type: none; margin-top: 20px; padding: 0; font-size: 150%; }
#menu a { text-decoration: none; border-bottom: 1px solid #ff6633; }

#menu .menu-active { width: 155px; height: 29px; line-height: 29px; display: block; margin: 15px 0px -5px -15px; padding-left: 15px; background: url('/assets/i/menu-active.png') no-repeat 0px 0px; color: white; }
#menu .menu-active a { color: white; border: 0; }

#menu li ul { margin-left: 10px; margin-top: -15px; }
#menu li ul li { margin: 0; padding-top: 10px; font-size: 70%; }

#menu .menu-active-second { width: 170px; height: 23px; line-height: 23px; display: block; margin: 0px 0px -5px -15px; padding-left: 15px; background: url('/assets/i/menu-active-second.png') no-repeat 0px 10px; color: white; }
#menu .menu-active-second a { color: white; border: 0; }

#footer-container {
background: #efefef;
border-top: 2px solid #ccc;
height: 80px;
margin: -82px auto 0;
}

#footer-body { width: 830px; margin: 0px 0px 0px 60px; padding: 15px 0px 30px 0px; font-size: 90%; color: #666666; }

#footer-links { padding:0; margin:0; float: right; }
#footer-links li { list-style-type: none; float: left; padding: 0px 0px 0px 15px; margin: 0; }
#footer-links li:first-child { padding:0; }

.circle-img { width: 80px; height: 80px; float: left; padding: 4px 10px 10px 0px; border:0; }

/* homepage */
#content-main { text-align: left; height: 600px; }
#map-bubble-main { position: absolute; top: 128px; left: 213px; }
#mobile-main { position: absolute; left: 370px; top: 184px; }
#say-bubble-main { position: absolute; left: 34px; top: 126px; background-image: url('/assets/i/say_bubble_main.png'); width: 265px; height: 227px; }
#explore-bubble-main { position: absolute; left: 114px; top: 388px; background-image: url('/assets/i/explore_bubble_main.png'); width: 241px; height: 233px; }
#listen-bubble-main { position: absolute; left: 524px; top: 16px; background-image: url('/assets/i/listen_bubble_main.png'); width: 243px; height: 241px; }
#download-bubble-main { position: absolute; left: 520px; top: 314px; }
#say-title-main { position: absolute; left: 39px; top: 43px; }
.bubble-content-main { position: absolute; width: 211px; text-align: center; }
.bubble-title { padding-bottom: 15px; }
.bubble-content-main p { margin: 0px; padding: 6px 0px 0px 0px; }
.bubble-content-main .first { padding-top: 0px; }
.bubble-text-link { text-decoration: none; font-weight: normal; color: inherit; }
.bubble-text-link:hover { background: none; color: #444; }
#say-bubble-main .bubble-content-main { left: 8px; top: 42px; }
#listen-bubble-main .bubble-content-main { left: 17px; top: 32px; }
#explore-bubble-main .bubble-content-main { left: 10px; top: 32px; }
#cont-main { position: absolute; left: 360px; top: 560px; width: 400px; font-size: 95%; color: #666; }
#twitter_update_list { padding:0; margin:0; }
#twitter_update_list li { margin: 0; padding: 10px 0px 0px 0px; list-style-type: none; }
#twitter_update_list li:first-child { padding:0; font-weight: bold; }
/* /homepage */

.button { height: 28px; }

.button { -webkit-appearance:button;padding:0 4px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));font-size:90%;height:2.5em;margin:0.2em; }

.button:hover { border:1px solid #666; }

.button:active { background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd)) }