body {
    background-color: #c9cdc4;
    color: #222;
    font-family: Arial, "Apple Garamond", Times, "American Typewriter", sans-serif;
    font-size: 0.99em;
    margin: 0;
    padding: 0;
}

a, a:link, a:visited {border: none !important; outline: none !important; text-decoration: none; color: #333; cursor: pointer;}

img {border: none !important;}

h1 {text-indent: 9999px;}

h2 {font-size: 120%; font-weight: normal; padding: 5px 12px;}

h2:hover {cursor: pointer; color: #333;}

h3 {font-size: 100%;}

ul, li {list-style: none; margin: 0; padding: 0;}

li {clear: both; margin: 1em 0;}

.plants_wrapper {
	width: 1100px;
	height: auto;
	overflow: auto;
	margin: 0 auto 10px;
	padding: 0;
	position: relative;
}

.plants_header {
	background: url(../img/layout/HeaderHome.png) 0 0 no-repeat !important;
	width: 1100px;
	height: 346px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.iPad_header {
	background: url(../img/layout/HeaderInfoiPad.png) 0 0 no-repeat !important;
	width: 1100px;
	height: 346px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.iPhone_header {
	background: url(../img/layout/HeaderInfoiPhone.png) 0 0 no-repeat !important;
	width: 1100px;
	height: 346px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.nav_bar {
	background: transparent;
	position: absolute;
	width: auto;
	height: auto;
	z-index: 1;
	top: 65px;
	left: 165px;
}

.faq_header {
	background: url(../img/layout/HeaderFAQ.png) 0 0 no-repeat !important;
	width: 1100px;
	height: 346px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.nav_bar a.home {
	display: block;
	background: url(../img/nav_bar/BHomeNormal.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar a.home:hover {
	display: block;
	background: url(../img/nav_bar/BHomeHover.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar a.home:active {
	display: block;
	background: url(../img/nav_bar/BHomeClicked.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}


.nav_bar a.info {
	display: block;
	background: url(../img/nav_bar/BInfoNormal.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar a.info:hover {
	display: block;
	background: url(../img/nav_bar/BInfoHover.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar a.info:active {
	display: block;
	background: url(../img/nav_bar/BInfoClicked.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}


.nav_bar a.support {
	display: block;
	background: url(../img/nav_bar/BSupportNormal.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar a.support:hover {
	display: block;
	background: url(../img/nav_bar/BSupportHover.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar a.support:active {
	display: block;
	background: url(../img/nav_bar/BSupportClicked.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar span.home {
	display: block;
	background: url(../img/nav_bar/Home.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar span.info {
	display: block;
	background: url(../img/nav_bar/AppInfo.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.nav_bar span.support {
	display: block;
	background: url(../img/nav_bar/Support.png) 0 0 no-repeat;
	width: 125px;
	height: 52px;
}

.faq_badge {
	background: url(../img/misc/FaqBadge.png);
	margin: 0 auto -10px;
	width: 170px;
	height: 138px;
	z-index: 1000;
}

.contact {
	width: 270px;
	position: relative;
	margin: 0 auto 60px;
}

.contact a {
	position: absolute;
	top: 3px;
	left: 115px;
}

.app_store {
	position: absolute;
	top: 90px;
	left: 830px;
	width: 87px;
	height: 37px;
	z-index: 1000;
}

.app_store_iPad  {
	position: absolute;
	top: 350px;
	left: 265px;
	width: 87px;
	height: 37px;
	z-index: 1000;
}

.app_store_iPhone  {
	position: absolute;
	top: 350px;
	left: 740px;
	width: 87px;
	height: 37px;
	z-index: 1000;
}

.app_info_iPad  {
	position: absolute;
	top: 220px;
	left: 255px;
	width: 114px;
	height: 45px;
	z-index: 1000;
}

.app_info_iPhone  {
	position: absolute;
	top: 220px;
	left: 730px;
	width: 114px;
	height: 45px;
	z-index: 1000;
}

.plants_content_wrapper {
	background: url(../img/layout/Flexy.png) 0 0 repeat-y !important;
	width: 1100px;
	height: auto;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
}

.plants_content {
	background: transparent;
	width: 65%;
	height: auto;
	margin:  3em auto 10em;
	padding: 0;
}

.plants_content h2 {
	color: #555 !important;
}

.subcontent p {font-size: 105%; padding: 0 2em 1em 46px; margin: -20px 0 20px; line-height: 1.5em;}

.badge {border: none; vertical-align: middle;}

.last {position: absolute !important;}

.preload_and_hide {display: none;}

.plants_footer {
	background: url(../img/layout/Footer.png) 0 0 no-repeat;
	width: 1100px;
	height: 146px;
	margin: 0;
	padding: 0;
	position: relative;
}

.tt_logo {
	display: block;
	position: relative;
	z-index: 1000;
	width: 177px;
	height: 33px;
	top: 23px;
	left: 135px;
}

.wpd_logo {
	display: block;
	position: absolute;
	z-index: 1000;
	left: 830px;
	top: 23px;
	width: 136px;
	height: 27px;
}

.footer_pots {
	display: block;
	position: absolute;
	left: 450px;
	top: -50px;
	width: 202px;
	height: 103px;
}

.copyright {
	color: #666;
	font-family: sans-serif;
	font-size: 70%;
	text-align: center;
	position: relative;
	top: 70px;
}

/*home content*/

.home_content_wrapper {
	width: 840px;
	margin: 40px auto 0;
}

/* (obsolete) .home_content {
	float: left;
	width: 444px;
	margin: 0 10px 10em 40px;
}*/

.home_content {
	width: 750px;
	margin: 0 auto 10em;
	text-align: center;
}

.home_content h2 {
	display: none;
}

.home_content p {
	/*width: 444px;*/
	background: transparent;
	padding: 0;
	margin: 0 auto 40px;
	line-height: 1.6em;
}

.home_content img {
	text-align: center;
	margin: 0 auto 8px;
}

.home_screenshots_left, .home_screenshots_right {
	width: 163px;
	margin: 0;
	padding: 0 3px 0 0;
}

.home_screenshots_left {float: left;}
.home_screenshots_right {float: right;}

.home_screenshots_left img, .home_screenshots_right img {margin: 8px 0 115px;}


/*columns*/
.column_wrapper {
	width: 900px;
	height: 550px;
	clear: both;
	margin: 0 auto 100px;
	padding: 0 0 10em;
	position: relative;
}

.screen_description {
	position: relative;
	width: 500px;
	height: 23px;
	top: 35px;
	left: 210px;
}

.screen_description .screen {
	position: absolute;
	left: 0;
	top: 0;
}

.screen_description .description {
	position: absolute;
	left: 320px;
}

.column_40 {
	width: 41%;
	float: left;
	margin: 0;
	padding: 0;
	min-height: 460px;
}

.column_40 img {
	background: url(../img/body.jpg) -50px 0 no-repeat !important;
	width: 296px;
	height: 416px;
	border: 0;
	margin: 58px 0 0 20px;
}

.column_40 ul {
	width: 320px;
	margin: 58px 0 0;
	padding: 0;
}

.column_40 ul li {
	line-height: 1.5em;
	margin: 10px 0 0;
	text-align: justify;
	font-size: 95%;
}

.column_40 ul li h3 {
	line-height: 1em !important;
	margin: 0 !important;
	font-size: 110%;
	color: #495f48;
	letter-spacing: 1px;
}

.column_20 {
	width: 18%;
	float: left;
	margin: 0;
	padding: 0;
}

.column_20 .thumb_container {
	width: 122px;
	height: 563px;
	padding: 0;
	margin: 0 auto;
}

.thumb_container a:link {
	background: url(../img/plantsshots/additional/SmallScreenshotFrameNormal.png) 0 0 no-repeat;
	display: block;
	clear: both;
	border: none;
	text-decoration: none;
	margin: 0 0 14px !important;
	padding: 0;
	cursor: pointer;
	width: 122px;
	height: 179px;
}

.thumb_container a:hover {
	background: url(../img/plantsshots/additional/SmallScreenshotFrameHover.png) 0 0 no-repeat;
	left: 0;
}

.thumb_container a:active {
	background: url(../img/plantsshots/additional/SmallScreenshotFramePressed.png) 0 0 no-repeat;
	left: 0;
}

.thumb_container img {
	display: block;
	border: none;
	cursor: pointer;
	width: 110px;
	height: 167px;
	position: relative;
	left: 5px;
	top: 4px;
}


/*thumb arrows*/

li.screenshot_header {list-style: none !important;}

.arrow_holder {
	display: block;
	clear: both;
	width: 88px;
	height: 37px;
	padding: 0;
	margin: 6px auto 18px;
	position: relative;
}

.arrow_up, .arrow_down {
	display: block;
	width: 44px;
	height: 37px;
	cursor: pointer;
	margin: 0;
	float: left;
}

.arrow_up {background: url(../img/plantsshots/additional/ArrowUpNormal.png) 0 0 no-repeat;}
.arrow_down {background: url(../img/plantsshots/additional/ArrowDownNormal.png) 0 0 no-repeat;}

.arrow_up:hover {background: url(../img/plantsshots/additional/ArrowUpHover.png) 0 0 no-repeat;}
.arrow_down:hover {background: url(../img/plantsshots/additional/ArrowDownHover.png) 0 0 no-repeat;}

.arrow_up:active {background: url(../img/plantsshots/additional/ArrowUpPressed.png) 0 0 no-repeat;}
.arrow_down:active {background: url(../img/plantsshots/additional/ArrowDownPressed.png) 0 0 no-repeat;}

/*iPad related */

.iPad_wrapper {
	width: 550px;
	margin: 80px auto;
	padding: 0;
}

.iPad_wrapper p {
	text-align: justify;
	margin: 0 0 50px 0;
	line-height: 1.6em;
}

.iPad_wrapper img {
	margin: 20px auto;
}

.portrait {
	text-align: center !important;
	margin: 10px 0 10px 75px !important;
	width: 383px;
	height: 502px;
}

/* misc */
.mobile_badge {display: none;}

a.support_footer {
	display: block;
	position: absolute;
	left: 500px;
	top: -30px;
	z-index: 1000;
	background: url(../img/misc/FaqButton.png);
	width: 78px;
	height: 48px;
}