/*div#screencast_button {
	text-align: center;	
	background-color: rgba(128,128,128,0.36);
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0px solid rgba(0,0,0,0.45);
}

div#screencast_button a {

	color: #0096ff; 
	font-family: MuseoSlab-500, serif; 
	font-weight: normal; 
	font-style: normal;
	text-transform: uppercase; 
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;

}
*/

img#play_button {
	margin-top: -15px; 
}

img#hour_of_day, img#day_of_week {
	margin-bottom: 8px;
}

.grid_4_image_placeholder {
	width: 300px; height: 200px; background-color: white; 
}

.grid_5_image_placeholder {
	width: 380px; height: 200px; background-color: white; 
}

.grid_6_image_placeholder {
	width: 460px; height: 200px; background-color: white; 
}

div#ratings {
	background-image: url('/images/vitamin2/floating_logo_yosemite.png');
	background-position-x: center;
	background-position-y: center;
    background-repeat: no-repeat;
	display: block;
/*	position: absolute; top: 20px; right: 40px; display: block; */
	width: 258px;
	height: 100px;/*64px;*/
	overflow: hidden;

}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#ratings {
		background-image: url('/images/vitamin2/floating_logo_yosemite@2x.png');
		background-size: 100%;
	}
}

div#footer_container h3 {
	font-family: MuseoSlab-500, serif; 
		font-weight: normal; 
		font-style: normal;
		text-transform: uppercase; 
		font-size: 16px; 
		color: #DDDDDD; 
		text-shadow: 1px 1px 1px #000000; 
		margin-bottom: 5px;
		padding-top: 10px;
}

img#bottom_logo {
	margin-top: -15px;
	text-align: right;
}

div#footer_container a:link, div#footer_container a:visited {
	color: #00b3ff;
	font-family: MuseoSlab-500, serif; 
	font-weight: normal; 
	font-style: normal;
	text-transform: uppercase; 
	text-decoration: none;
	text-shadow: none;
	font-weight: normal;
	text-transform: uppercase;
}

div#footer_container a:active, div#footer_container a:hover {
	text-decoration: underline;
}

div#footer_container a:active {
	color: white;	
}

div#footer_container p {
margin-bottom: 5px;
	font-size: 12px;
	text-decoration: none;
	text-shadow: none;
	font-weight: normal;
}

div.visible {
	visibility: visible;
}

div.hidden {
	visibility: hidden;
}

div.pop_up_section {
	padding: 20px;
}

div.pop_up_section p {
	margin-bottom: 5px;
}

div.pop_up_section p.small_print {
	font-size: 12px;
	color: #999999;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* visited or just plain link -> inviting blue */
div.pop_up_section a:visited, div.pop_up_section a:link {
	color: #00a7ff;
}

/* hover over pop_up link -> bold */
div.pop_up_section a:hover, div.pop_up_section a:visited, div.pop_up_section a:link, div.pop_up_section a:active {
/*	font-weight: bold; */
	font-family: MuseoSlab-500, serif;
	font-size: 18px;
	text-decoration: none;
	text-shadow: 1px 1px 1px black;
	margin-bottom: 10px;
}


/* active -> lighter magenta */
div.pop_up_section a:active {
	color: #ff55ff;
}

/* hover -> magenta */
div.pop_up_section a:hover {
	color: #ff00ff;
}

/* more download options styling */
div.pop_up_section p.small_link_section {
	
	text-align: right;

}

div.pop_up_section p.small_link_section a {
	
	font-size: 12px;

}

/*
div#app_icon {
	background-image: url('/images/vitamin3/CenterMain.png');
	background-size: 960px 450px;
	background-position: center top, center top;
	background-repeat: no-repeat, no-repeat; 	
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#app_icon {
		background-image: url('/images/vitamin3/CenterMain@2x.png');
	}
}
*/

div#app_icon.hasShadow {
	background-image: url('/images/vitamin3/CenterMain.png');
    background-size: 960px 460px;
	background-position: center top;
	background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#app_icon.hasShadow {
		background-image: url('/images/vitamin3/CenterMain@2x.png');
	}
}

div#app_icon.doesNotHaveShadow {
	background-image: url('/images/vitamin3/app_icon.png');
	background-size: 940px 500px;
	background-position: center top;
	background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#app_icon.doesNotHaveShadow {
		background-image: url('/images/vitamin3/app_icon@2x.png');
	}
}

div#app_icon {
	height: 460px;
	width: 100%;
}

.tag_line {

	/*font-family: "MuseoSans-500Italic", sans-serif;*/
	font-family: "MuseoSlab-500Italic", sans-serif;
	font-size: 22px;
	text-align: left;

}

div#recommendations {

	width: 100%;
	color: white;
	text-shadow: none;
    font-weight: normal;
	background-image: url('/images/vitamin3/recommendation_background.png');
	background-repeat: repeat;
	background-position: center bottom;

    /*background-color: #005e80;*/

}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div#recommendations {
        background-image: url("/images/vitamin3/recommendation_background@2x.png");
        background-size: 100%;
    }
}


div#app_icon { 
	height: 460px;
	width: 100%;
}

div#content_pusher {
	margin: 0;
	padding: 0;
	height: 460px;
/*	border: red 5px solid; */
}

div#fixed_header_viewport {
	height: 460px;
	width: 100%;
	background-image: url('/images/vitamin3/header_background.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-color: #3e3e3e;
	overflow:visible;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#fixed_header_viewport {
		background-image: url('/images/vitamin3/header_background@2x.png');
		background-size: 88px 460px;
	}
}

div#footer_container {
	height: 240px;
	width: 100%;
}

div#header_container {
position: relative;
	height: 460px;
	background-repeat: repeat-x;
}

div#download_button {
	position: absolute;
	width: 200px;
	height: 40px;
	bottom: 2px;
	right: -8px;
	background-image: url("/images/vitamin2/download_button_yosemite.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#download_button {
		background-image: url("/images/vitamin2/download_button_yosemite@2x.png");
		background-size: 100%;
	}
}

div#download_button:hover {
	background-image: url("/images/vitamin2/download_button_hover_yosemite.png");
	background-size: 100%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#download_button:hover {
		background-image: url("/images/vitamin2/download_button_hover_yosemite@2x.png");
		background-size: 100%;
	}
}



div#buy_button {
	position: absolute;
	width: 200px;
	height: 40px;
	bottom: 0px;
	left: 0px;
	background-image: url("/images/vitamin2/buy_button_yosemite.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#buy_button {
		background-image: url("/images/vitamin2/buy_button_yosemite@2x.png");
		background-size: 100%;
	}
}

div#buy_button:hover {
background-image: url("/images/vitamin2/buy_button_hover_yosemite.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#buy_button:hover {
		background-image: url("/images/vitamin2/buy_button_hover_yosemite@2x.png");
		background-size: 100%;
	}
}


div#download_popover {
	display: none;
	width: 300px;
	background: -webkit-linear-gradient(#120000 0%, #ffffff 100%);
}

div#content_container {
	background-image: url('/images/vitamin2/footer_background_yosemite.png'), url('/images/vitamin2/silver_background_yosemite.jpg');
	background-repeat: repeat-x, repeat-y;
	background-attachment: scroll, fixed;
	background-position: center bottom, center;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#content_container {
		background-image: url('/images/vitamin2/footer_background_yosemite@2x.png'), url('/images/vitamin2/silver_background_yosemite@2x.jpg');
		background-size: 100% 300px, 100% 118px;
	}
}

body {
		color: #191818; 
		font-family: 'Lucida Grande','Verdana', 'Gill Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-shadow: 0px 1px 1px #eee;  
} 

img#sidekick_screen { margin-top: -20px }

img#work_smarter_medlee {margin-bottom: 20px;}

img#current_stats_screenshot { margin-bottom: 20px; }

img#no_hassle_time_tracking_medlee { margin-top:  -66px; margin-bottom: 20px; }

img#focus_medlee_image { padding-bottom: 20px; }

img#recent_menu { padding-bottom: 20px; }
img#breadcrumbs_screen { padding-bottom: 20px; }

img#priming_template, img#priming_screen, img#timed_break_screen { padding-bottom: 20px; }

img#define_duration_screen, img#define_objective_screen { padding-bottom: 20px; }

img#noise_machine_medlee { padding-bottom: 20px; }

h2 { 	font-family: MuseoSlab-500, serif; 
		font-weight: normal; 
		font-style: normal; 
		font-size: 24px; 
		color: #000000; 
		text-shadow: 1px 1px 1px #ffffff;
		margin-bottom: 0; }

h3 { 	font-family: MuseoSlab-500, serif; 
		font-weight: normal; 
		font-style: normal;
		text-transform: uppercase; 
		font-size: 12px; 
		color: #555555; 
		text-shadow: 1px 1px 1px #ffffff; }
		
img#bottom_mac_logo {
	margin-top: -4px;
	margin-left: -17px;
	margin-bottom: 25px;
}

img#bottom_iphone_logo {
	margin-left: -17px;
}

img#dropbox_sync {
	margin-top: -8px;
	margin-left: -8px;
	padding-bottom: 50px;
}