/*  STARTING YAHOO YUI CSS RESET (http://developer.yahoo.com/yui/reset/) */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	position:relative;
}
br {clear:both;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
 

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

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

abbr,acronym { border:0;} 

/* GENERIC CLASSES */
.clear        { clear:both; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
} 

/* FONT SIZE STYLES - THIS SETS A SIZING STANDARD SO THAT YOU CAN SET THE FONT SIZE RELATIONALLY. */
html { font-size:16px; }  
body {
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	}
p {
	font-size:1.4em !important; /* 12px */
	line-height:1.6em;
	padding-top:.8em;
	padding-bottom:.8em;
}

/* CUSTOM SHOP NOW STYLES */
body {background-color:#FFF;background-image:url(../images/bg.gif);background-repeat:repeat-x;background-position:top left;}
body, div, h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#332F2B;}
p, table {font-size:1.4em;line-height:1.6em;}

#main {width:800px; margin-left:auto;margin-right:auto;}
#header {clear:both; display:block;height:158px;}
.logo {margin:43px 0 0 34px;}

#menutop {position:absolute; left:600px; top:26px;}
#menutop ul {list-style-type:none;}
#menutop ul li {display:block;color:#fff; font-size:1.4em; font-weight:bold; margin:0px;padding:0px; line-height:18px;height:18px;}
#menutop ul li a, #menutop ul li a:visited {text-decoration:none; color:#fff;display:block; padding-left:18px;height:18px;}
#menutop ul li a.on, #menutop ul li a.on:hover {background-image:url(../images/icon_nav_head.gif);background-repeat:no-repeat; background-position:0px 2px;}
#menutop ul li a:hover, #menutop ul li a.on:hover {color:#A7D100}

#body a, #body a:visited {color:#A7D100;text-decoration:none;}
#body a:hover, #body a:visited:hover {text-decoration:underline;}
#body.home {padding:23px 100px 0px 22px;}

h1 {font-size:4.0em;color:#A7D100; font-weight:normal;padding-bottom:25px;margin-bottom:0px;}
h2 {font-size:1.8em;font-weight:normal;padding: 10px 0px;}
h3 {font-size:1.6em; font-weight:normal;padding: 10px 0px;}

#body {padding:23px 40px 0px 12px;} 
#menuside {float:left; width:156px;}

#menuside ul {list-style-type:none;margin:0;padding:0;}
#menuside ul li {display:block; font-size:1.3em;font-weight:normal;margin:0px; padding:0px; height:20px;line-height:20px;}
#menuside ul li a, #menuside ul li a:visited {text-decoration:none; color:#332f2b;padding-left:15px;}
#menuside ul li a:hover, #menuside ul li a:visited:hover {color:#A7D100}
#menuside ul li a.on, #menuside ul li a.on:hover {background-image:url(../images/icon_nav_body.gif);background-repeat:no-repeat;background-position:0px 2px;}

#content {float:right;width:582px; }
#content h2 {padding-top:0px;}
#content ul, #content ul {font-size:1.4em;line-height:1.6em;margin-top:0;margin-bottom:0} 
#content.privacy h3 {padding-bottom:0px;margin-bottom:0px;}
#content.privacy p {padding-top:4px;margin-top:0px;}
#content.support h3 {padding-bottom:0px;margin-bottom:0px;}
#content.support p {padding-top:4px;margin-top:0px;}
#content.team h3 {padding-bottom:0px;margin-bottom:0px;}
#content.team p {padding-top:4px;margin-top:0px;}
#content.privacy h3 {padding-bottom:0px;margin-bottom:0px;}
#content.privacy p {padding-top:4px;margin-top:0px;}
#content.applications .screenshot {float:right;height:427px;margin-bottom:20px;font-size:14px;}
#content.applications .screenshot_description {float:left; text-align:left; width:320px;height:427px; background-color:#efefef;margin-bottom:14px;}
#content.applications .screenshot_description p {font-size:15px;padding:20px;}

#footer {display:block;border-top: solid 2px #332f2b;font-size:1.2em;padding-top:10px;margin-top:60px;}
#footer ul {margin:0;padding:0;}
#footer ul li {list-style-type:none;display:inline;margin-right:20px;}
#footer ul li a, #footer ul li a:visited {color:#808080;text-decoration:none;}
#footer ul li a.on, #footer ul li a.on:hover, #footer ul li a:hover, #footer ul li a:visited:hover {color:#332F2B;} 

#copyright {text-align:center;}
#copyright a, #copyright a:visited {color:#332f2b;text-decoration:none;}
#copyright a:hover, #copyright a:visited:hover {color:#A7D100;text-decoration:underline;}