body { background-color: #222222; color: #444; }
#topHalf { width: 100%; background-color: #fff; padding: 0px; }
#page { margin: 0 auto;}

a { color: #666; }
a:hover { color: #046380; }

li { margin-left: 18px; }

strong { color: black; }

#fancybox-outer { padding: 0px; }

.vseparator { margin: 0 2px 0 5px; border-left: 1px solid #444; line-height: 18px; display: inline; width: 1px; }

.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.gray {
	background-color: #eee;
	color: #666;
}

.grayWithBorder {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #666;
	margin: 0 -2px;
}

.grayWithBorder .content {
	padding: 18px 18px 0 18px;
}

.fullLink {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.noPadding, .twtr-widget, .twtr-widget * { padding-bottom: 0px; }

header {
	margin: 18px 0 18px 0;
	padding: 0px;
}

header menu {
	height: 50px;
	line-height: 50px;
	float: right;
}

header menu li {
	line-height: 50px;
	float: left;
/* 	text-transform: uppercase; */
	margin-left: 1px;
}

header menu li a {
	display: block;
	line-height: 50px;
	padding: 0 20px;
	text-decoration: none;
	color: #000;
	font-size: 18px;
}

header menu li a.active {
	border-bottom: 4px solid #999;
}

header menu li a:hover {
	border-bottom: 4px solid #999;
	color: #046380;
}

#slider { height: 330px; background-image: url('../images/slider_bg.png'); padding: 0; margin-bottom: 18px; position: relative; overflow: hidden;}
/*#sliderRounder { position: absolute; top: 0; left: 0; z-index: 1000; background-image: url('../images/slider_rounder.png'); width: 990px; height: 330px;}*/

.sliderRounder { position: absolute; z-index: 1000; width: 10px; height: 330px; }
#sliderRounderLeft { background-image: url('../images/slider_rounder_left.png'); background-repeat: no-repeat; left: 0; }
#sliderRounderRight { background-image: url('../images/slider_rounder_right.png'); background-repeat: no-repeat; right: 0; }

.placeholder .sliderRounder { height: 512px; }
.placeholder #sliderRounderLeft { background-image: url('../images/slider_rounder_left_512.png'); background-repeat: no-repeat; left: 0; }
.placeholder #sliderRounderRight { background-image: url('../images/slider_rounder_right_512.png'); background-repeat: no-repeat; right: 0; }

#sliderContent .screenshotsLink { position: absolute; }
#sliderContent .downloadButton { position: absolute; right: 16px; bottom: 12px; }

#sliderContentAbout

#footerTeeth {
	width: 100%;
	background-image: url('../images/teeth.png');
	height: 18px;
	padding: 0px;
	margin: 0px;
}

footer {
	width: 100%;
	background-color: #222222; 
	padding-bottom: 36px;
}

footer .content {
	position: relative;
	width: 990px;
	margin: 36px auto;
}

footer .copyright {
	text-align: center;
	margin: 18px 0 0 0;
	padding: 18px 0 0 0;
	color: #666;
	border-top: 1px dotted #444;
}

footer .copyright a { color: #999; }

footer #mailingList { height: 76px; background-image: url('../images/mailinglist_bg.jpg'); padding: 0; background-repeat: no-repeat;}
footer #mailingList form { margin: 16px 0 0 80px; position: relative; overflow: hidden; height: 50px; }
footer #mailingList form .submit { position: absolute; top: 2px; right: 40px; }
footer #mailingList form .emailField { width: 300px; border: 3px solid #72888e; line-height: 24px; height: 28px; text-align: center; color: #666; }

#slider * { padding: 0; }
#sliderContent { width: 1980px; height: 330px; display: block; }
#sliderContent .section { float: left; width: 990px; height: 330px; position: relative; }

.placeholder #slider, .placeholder #slider #sliderContent, .placeholder #slider #sliderContent .section { height: 512px; }
#sliderContent #placeholder { background-image: url('../images/placeholder.jpg'); }

#sliderContent #home { background-image: url('../images/slider_background_home.jpg'); }
#sliderContent #home #buttonPro { position: absolute; width: 94px; height: 55px; right: 18px; top: 131px; }
#sliderContent #pro #buttonHome { position: absolute; width: 94px; height: 55px; left: 18px; top: 131px; }
#sliderContent #pro { background-image: url('../images/slider_background_pro.jpg'); }

#slider.about { background-image: url('../images/about_scroller_bg.jpg'); position: relative; }
#sliderContentAbout { color: #ccc; position: absolute; top: 145px; left: 125px;}
#sliderContentAbout * { line-height: 24px; font-size: 16px; }
#sliderContentStore { color: #ccc; position: relative; top: 36px; left: 64px; width: 860px; text-align: center; }
#subscriptionFormulas { margin-top: 27px; }
#subscriptionFormulas .column { width: 157px; text-align: center; }
#subscriptionFormulas strong { font-weight: bold; color: #fff; font-size: 18px; }
#subscriptionFormulas b { color: #fff; }

#slider.support { background-image: url('../images/support_scroller_bg.jpg'); position: relative; }

.productHeader { background-color: #999; color: #ccc; margin-bottom: 18px; padding-bottom: 9px; }
.productHeader img { padding: 18px 0 0 18px; }
.productHeader h1 { line-height: 72px; padding-bottom: 0px; }
.productLogo { margin: 0px 40px 0px 20px; padding: 0; }
.descriptionTitle { margin-bottom: 36px; }
.descriptionParagraph { margin-bottom: 18px; border-bottom: 1px solid #eee; }
.descriptionParagraph img { float: right; margin-right: 36px; }

.borderAbove { padding-top: 18px; border-top: 1px solid #eee; }

#sysReqs h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 18px; }

.center { text-align: center; }
#video { padding: 0; }
#videoLink { float: right; }

#content { padding-bottom: 0; }

.featureLink { padding: 0; width: 150px; }
.featureLink a {
	text-align: center;
	display: block;
	padding: 9px 18px;
	text-decoration: none;
}

.featureLink a:hover {
	background-color: #eee;
}

#features { background-color: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }
#features .feature .illustration, #features .feature .description { padding-bottom: 0px; }
#features .feature .illustration { text-align: center; }
#features .feature .description p { padding: 0 18px; }

.productButtons {
	text-align: center;
	font-size: 11px;
	color: #999;
}

menu.versionSelect li {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 18px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}

menu.versionSelect li.active {
	background-color: #444;
	color: #ccc;
}

menu.versionSelect li.disabled {
	color: #999;
}

menu.versionSelect li.first {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

menu.versionSelect li.last { 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
}

.backToTop { font-size: 10px; text-transform: uppercase; text-align: right; }

.conclusion { line-height: 36px; font-size: 18px; color: #999; margin-right: 18px; }
.conclusion strong { font-weight: normal; color: #000; }

#mailingListForm #message { font-size: 18px; color: #999; margin-top: 7px; }

.qtip * { padding-bottom: 0; }

#downloadForm { padding-top: 18px; }
#downloadFormContent input { padding: 5px; border: 1px solid #ccc; width: 290px; text-align: center; }
#downloadFormContent a.submit {
	background-color: #999;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 6px 7px 4px 7px;
	margin-top: 9px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24px;
	background-image: -moz-linear-gradient(100% 100% 90deg, #666, #999);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
}

#downloadFormContent a.submit:hover {
	background-color: #999;
	background-image: -moz-linear-gradient(100% 100% 90deg, #666, #999);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
}

#downloadFormContent a.activeDownloadSubmitButton {
	cursor: pointer;
	background-color: #393;
	background-image: -moz-linear-gradient(100% 100% 90deg, #393, #3d3);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d3), to(#393));
}

#downloadFormContent a.activeDownloadSubmitButton:hover {
	background-color: #3a3;
	background-image: -moz-linear-gradient(100% 100% 90deg, #3a3, #3e3);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e3), to(#3a3));
}

#downloadFormContent {
	padding-bottom: 9px;
}

.languageSwitch {
	margin: 15px 0 0 36px;
	padding: 8px 9px 5px 9px;
	background-color: #eee;
}

.contact { padding: 9px 0; border-bottom: 3px solid #ccc; border-top: 3px solid #ccc; margin-bottom: 18px; font-size: 22px; }
.contact img { margin-bottom: -1px; }

h4 { font-weight: normal; }
h4 .small { font-size: 14px; }
.highlight { background-color: #fff9bf; padding: 4px; }

.grayText { color: #999; }

#feedback { border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; margin: 18px 0; height: 110px; }
.feedback { padding: 18px; }
.contactForm { padding: 18px; }
.contactForm input[type="text"], .contactForm textarea { width: 316px; }
.formError { background-color: #fcc; }

#boxArt { position: absolute; top: 18px; left: 18px; }
#storeDescription { color: #ccc; position: absolute; top: 18px; left: 290px; width: 650px; }
#storeDescription strong, #storeDescription h1 { color: #fff; }
#storeDescription h1 { font-size: 32px; }
#storePurchase { position: absolute; bottom: 27px; left: 290px; }
#launchOffer { position: absolute; bottom: 18px; right: 18px; }
#iPhoneApps img { margin-bottom: -8px; }

.bottomMargin { margin-bottom: 9px; }

h4.frontPageNotice {
	font-size: 14px;
	margin-bottom: 9px;
	margin-top: 0px;
	line-height: 22px;
}

table.comparison {
	border: 1px solid #ddd;
	border-top: none;
	margin: 18px 36px;
	width: 600px;
	background-color: #fff;
	padding-bottom: 0;
}
table.comparison tr:nth-child(odd) td {
background: transparent;
}
table.comparison td { text-align: center; border-top: 1px solid #ddd; padding: 6px 18px 5px 0; }
table.comparison td img { margin-bottom: -4px; }
table.comparison tr.header { font-weight: bold; background-color: #eee; color: #000; }
table.comparison td.label { font-weight: bold; text-align: right; }

section#features {
	border-bottom: 1px solid #eee;
}

section#lite {
	margin: 36px 0;
	padding: 24px 0;
	border-top: 4px solid #ddd;
	border-bottom: 4px solid #ddd;
}

section#lite h1 { margin-top: 0px; text-align: center; margin-bottom: 36px;}

.productHeader { position: relative; }
.productHeader img.appstarlitelogo { position: absolute; right: 0px; top: 0px; padding: 0px; }

#lionflag { padding: 0; margin: 0; position: absolute; top: 134px; margin-left: -4px; z-index: 500; }
