/* Default styles */
* { margin:0;padding:0; }
form,html,body { height:100%; }
body { font-size:62.5%;font-family:verdana,helvetica,arial,sans-serif;background:#574D48; }
img {border:none;}

img.banner {position:absolute;top:0;left:0;z-index:1000;}

/* Expanding structure */
table.wrapper { width:100%;height:100%; }
table.wrapper td.body { vertical-align:top;border:none;padding:0; }
table.wrapper td.footer { height:70px;vertical-align:bottom;border:none;padding:0;}

/* Content */
div.heading { margin:0 auto;padding:10px 4px 10px 4px;width:800px;height:85px; }
div.heading h1 { color:#fff;float:left;width:370px;display:block;float:left;padding:0 0 0 0; }
div.heading h1 a { color:#fff;text-decoration:none; }
div.heading ul.navigation { list-style:none;width:398px;float:right;display:block;padding:25px 0 0 0; }
div.heading ul.navigation li { float:left;position:relative; }

div.heading ul.navigation li.tutorial { text-align:left;width:88px; }
div.heading ul.navigation li.library { text-align:center;width:115px; }
div.heading ul.navigation li.free { text-align:center;width:110px; }
div.heading ul.navigation li.buy  { text-align:right;width:80px; }

/* BEWARE: Remember that font size in em is _relative_ to the enclosing font size, because an em tells you how wide an m is in the current font! For clarity, it's better to use percentages, and for accuracy, use pt! */
div.heading ul.navigation li a { font-size:1.3em;line-height:1;font-weight:bold;color:#fff;text-decoration:none; }

div.content { margin:0 auto;width:808px;height:453px;background:transparent url(../app_images/bgrnd.png) no-repeat 50% 50%;position:relative; }

body.content div.content { margin:0 auto;width:808px;height:453px;background:transparent url(../app_images/bgrnd_content.png) no-repeat 50% 50%;position:relative; }
body.content div.content ul.tabs { list-style:none;width:365px;height:40px;display:block;position:absolute;top:40px;right:29px;background:url(../app_images/navigation_content.gif) no-repeat; }

div.content ul.tabs { list-style:none;width:365px;height:40px;display:block;position:absolute;top:40px;right:29px;background:url(../app_images/navigation_off.gif) no-repeat; }
div.content ul.tabs li { float:left;display:block;background:none; }

/* Update nav bgrnd, by body tag */

body.overview div.content ul.tabs { background-position:0 -40px; }
body.features div.content ul.tabs { background-position:0 -80px; }
body.trial div.content ul.tabs { background-position:0 -120px; }
body.buy div.content ul.tabs { background-position:0 -160px; }
body.help div.content ul.tabs { background-position:0 -200px; }

div.content h2 { position:absolute;top:38px;left:30px;font-size:2em;line-height:1;color:#fff; }

div.content ul.tabs li.overview a { font-size:1.8em;line-height:1;display:block;height:40px;width:82px;text-decoration:none;font-weight:bold;text-align:center;color:#fff; }
div.content ul.tabs li.overview a img { height:40px;width:82px; }

div.content ul.tabs li.features a { font-size:1.8em;line-height:1;display:block;height:40px;width:115px;text-decoration:none;font-weight:bold;text-align:center;color:#fff; }
div.content ul.tabs li.features a img { height:40px;width:115px; }

div.content ul.tabs li.trial a { font-size:1.8em;line-height:1;display:block;height:40px;width:64px;text-decoration:none;font-weight:bold;text-align:center;color:#fff; }
div.content ul.tabs li.trial a img { height:40px;width:64px; }

div.content ul.tabs li.buy a { font-size:1.8em;line-height:1;display:block;height:40px;width:46px;text-decoration:none;font-weight:bold;text-align:center;color:#fff; }
div.content ul.tabs li.buy a img { height:40px;width:46px; }

div.content ul.tabs li.help a { font-size:1.8em;line-height:1;display:block;height:40px;width:51px;text-decoration:none;font-weight:bold;text-align:center;color:#fff; }
div.content ul.tabs li.help a img { height:40px;width:51px; }

div.content div.main { width:350px;height:325px;position:absolute;top:75px;right:34px;padding:5px;color:#FC5D25;overflow-y:auto;overflow-x:auto; }
body.content div.content div.main { width:778px;height:367px;position:absolute;top:70px;left:15px;padding:0;color:#FC5D25;overflow-y:hidden;overflow-x:hidden; }

div.content div.main ol { font-size:1.4em;line-height:1;padding:0 0 0 0;color:#FC5D25; }
div.content div.main ol.dash li { background:url(../de/app_images/dash.gif) no-repeat 10px 17px; }
div.content div.main ol li { color:#333;border-bottom:1px dotted #FC5D25;padding:10px 5px 10px 30px;list-style:none; }
div.content div.main ol li span.number { color:#FC5D25;float:left;display:block;width:5%; }
div.content div.main ol li span.text { float:right;display:block;width:93%; }
div.content div.main ol li span.text p {font-size: 100%; padding: 0px; margin-bottom: 5px; }
div.content div.main ol li { color:#333;border-bottom:1px dotted #FC5D25;padding:10px 5px 10px 5px;list-style:none; }

.orange {color:#FC5D25;}

div.content div.main ul { padding:10px 0 10px 0;list-style:square;}
div.content div.main ul li {border:none;padding:0 0 3px 15px;background:url(../app_images/dash.gif) no-repeat 0 5px;}

div.content blockquote { position:absolute;bottom:30px;left:40px; }
div.content blockquote h3 { font-size:1.8em;line-height:1;color:#fff;width:325px; }

div.content div.main p { font-size:1.4em;line-height:1.2;padding:10px;color:#333; }
div.content div.main a {color:#FC5D25;}

/* Footer */

td.footer div { width:100%;height:55px;background:transparent url(../app_images/footer_bgrnd.gif) repeat-x 0 100%; }
td.footer div ul { list-style:none;display:block;width:800px;margin:0 auto;padding:10px 0 0 0;font-size:1.1em;line-height:1;font-weight:bold;color:#fff; }
td.footer div ul li.copyright { float:left;padding:15px 0 0 0;width:399px; }
td.footer div ul li.country { float:left;padding:5px 0 0 0;width:210px; }
td.footer div ul li.country a { float:left;margin:0 10px 0 0; }
td.footer div ul li.designed { float:right;padding:5px;width:149px; }
td.footer div ul li.designed span { float:left;padding:10px 10px 0 0; }
td.footer div ul li.designed img { float:left; }

/* Clearfix */
div.content div.main ol li:after,
div.content ul.tabs:after,
td.footer div ul li.designed:after,
td.footer div ul:after,
div.heading:after,
div.heading ul.navigation:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html div.content div.main ol li,
* html div.content ul.tabs,
* html td.footer div ul li.designed,
* html td.footer div ul,
* html div.heading,
* html div.heading ul.navigation,
* html .clearfix { height: 1%; }

div.content div.main ol li,
div.content ul.tabs,
td.footer div ul li.designed,
td.footer div ul,
div.heading,
div.heading ul.navigation,
.clearfix { display: inline-block; }

div.content div.main ol li,
div.content ul.tabs,
td.footer div ul li.designed,
td.footer div ul,
div.heading,
div.heading ul.navigation,
.clearfix { display: block; }
/* End hide from IE-mac */div.content div.main div.tellAFriend {
	position:absolute;
	padding:0px;
	overflow-y:auto;
	overflow-x:auto;
	float: none;
	right: 5px;
	margin: 0px;
	top: 323px;
}