html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }



body {
	font-family: Arial, Helvetica;
	margin:0;
	padding:0;
	background:#004464 url('../graphics/body_bg.gif') repeat-x top }
	
.grid_12 { position:relative }

.clear { clear:both; display:block; height:1px; font-size:1px }
.right-aligned { text-align:right }

a { color:#FFF6BF; cursor: pointer }
	
	
#header {
	height:132px;
	background:url('../graphics/header_bg.jpg') no-repeat top center
}

	h1.logo {
		width:336px;
		height:46px;
		margin:0; padding:0;
		position:absolute;
		top:42px;
		left:0
	}
	
	h1.logo.centered {
		margin:0 auto;
		position:relative;
		top:0; left:0 }
	
	h1.logo a {
		width:336px;
		height:46px;
		display:block;
		margin:0; padding:0;
		text-indent: -9999px;
		background:url('../graphics/logo.png') no-repeat;
	}
	
	#header .buttons {
		position:absolute;
		top:62px;
		right:0
	}
	
	#header a.button {
		float:right;
		display:block;
		text-indent: -9999px;
		margin:0 0 0 15px
	}
	
	#header a.button.twitter {
		background:url('../graphics/button_twitter.png') no-repeat;
		width:87px;
		height:28px
	}
	
	#header a.button.facebook {
		background:url('../graphics/button_facebook.png') no-repeat;
		width:98px;
		height:28px
	}
	
	#header a.button.support {
		background:url('../graphics/button_support.png') no-repeat;
		width:91px;
		height:28px
	}
	


#intro {
	position:relative;
	height:205px;
	background:url('../graphics/intro_bg.jpg') no-repeat top center
}

	.intro {
		width:650px;
		padding:30px 50px 0;
	}
	
	.intro h2 {
		margin:0; padding:0;
		font-size:40px;
		font-weight:normal;
		color:#fff6bf }
		
	.intro p {
		color:#FFFFFF;
		font-size:18px;
		line-height:24px;
		margin:10px 0 0;
		padding:0; }
		
	#intro .icon {
		position:absolute;
		width:135px;
		height:145px;
		display:block;
		text-indent: -9999px;
		background:url('../graphics/big_icon.png') no-repeat;
		top:30px;
		right:50px }
	
	

#homepage-content {
	padding:0 0 30px;
	background:url('../graphics/home_content_bg.jpg') no-repeat top center
}

#normal-content {
	padding:0 0 30px;
	background:none
}

	#homepage-content ul.themes {
		width:899px;
		list-style: none;
		margin:39px auto 0;
		padding:0
	}
	
	#homepage-content ul.themes li {
		list-style: none;
		position:relative;
		width:400px;
		padding:0; margin:0 99px 0 0;
		float:left }
		
		#homepage-content ul.themes li.no-right-margin { margin-right:0 }
		
	#homepage-content ul.themes li img.theme-thumb {
		display:block;
		margin:0 0 30px 0 }
		
	#homepage-content ul.themes li h2 {
		font-size:36px;
		color:#fff6bf;
		margin:0;
	}
	
	#homepage-content ul.themes li h2 {
		padding:0; }
		
		#homepage-content ul.themes li h2 span {
			width:31px; height:31px;
			float:left; margin:0 10px 0 0; display:block;
		}
		
		#homepage-content ul.themes li h2.folio span {
			background:url('../graphics/icon_foliotastic.png') no-repeat top left;
		}
		
		#homepage-content ul.themes li h2.photo span {
			background:url('../graphics/icon_phototastic.png') no-repeat top left;
		}
		
	#homepage-content ul.themes li h3 {
		color:#fff;
		font-size:20px;
		margin:0;
		font-weight:normal;
		padding:5px 0 20px 0;}
		
	#homepage-content ul.themes li p {
		color:#fff;
		font-size:15px;
		line-height:20px;
		margin:0 0 20px 0;
		padding:0
	}
	
	#homepage-content ul.themes li.coming-soon .comingsoon {
		filter: alpha(opacity = 50);
		opacity:0.50;
		-moz-opacity: 0.50;
		-webkit-opacity: 0.50;
	}
	
	#homepage-content ul.themes li.coming-soon img {
		filter: alpha(opacity = 0);
		opacity:0;
		-moz-opacity: 0;
		-webkit-opacity: 0;
	}
	
	#homepage-content ul.themes li.coming-soon a {
		display:none !important;
	}
	
	#homepage-content ul.themes li .comingsoon {
		background:#000;
		text-align:center;
		font-size:19px;
		font-weight:bold;
		color:#fff;
		padding:130px 0 0 0;
		width:400px;
		height:149px;
		position:absolute;
		top:0; left:0
	}
	
	#homepage-content form { position:relative; }
	
	.purchase-info-bubble {
		display:none;
		position:absolute;
		top:-116px;
		left:-15px;
		width:177px;
		height:63px;
		padding:11px 13px 25px 13px;
		font-size:13px;
		line-height:17px;
		color:#004464;
		background:url('../graphics/purchase_popup_bg.png') no-repeat 0 0;	
	}
	
	.eStore_button { margin:0 6px 0 0; }
	
	#homepage-content ul.themes li a { float:left }
	
	#homepage-content ul.themes li a.view-demo {
		display:block;
		margin:0 10px 0 0;
		background:url('../graphics/button_viewdemo.png') no-repeat;
		width:84px;
		height:27px;
		text-indent: -9999px;
	}
	
	#homepage-content ul.themes li a.tweet {
		display:block;
		margin:0 10px 0 0;
		background:url('../graphics/button_tweet.gif') no-repeat;
		width:101px;
		height:27px;
		text-indent: -9999px;
	}
	
	#homepage-content ul.themes li a.watch-overview {
		display:block;
		margin:0 10px 0 0;
		background:url('../graphics/button_watch.png') no-repeat;
		width:136px;
		height:27px;
		text-indent: -9999px;
	}
	
	#homepage-content ul.themes li a.purchase {
		position:relative;
		display:block;
		margin:0;
		background:url('../graphics/button_purchase.png') no-repeat;
		width:117px;
		text-decoration:none;
		height:27px;
	}
	
	#homepage-content ul.themes li .purchase-button {
		text-indent:-9999px;
		position:relative;
		display:block;
		float:left;
		margin:0;
		background:url('../graphics/button_purchase.gif') no-repeat;
		width:175px;
		text-decoration:none;
		height:27px;
	}
	
	#homepage-content ul.themes li .purchase-button:hover { background:url('../graphics/button_purchase.gif') 0 -27px no-repeat; }
	
	.purchase-slider {
		width:171px;
		text-indent:0;
		position:absolute;
		top:-98px; left:0;
		border:2px solid #fff;
		border-bottom:none;
		background:#a7c3d1;
	}
	
		#homepage-content ul.themes li a.purchase span.hidden { display:none }
	
		#homepage-content ul.themes li a.purchase span.price {
			position:absolute;
			top:3px;
			right:6px;
			color:#446000;
			font-size:18px;
			font-weight:bold
		}
		
		#homepage-content ul.themes li a:hover.purchase span.price { color:#000 }
		
	#homepage-content ul.themes li .new-ribbon {
		display:block;
		width:72px;
		height:72px;
		background:url('../graphics/ribbon_new.png') no-repeat;
		position:absolute;
		top:-5px;
		right:-5px }
		
.page-wrapper {
	padding:30px !important;
	background:#F5F8FA;
	border:1px solid #fff;
	width:75%;
	margin:40px auto;
	font-size:14px;
	line-height:18px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px }
	
	.page-wrapper a { color:#004464; }
	.page-wrapper a:hover { color:#000; }
		
input.eStore_paypal_checkout_button { float:right; width:153px !important; height:30px !important; padding:0 !important; border:none !important }
.page-wrapper table td.coupon-code { line-height:25px; }

.page-wrapper h2,
.page-wrapper h3 {
	font-size:30px !important;
	padding:0 !important; margin:0 0 15px !important }
	
.page-wrapper #pinfo { display:block !important; margin:0 0 15px 0 !important; color:#004464 !important; font-size:15px !important }
		
.page-wrapper table { background:#E3ECF0; border:1px dashed #a1bac5; padding:30px 30px 25px; -moz-border-radius:10px; -webkit-border-radius:10px }
.page-wrapper table th,
.page-wrapper table td { /*width:54px !important */ }	
		
.page-wrapper table th { font-size:19px !important }
.page-wrapper table td { text-align:right; padding:5px 0 !important; font-size:14px !important }
.gform_wrapper label { line-height:190% !important; font-size:15px; }
.gform_wrapper h2 { color:#004464; font-size:21px !important; line-height:23px !important; }
.gform_wrapper .gsection { margin:30px 0 0 0 !important; }

.gfield_label, .ginput_container, .gfield_description { margin-left:20px !important }
		
#footer {
	font-size:12px;
	color:#fff;
	background:#003A5C;
	padding:15px 0;
	border-top:1px solid #045374 }
	
	#footer a { color:#fff; }
	
.demo { background:none; }
.topbar { width:100%; background:url('../graphics/topbar_bg.gif') repeat-x; height:54px; }
.topbar .topbar-logo { position:relative; top:10px; left:20px; }
.topbar .info-buttons { position:absolute; top:16px; right:35px; color:#fff; font-size:15px; }
.topbar .buttons, .topbar .info { float:left; }
.topbar .buttons { position:relative; top:-6px; left:20px; }
iframe { width:100%; }