@import "reset.css";

body { background-color: White; color: #686868; font: 11px/normal Verdana, Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #464444; }
a:hover { color: Black; }

img.rflt { display: inline; float: right; margin: 0 0 10px 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 10px 0; }

p { padding: 7px 0; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2.5em; }
ul.alpha { list-style: lower-alpha; }
ul.reset, ul.reset ul, #nav, #subnav { list-style: none; margin: 0; padding: 0; }

.edge { float: right; }
.pic { display: block; }
.scroll { overflow: auto; overflow-x: hidden; }

#toppic { height: 125px; margin-bottom: 8px; }


/* Form styling */

input.text, textarea { padding: 3px; border: solid 1px #81d23b; }


/* Titles */

h1,h2,h3,h4 { color: #49ac26; margin: .5em 0; }

h1 { font-size: 40px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#pagetitle { float: left; margin-bottom: 1em; }
h3.more { float: right; }

#logo { margin: 0; padding: 10px; }
#logo a { color: #65c525; }

/* Layout */

#container { width: 770px; margin: 0 auto; text-align: left; }
#header .master { background: url(../images/bg-header.png) center bottom no-repeat; text-align: center; }
#content { float: left; width: 100%; z-index:0;}
#sidebar { float: left; width: 200px; margin-bottom: 8px; }
#mainbar { float: right; width: 563px; margin-bottom: 8px; }
#footer { clear: both; width: 100%; }

#article { position: relative; height: 347px; background: url(../images/bg-textblock.png) center bottom no-repeat; }
#article .inner { padding: 0 11px; }
#article .title { margin: 0; padding: 7px 0 3px; color: #fff; background: url(../images/hr1.gif) bottom left no-repeat; }
#article .contents { position: absolute; top: 50px; left: 17px; height: 283px; width: 525px; padding-right: 5px; }





/* Welcome */

#welcome { position: relative; width: 769px; height: 321px; margin: 7px 0; background: #3d9421 url(../images/bg-home.jpg) no-repeat; color: White; font-size: 12px; }
#welcome .inner { padding: 15px 0; }
#welcome h2 { width: 373px; margin: 0; line-height: 39px; text-align: center; } 
#welcome h2 img { margin: 8px 0 7px; }
#welcome .preamble { width: 349px; margin-top: 8px; padding: 12px; }
#welcome .more { width: 225px; position: absolute; bottom: 70px; left: 14px; text-align: left; }


/* The 3 pillars */

.pillar { width: 252px; float: left; padding-top: 67px; background-position: top center; background-position: no-repeat; color: White; }
.pillar .inner, .pillar h3 { background-repeat:  repeat-y; }
.pillar h3 { height: 23px; margin: 0; padding: 7px 12px 0; }
.pillar .body { position: relative; min-height: 90px; padding: 0 12px; background-position: center bottom; background-position: no-repeat; }
.pillar .more { position: absolute; bottom: 0; right: 15px; padding: .5em 0; text-align: center; background-position: repeat-y; z-index:0; }
.pillar .more a { color: White; }
.pillar .more a:hover { color: Black; }

* html .pillar .body { height: 90px }

#features { margin-right: 7px; background-image: url(../images/bg-features.jpg); }
#specs { margin-right: 7px; background-image: url(../images/bg-specs.jpg); }
#profit { background-image: url(../images/bg-calculator.jpg); }

#features .inner { background-image: url(../images/grad-features.gif); background-color: #5fc81d; }
#features h3 { background-image: url(../images/h-grad-features.gif); }
#features .body { background-image: url(../images/bg-features.png); }
#features .more { width: 127px; background-image: url(../images/tab-features.png); }

#specs .inner { background-image: url(../images/grad-specs.gif); background-color: #0fc5a4; }
#specs h3 { background-image: url(../images/h-grad-specs.gif); }
#specs .body { background-image: url(../images/bg-specs.png); }
#specs .more { width: 161px; background-image: url(../images/tab-specs.png); }

#profit .inner { background-image: url(../images/grad-profit.gif); background-color: #18b55f; }
#profit h3 { background-image: url(../images/h-grad-profit.gif); }
#profit .body { background-image: url(../images/bg-profit.png); }
#profit .more { width: 181px; background-image: url(../images/tab-profit.png); }


/* Features map */

#fmap dt, #fmap dd { float: left; width: 252px; margin-right: 7px; }
#fmap #default { width: 511px; }
#fmap .lastinarow { margin-right: 0; }
#fmap img { display: block; }
#fmap dt { margin-bottom: 7px; }
#fmap dd { height: 240px; }
#fmap dd .preview { height: 171px; position: relative; z-index: 10; }
#fmap dd .preview h4 { position: absolute; bottom: 2px; left: 2px; margin: 0; padding: 0 8px; color: White; line-height: 25px; }
#fmap dd p { padding: .5em 7px; }

.flist li { padding: .5em 0; }


/* Calculator */

#calculatorInputs th { font-weight: normal; }
#calculatorInputs tr.odd th { background-color: #f0ffe4; }

#calculationResults th { font-weight: normal; }
#calculationResults tr.highlight { background-color: #80d23a; color: #fff; }
#calculationResults tr.highlight th { font-weight: bold; }
#calculationResults td { font-weight: bold; text-align: center; }
#calculationResults tr.odd { background-color: #f0ffe4; }


/* Faqs */

#faqs dt { font-weight: bold; background: url(../images/tick.gif) center left no-repeat; color: #49ac26; padding-left: 20px; line-height: 16px; }
#faqs dd { padding: 0 0 1.5em 20px; }
 
/* Global footer */

#footer { border-top: solid 1px #e6e6e6; }
#footer p { padding: 7px; }

	form {margin: 0px;}



	input {font-family: Arial; font-size: 9pt; color: #000000; height: 20px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #999999; margin: 0; margin-bottom: 0; }

	textarea {font-family: Arial; font-size: 9pt; color: #000000; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #999999; margin: 0; margin-bottom: 0; }

	select {font-family: Arial; font-size: 9pt; color: #000000; height: 20px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #999999; margin: 0; margin-bottom: 0; }

.navbar {
	margin-top 5px;
	padding-top: 5px;
	}


ul {
  font-family: Arial, Verdana;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;

}
ul li {
  display: block;

  float: left;
}
li ul { display: none; }
ul li a {
	
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-left: 1px solid #7ac000;
  padding: 5px 17px 5px 17px;
  background: #FFFFFF;
  margin-left: 1px;
  white-space: nowrap;
border-top: 1px solid #FFFFFF; 
}
ul li a:hover { background: #7ac000; }
li:hover ul {
  display: block;
  position: absolute;
  z-index: 10;
}
li:hover li {
  float: none;
  font-size: 11px;
}


#nav li:hover ul, #nav li.sfhover ul {
	
}

li:hover a { background: #7ac000; border-top: 1px solid #FFFFFF; color: #FFFFFF; }
li:hover li a:hover { background: #9ad82f; border-top: 1px solid #FFFFFF; color: #dbff9d; }

.navbar, #nav {
	z-index:100;
}