body.demo_live_preview {
	margin-top:0px;
}

html.color_scheme_main_dark #live-preview-toolbar {
	box-shadow:none;
}

#live-preview-toolbar {
	background:#424042;
	background: -moz-linear-gradient(top, #4b4a4b 0%, #363735 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4a4b), color-stop(100%,#363735)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4b4a4b 0%,#363735 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4b4a4b 0%,#363735 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4b4a4b 0%,#363735 100%); /* IE10+ */
	background: linear-gradient(top, #4b4a4b 0%,#363735 100%); /* W3C */
	box-shadow:0 0 10px #666;
	height:48px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

#live-preview-toolbar div.options {
	width:860px;
	height:48px;
	margin:0 auto;
	padding-left:100px;
	background:url(../images/demo_domena_logo.png) 10px center no-repeat;
}

#live-preview-toolbar select.demo_options {
	float:left;
	margin-top:14px;
}

#live-preview-toolbar div.message {
	float:left;
	margin-left:50px;
	color:#fff;
	font-size:0.85em;
	line-height:45px;
	color:#ccc;
	padding-left:20px;
	background:url(../images/demo_phone_ico.png) left center no-repeat;
}

#live-preview-toolbar div.message strong {
	font-weight:bold;
	color:#eee;
}

#live-preview-toolbar ul.color_options {
	float:left;
	margin-left:10px;
	margin-top:12px;
}

#live-preview-toolbar ul.color_options li {
	float:left;
	margin-right:5px;
}

#live-preview-toolbar ul.color_options li.selected a {
	border:2px solid #fff;
	margin:0;
	width:16px;
	height:16px;
}

#live-preview-toolbar ul.color_options li a {
	display:block;
	height:20px;
	width:20px;
	text-indent:-3000px;
	float:left;
	border-radius:3px;
	box-shadow:1px 1px #333;
}

#live-preview-toolbar ul.color_options li.blue a {
	background:#35cdff;
}

#live-preview-toolbar ul.color_options li.orange a {
	background:#ff6600;
}

#live-preview-toolbar ul.color_options li.green a {
	background:#009900;
}

#live-preview-toolbar ul.color_options li.red a {
	background:#cc0000;
}

#live-preview-toolbar div.purchase_options {
	float:right;
	margin-right:5px;
}

#live-preview-toolbar div.purchase_options a.button {
	float:left;
	box-shadow:none;
	line-height:30px;
	height:30px;
	margin-top:7px;
	margin-left:0;
	margin-right:5px;
	font-size:13px;
	font-weight:bold;
	border-radius:5px;
}

#live-preview-toolbar div.purchase_options a.button.purchase {
	background-image:url(../images/demo_purchase_ico.png);
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:40px;
}

#live-preview-toolbar div.purchase_options a.close.button {
	background:#000;
	color:#fff;
	text-shadow:1px 1px #333;
}

/* DEMO STYLES */
/* - Default Light / Dark -*/
body.demo1_default_light #header h1,
body.demo2_default_dark #header h1 { top: 188px; left: auto; }

body.demo1_default_light #header h2,
body.demo2_default_dark #header h2 { top: 174px; left: 735px; }

body.demo1_default_light #header div.selling-points.handwritten ul li.p0,
body.demo2_default_dark #header div.selling-points.handwritten ul li.p0 {
	top: 129px;
	left: 105px;
}

body.demo1_default_light #header div.selling-points.handwritten ul li.p1,
body.demo2_default_dark #header div.selling-points.handwritten ul li.p1 { top: 64px; left: 332px; }

body.demo1_default_light #header div.selling-points.handwritten ul li.p2,
body.demo2_default_dark #header div.selling-points.handwritten ul li.p2 {
	top: 146px;
	left: 489px;
}

body.demo1_default_light #header div.selling-points.handwritten ul li.p3,
body.demo2_default_dark #header div.selling-points.handwritten ul li.p3 { top: 70px; left: 701px; }

body.demo1_default_light #header,
body.demo2_default_dark #header { height: 312px; font-size:108px; }		
		
/* - Toolbar Light / Dark -*/
body.demo3_toolbar_light #header h1,
body.demo4_toolbar_dark #header h1 { top: 98px; left: auto; }

body.demo3_toolbar_light #header h2,
body.demo4_toolbar_dark #header h2 { top: 49px; left: 767px; }

body.demo3_toolbar_light #header div.selling-points.toolbar,
body.demo4_toolbar_dark #header div.selling-points.toolbar { top: 99px; left: auto; }

body.demo3_toolbar_light #header,
body.demo4_toolbar_dark #header { height: 271px; font-size:108px; }

/* - Sport Aircraft - */
body.demo5_custom_sportaircraft #header.custom h1 {
	height:95px;
	background:url(../images/demo/sportaircraft/sa_logo.png) bottom center no-repeat;
}
		
html.no_lightbox body.demo5_custom_sportaircraft {
	background-repeat:no-repeat; 
	background-position:center top; 
	background-image:url(../images/demo/sportaircraft/sa_background.jpg);
}

body.demo5_custom_sportaircraft #header h1 { top: 4px; left: auto; }
body.demo5_custom_sportaircraft #header h2 { top: 241px; left: 731px; }
body.demo5_custom_sportaircraft #header div.selling-points.toolbar { top: 253px; left: auto; }
body.demo5_custom_sportaircraft #header { height: 411px; font-size:108px; }

/* - Mega Wins -*/
body.demo6_custom_megawins #header.custom h1 {
	height:180px;
	background:url(../images/demo/megawins/mw_logo.jpg) bottom center no-repeat;
}
		
body.demo6_custom_megawins #header h1 { top: 153px; left: auto; }
body.demo6_custom_megawins #header h2 { top: 183px; left: 767px; }
body.demo6_custom_megawins #header div.selling-points.handwritten ul li.p0 { top: 163px; left: 13px; }
body.demo6_custom_megawins #header div.selling-points.handwritten ul li.p1 { top: 71px; left: 466px; }
body.demo6_custom_megawins #header div.selling-points.handwritten ul li.p2 { top: 171px; left: 581px; }
body.demo6_custom_megawins #header div.selling-points.handwritten ul li.p3 { top: 76px; left: 279px; }
body.demo6_custom_megawins #header { height: 333px; font-size:108px; }

/* - Flight Tracker -*/
body.demo7_custom_flighttracker #header.custom h1 {
	height:227px;
	background:url(../images/demo/flighttrack/ft_logo.png) bottom center no-repeat;
}

html.no_lightbox body.demo7_custom_flighttracker {
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(../images/demo/flighttrack/ft_clouds_background.jpg);
}

body.demo7_custom_flighttracker #header h1 { top: 189px; left: auto; }
body.demo7_custom_flighttracker #header h2 { top: 152px; left: 767px; }
body.demo7_custom_flighttracker #header div.selling-points.handwritten ul li.p0 { top: 137px; left: -27px; }
body.demo7_custom_flighttracker #header div.selling-points.handwritten ul li.p1 { top: 62px; left: 230px; }
body.demo7_custom_flighttracker #header div.selling-points.handwritten ul li.p2 { top: 142px; left: 486px; }
body.demo7_custom_flighttracker #header div.selling-points.handwritten ul li.p3 { top: 75px; left: 689px; }
body.demo7_custom_flighttracker #header { height: 366px; font-size:140px; }

/* - Your City - */
body.demo8_custom_yourcity #header.custom h1 {
	height:103px;
	background:url(../images/demo/yourcity/yc_logo.png) bottom center no-repeat;
}
		
html.no_lightbox body.demo8_custom_yourcity {
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(../images/demo/yourcity/yc_background.jpg);
}

body.demo8_custom_yourcity #header h1 { top: 245px; left: auto; }
body.demo8_custom_yourcity #header h2.none { top: 196px; left: 741px; }
body.demo8_custom_yourcity #header div.selling-points.handwritten ul li.p0 { top: 180px; left: 74px; }
body.demo8_custom_yourcity #header div.selling-points.handwritten ul li.p1 { top: 96px; left: 560px; }
body.demo8_custom_yourcity #header div.selling-points.handwritten ul li.p2 { top: 168px; left: 450px; }
body.demo8_custom_yourcity #header div.selling-points.handwritten ul li.p3 { top: 110px; left: 344px; }
body.demo8_custom_yourcity #header { height: 348px; font-size:108px; }


/* Adjust Live Preview Toolbar on mobile */
@media screen and (max-width:500px) { 
	#live-preview-toolbar div.options {
		background:none;
		padding:0;
		width:95%;
		margin:0 auto;
	}
	
	#live-preview-toolbar div.purchase_options a.close.button,
	#live-preview-toolbar div.message {
		display:none !important;
	}
	
	#live-preview-toolbar div.purchase_options a.button.purchase {
		padding:0 15px;
		width:auto;
		background-image:none;
	}
	
	#live-preview-toolbar ul.color_options {
		display:none;
	}
	
	html.no_lightbox body.demo8_custom_yourcity,
	html.no_lightbox body.demo7_custom_flighttracker {
		background:#fff;
	}
	
	html.no_lightbox body.demo5_custom_sportaircraft {
		background:#000;
	}
	
	html > body.demo_live_preview > #header {
		height:auto;
	}
}