/*
General green: #94C431
*/

/*
Hello to Mrs. Flinger who always appreciates my code
*/

/*Mass Reset*/
/*http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html, body, p, div, span, h1, h2, h3, h4, h5, h6, iframe, blockquote, code, img, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td 
{
	border-style: none; border-color: inherit; border-width: 0; margin: 0; padding: 0; outline: 0; font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	color:#625F57;
	line-height: 1.5em;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	text-align: left; vertical-align: baseline; }

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

/* slightly enhanced, universal clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a { outline: none; color:#2B332E; }	/* Removed dotted outline from FF */
img {-ms-interpolation-mode:bicubic;} /* Improves image rendering in IE7 */

/*** Main Layout ***/
body { background-color:#DAF1F0; }
#topbar { background-color:#4E4E27; height:40px; overflow:hidden; }
#content { background-color:#F8F8F1; padding-top:15px; }
.inner { width:800px; margin:0 auto; }
#colleft { float:left; width:350px; }
#colright { float:right; width:400px; }

#lowersection { border-top:4px solid #BACCD1; padding-top:20px; }

/*** Login Form ***/
#loginform { float:right; padding-top:8px; }
#un, #pw { float:left; margin-right:10px; }
#topbar p { line-height:60px; color:#fff; text-align:right; }
#topbar label { color:#fff; font-size:11px; }

/*** Elements ***/
#colleft h1 { display:block; overflow:hidden; text-indent:-500px; width:307px; height:75px; background:url(../images/introtext.gif) no-repeat; }
#biglogo { display:block; margin:0 auto 10px auto; }
#colleft p { font-size:14px; padding-top:10px; }
#lowersection ul { list-style:none; padding:0; margin:0; }
#lowersection li { float:left; width:240px; }
#lowersection li p { font-size:16px; color:#666666; }
#easier h2, #faster h2, #better h2 { overflow:hidden; text-indent:-999px; height:17px; background:url(../images/betterheadings.png) no-repeat; margin-bottom:10px; }
#easier, #faster { padding-right:30px; }
#faster h2 { background-position:0 -17px; }
#better h2 { background-position:0 -34px; }
#btnlearnmore { margin: 20px auto 0 auto; display:block; }
#btnsignup { margin:0px auto 5px auto; display:block; }
#haveacct { padding-left:20px; }
#haveacct, #haveacct a { color:#4E4E27; }
#homescreenshot { margin-top:40px; }

/*** Features ***/
#featurelist { display:block; margin:0 auto; }
#featurelist td { width:350px; padding-bottom:20px; }
h2#hdrfeatures { width:218px; height:21px; display:block; text-indent:-999px; overflow:hidden; background:url(../images/hdr_features.gif) no-repeat 0 30px; padding:40px 0 10px 0; }
#dashboard, #popup, #performance, #importing { display:block; height:35px; background:url(../images/featureheaders.gif) no-repeat; overflow:hidden; text-indent:-999px; }
#dashboard { width:128px }
#popup { width:126px; background-position:-134px 0; }
#performance { width:147px; background-position:-266px 0; }
#importing { width:159px; background-position:-417px 0; }

/*** Messages ***/
.msg_error { border:1px solid #990000; color:#990000; padding:10px; }

/*** Generic ***/
.padr { padding-right:40px; }