/**
	 * eChef @2007
	 * Screen CSS
	 *
	 * #449184 - aqua
	 * #e0e0e0 - light grey
	 *
	 */
	
html, body, div, form, fieldset, legend, dl, dt, dd, img, address {
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	font-style: normal; 
	list-style: none; 
	border: 0; 
	text-decoration: none; 
	outline: none; 
}
	
h1, h2, h3 {
	font-weight: normal;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
}

a span { cursor: pointer; }

q:before, q:after { content: ""; }

html { color: #424242; background: url(/images/bg-html.png) repeat-x 0 0; }
body { 
	width: 840px;
	margin: 0 auto;
	font: normal 0.8em/1.2em Arial, Helvetica, sans-serif; 
}

.aural { position: absolute; left: -200em; }

a { 
	color: #555;
	text-decoration: none;
}
a:focus, a.focus, a:hover {  }

#handy-menu {
	position: absolute;
	left: -50em;
}
#handy-menu a.focus, #handy-menu a:focus { 
	position: absolute; 
	left: 50em; 
	top: 70px; 
	padding: 4px 5px; 
	color: #f00; 
	background-color:#dedede; 
	white-space: nowrap; 
	font-weight: bold; 
}
#handy-menu li {
	list-style: none;
}


/*
============
TOP ELEMENTS
============
*/

#quick-nav { 
	margin: 0;
	width: 450px;
	float: right; 
	padding: 30px 20px 10px;
	text-align: right;
}
	
#quick-nav li { 
	display: inline;
	list-style: none;
	padding: 0 10px;
}

#quick-nav li a {
	padding: 0 0 0 7px;
	color: #449184;
	font-size: 0.8em;
}
	
#quick-nav li.active a, 
#quick-nav li a:hover { color: #000; } 
	
#quick-nav #qn-1 { background: url(/images/icon-home.png) no-repeat 0 4px; }
#quick-nav #qn-2 { background: url(/images/icon-map.png) no-repeat 0 4px; }
#quick-nav #qn-3 { background: url(/images/icon-mail.png) no-repeat 0 4px; }

h1#logo {
	margin: 0;
	width: 250px;
	height: 122px;
	float: left;
	padding: 20px 20px 0 11px;
}

#nav {
	width: 455px;
	float: right;
	margin: 0 0px;
	display: inline;
	padding: 60px 50px 0;
	background: url(/images/bg-nav.png) no-repeat 0 0;
}

#nav li {
	list-style: none;
	position: relative;
	bottom: -3px;
	float: left;
	margin: 0 1px 0 0;
	z-index: 5;
}

#nav li a {
	position: relative;
	display: block;
	width: 100%;
	height: 41px;
	text-indent: -100em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 2px;
}


#nav .nav-1 { width: 64px; }
#nav .nav-1 a { background-image: url(/images/btn-nav-1.png); }
#nav .nav-2 { width: 110px; }
#nav .nav-2 a{ background-image: url(/images/btn-nav-2.png); }
#nav .nav-3 { width: 62px; }
#nav .nav-3 a { background-image: url(/images/btn-nav-3.png); }
#nav .nav-4 { width: 55px; }
#nav .nav-4 a { background-image: url(/images/btn-nav-4.png); }
#nav .nav-5 { width: 92px; }
#nav .nav-5 a { background-image: url(/images/btn-nav-5.png); }
#nav .nav-6 { width: 62px;}
#nav .nav-6 a { background-image: url(/images/btn-nav-6.png); }

#nav .active a,
#nav a:hover { background-position: 0 100%; }


#top {
	position: relative;
	width: 770px;
	clear: both;
	margin: 0 auto;
	padding: 0 35px 0;
	background: url(/images/bg-top.png) no-repeat 0 0;
	z-index: 1;
}
	
#homepage #top { height: 289px; }
#subpage #top { height: 119px; }

#top #subnav {
	width: 100%;
	margin: 0 0 20px;
	padding: 12px 0 11px;
	text-align: right;
}

#top #subnav li {
	display: inline;
	padding: 0 11px 0 5px;
	font: normal 1em/1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: url(/images/bg-sub-nav.png) no-repeat 100% 60%;
}
	
#top #subnav li.noback {
	display: inline;
	padding: 0 11px 0 5px;
	font: normal 1em/1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        background: none !important;
}

#top #subnav li a {	color: #fff; }

#top #subnav li.active a,
#top #subnav li a:hover { color: #d38400; }
	
#top #subnav li.last-item { padding: 0 0 0 5px; background: none; }

#top .btn-download {
	position: relative;
	width: 252px;
	height: 67px;
	float: left;
	background: url(/images/btn-download-trial.png) no-repeat 0 0;
	text-indent: -100em;
}
	
#top a.btn-download:hover { background-position: 0 100%; }

#top .top-img { float: right;  }


/*
================
HOMEPAGE CONTENT
================
*/

#wrapper {
	width: 770px;
	float: left;
	clear: both;
	padding: 0 35px;
	background: url(/images/bg-wrapper.png) repeat-y 0 0;
}
	
#wrapper #tab-info {
	position: relative;
	width: 228px;
	float: left;
	margin: -125px 0 0;
	padding: 0 0 0 23px;
	z-index: 100;
}

#wrapper #tab-info ul {
	margin: 0;
	padding: 0;
}
#wrapper #tab-info li { 
	float: left; 
	list-style: none;
}
#wrapper #tab-info li .tab-title { 
	position: relative; 
	display: block;
	width: 99px;
	height: 39px;
	margin: 0 5px 0 0;
	text-indent: -100em;
	overflow: hidden;
	z-index: 1;
}
	
#wrapper #tab-info li .title-1 { background: url(/images/tab-info-1.png) no-repeat 0 100%; }
#wrapper #tab-info li .title-2 { background: url(/images/tab-info-2.png) no-repeat 0 100%; }

#wrapper #tab-info li div {
	display: none;
	position: absolute;
	left: 0;
	top: 33px;
	width: 241px;
	min-height: 314px;
	padding: 10px 10px 10px 0;
	background: url(/images/bg-tab-info.png) repeat-x 0 0;
	z-index: 2;
}
#wrapper #tab-info li .hover,
#wrapper #tab-info li .tab-title:hover,
#wrapper #tab-info li.active .tab-title { 
	background-position: 0 0; 
	z-index: 30;
	cursor: pointer;
}
	
#wrapper #tab-info li.active div { display: block; }

#wrapper #tab-info li div li { 
	padding: 5px 0;
}

#wrapper #tab-info li div li strong.title { 
	display: block;
	width: 231px;
	clear: both; 
	margin: 0 10px 3px;
	color: #5a9c94;
	font-weight: bold;
}
	
#wrapper #tab-info li div li span.date { 
	display: block;
	width: 60px;
	float: left;
	padding: 12px 0 0;
	color: #666;
	background: url(/images/icon-cal.png) no-repeat 55% 0;
	font-size: 0.85em;
	text-align: center;
}

#wrapper #tab-info li div li span.date span { 
	display: block; 
	padding: 1px 0 3px;
	font-size: 1.2em;
	font-weight: bold;
}

#wrapper #tab-info li div li p {
	margin: 0;
	width: 170px;
	line-height: 1.6em;
	float: right;
	padding: 0 5px 0 0;
	font-size: 1.0em;
}

#wrapper #tab-info li div li p .more img {
	margin-left: 2px;
	vertical-align: -0.2em;
}

#homepage #wrapper #content {
	width: 440px;
	float: right;
	padding: 24px 0 0 35px;
	background: url(/images/bg-content.png) repeat-x 0 0;
	font-size: 1em;
}

#homepage #content .hd {
	overflow: visible;
	height: 24px;
	margin: 0 35px 16px 0;
	border-bottom: solid #ccc 1px;
}
#homepage #content h2 {
	margin: 0;
	color: #449184;
	line-height: 1em;
	font-size: 26px;
	height: 30px;
}

/*
===============
CONTENT ELEMENTS
===============
*/

#subpage #top .top-img { position: relative; margin: 0 0 -24px; }

#subpage #wrapper #content {
	width: 700px;
	padding: 48px 35px 1px 35px;
	background: white url(/images/bg-content-round.png) no-repeat bottom left;
}

#subpage #content .hd {
	overflow: visible;
	height: 24px;
	margin: 0 35px 16px 0;
	border-bottom: solid #e0e0e0 1px;
	width: 330px;
	float: left;
}
#subpage #content .full {
	margin-right: 0px !important;
	float: none !important;
	width: auto !important;
}
#subpage #content .hd h2 { 
	margin: 0;
	color: #449184;
	line-height: 1em;
	font-size: 26px;
	height: 30px;
}
#subpage #content h3 {
	font-size: 1.5em;
}

#content #q-links { 
	padding-top: 1px;
	width: 330px;
	float: right; 
}
	
#content #q-links dt {
	width: 333px;
	padding: 9px 0 3px;
	border-bottom: 1px solid #e0e0e0;
}
#content #q-links dt strong {
	font-weight: normal;
	display: block;
	width: 79px;
	height: 11px;
	background: url(/images/bg-q-links.png) no-repeat 0 0;
	text-indent: -100em;
	overflow: hidden;
}

#content #q-links dd {
	float: left;
	margin: 4px 0;
	padding: 0 10px 0;
	border-left: 1px solid #e0e0e0;
	font-size: 1.1em;
	line-height: 1.5em;
	
}
	
#content #q-links dd.first-item { padding: 0 10px 0 0; border: none; }

#content #q-links dd a {
	padding: 0 10px 0 0;
	color: #006957;
	border-bottom: 2px solid #bfd9d5;
	background: url(/images/icon-raquo.png) no-repeat 100% 5px;
}

#content #q-links dd a.active {
	padding: 0;
	color: #d38400;
	border: none;
	background: none;
}


#content { 
	font: normal 1.0em/1.5em Arial, Helvetica, sans-serif; 
}

#content a {
	color: #006957;
}
#content a:hover {
	color: #666;
}
#content p a {
	text-decoration: underline;
}

#content .more {
	display: block;
	width: 6em;
	line-height: 17px;
	padding: 0 12px 0 0;
	color: #006957;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/icon-more.png) no-repeat 100% 70%;
}

#content .more:hover { color: #666; }

#content .zoom {
	display: block;
	width: 6em;
	line-height: 17px;
	padding: 0 5px 0 0;
	color: #006957;
	font-weight: bold;
	background: url(/images/icon-zoom.png) no-repeat 100% 70%;
}

#content .zoom:hover { color: #666; }

#content p.half { 
	margin: 0;
	width: 350px;
	float: left;
	clear: left;
	color: #666;
}
	
#content p.lead {
	margin-top: 0;
	font-weight: bold;
}
#content p {
}

#content-end {
	clear: both;
	height: 0px;
}

.photo-right { 
	float: right;
}

.subcontent {
	clear: both;
}

.features {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

.features li {
	margin: 0;
	list-style: none;
	width: 212px;
	float: left;
	padding: 15px 15px 15px 120px;
}

.features li h4 {
	margin: 0;
	width: 208px;
	float: right;
	color: #006957;
	font-size: 1.2em;
	font-weight: bold;
}
	
.features li p { 
	margin: 0;
	width: 208px; 
	float: right; 
	color: #666;
}

.features li img {
	float: left;
	margin: -3px 0 0 -120px;
	padding: 0 1px;
}

#notice {
	margin: 1em 0;
	padding: 3px 1em;
	text-align: center;
	font-weight: bold;
	border: solid #449184 2px;
	background-color: #e0e0e0;
}

#download {
	clear: both;
	height: 72px;
	padding-top: 1.5em;
	text-align: center;
}

#download a {
	margin: auto;
	display: block;
	font-size: 200%;
	text-indent: -1000em;
	overflow: hidden;
	width: 358px;
	height: 72px;
	background: url(/images/btn-download-now.png) no-repeat 0 0;
}
#download a:hover {
	background-position: 0 100%;
}


#news .post-title {
	margin-bottom: 0;
}
#news .post-meta {
	margin-top: 0;
	font-size: 85%;
}

#support {
	margin-left: 3em;
	margin-right: 3em;
}
#support dt {
	font-size: 1.2em;
}
#support dd {
	margin: 0.5em 2em;
}

#faq h4 {
	font-size: 1.2em;
	font-weight: bold;
}
#faq #faq-toc li {
	list-style-type: none;
}

#eula {
	font-family: monospace;
	font-size: 120%;
}

#sitemap li, #legal li {
	list-style-type: none;
}

#contacts dt {
	clear: both;
	margin: 0.5em 1em;
	float: left;
	text-align: right;
	width: 45%;
}
#contacts dd {
	margin: 0.5em 1em;
	float: left;
	width: 45%;
}

/*
===============
FOOTER ELEMENTS
===============
*/

#footer {
	width: 770px;
	clear: both;
	padding: 11px 35px;
	background: url(/images/bg-footer.png) no-repeat 0 0;
	font-size: 0.8em;
}

#footer a:hover { color: #fff; }

#footer .btn-top {
	position: relative;
	width: 110px;
	height: 22px;
	float: right;
}

#footer .btn-top span  {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/btn-back-to-top.png) no-repeat 0 0;
}
	
#footer .btn-top:hover span  { background-position: 0 100%; }

#footer ul { 
	margin: 0;
	padding: 0;
	width: 350px;
	float: right; 
	margin: 5px 10px 0;
	text-align: right; 
}
	
#footer ul li { 
	list-style: none;
	display: inline;
	padding: 0 7px;
	border-right: 1px solid #666;
}
	
#footer ul li.last-item { border: none; }
#footer ul li a { color: #666; }

#footer #w3c {
	float: right;
	padding: 5px 10px;
}

#footer #w3c a {
	padding: 0 0 0 15px;
	color: #838772;
	background: url(/images/icon-tick.png) no-repeat 0 0;
}

#footer #w3c a:hover { color: #fff; }
	
#footer address { 
	float: left; 
	margin: 5px 0 0;
}	
	
#footer address a { 
	color: #666;
	padding: 0 0 0 12px;
	background: url(/images/icon-mail2.png) no-repeat 0 3px;
}	
	
#footer .copyright {
	clear: both;
	padding: 7px 0 0;
	color: #acabab;
	text-align: center;
}

#footer #design {
	padding: 0 0 0 14px;
	background: url(/images/icon-design.png) no-repeat 0 0;
}

#footer .copyright a { color: #acabab; }
#footer .copyright a:hover { color: #666; }

/*
===============
The Store
===============
*/

#storefront
{
	font-size: 1.25em;
}
#storefront form table
{
	border-collapse: collapse;
	margin: 0.5em auto;
}
#storefront form th
{
	width: 50%;
	/*text-transform: uppercase;*/
	text-align: left;
	font-size: 140%;
	padding: 10px 0px;
}
#storefront form td
{
	padding: 1px 0.5em;
	vertical-align: baseline;
}
#storefront form input, #storefront form select
{
	font-size: 100%;
}
#storefront #blurb
{
	font-size: 0.9em;
}
#storefront #blurb li
{
	list-style: none;
}
#storefront #blurb strong
{
	color: #449184;
}
#storefront #more
{
	display: none;
}

form td.f
{
	width: 50%;
	text-align: right;
}
form td.totaling
{
	text-align: right;
	width: 6em;
}
form td.error
{
	color: #c00;
}
form tr.bump td
{
	padding-top: 1.5em !important;
	padding-bottom: 1.5em !important;
}
form input.mini
{
	font-size: x-small;
}
form input.big
{
	font-size: large;
}
form .info
{
	font-size: 90%;
}
form p.info
{
	text-align: center;
	color: #666;
}

div.error
{
	margin: 1em 0;
	padding: 3px 1em;
	border: solid #f99 1px;
	background-color: #fdd;
	color: #c00;
}