body {
    height:100%;
    width:100%;
    background:rgb(255,255,255);
    margin:0;
    padding:0;
    color:#696969;
    font:normal 14px Verdana, Helvetica, sans-serif;
    line-height:20px; /* leading + font height */
    letter-spacing:0px; /* tracking */
}
img {border:0px;}
.preload {display:none;}
.clear {display:block;clear:both;}
ul li {
    list-style-type:square;
}
#headerBG {
    width:100%;
    height:61px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:0;
}
#sliderBG {
    width:100%;
    height:245px;
    position:absolute;
    left:0px;
    top:61px;
    z-index:0;
}
a {
    color:#69A633;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a.button {
    position:relative; /* or ie7 won't hide button overflow */
    display:inline-block;
    float:left;
    overflow:hidden;
    height:35px; /* check this standard for buttons? */
}
a.button img {
    position:relative;
}
a.button:hover img {
    top:-35px;
}
#pageD {
    width:970px;
    margin:auto;
    padding:307px 0 0 0;
    position:relative;
    z-index:1;
}
#sliderDouter {
    position:absolute;
    left:0px;
    top:100px;
}
#sliderD {
    overflow:hidden;
    position:relative;
    width:970px;
}
#sliderD ul, #sliderD ul li {
    margin:0;
    padding:0;
    list-style:none;
    width:20000px;
}
#sliderD ul li {
    width:970px;
    margin:0 100px 0 0;
    float:left;
}
#sliderD ul li img.sliderImg {
    float:left;
}
#sliderD ul li h3 {
    margin:0 0 5px 0;
}
#sliderD ul li p {
    padding:0 0 0 5px;
    margin:0;
    float:left;
    width:302px;
    font-size:13px;
    letter-spacing:0px;
    line-height:18px;
}
#sliderD ul li a.button {
    margin-top:5px;
    float:none;
}
#sliderD ul li a.button:hover img {
    top:-35px; /* if need different heights for different buttons */
}
#sliderNavD {
    position:absolute;
    top:79px;
    left:6px;
}
#sliderNavD a.button {
    height:21px;
}
#sliderNavD a.button:hover img, #sliderNavD a.off:hover img {
    top:-22px;
}
#sliderNavD a.off img {
    top:0px;
}
#sliderNavD a.on img, #sliderNavD a.on:hover img {
    top:-44px;
}
#navD {
    position:absolute;
    right:0px;
    top:10px;
}
#navD a.button {
    height:51px;
}
#navD a.button img {
    top:4px;
}
#navD a.button:hover img {
    top:-54px;
}
#navD a.thisButton img {
    top:-112px;
}
#navD a.thisButton:hover img {
    top:-112px;
}
#contentD {
    float:left;
    width:630px;
    margin-right:10px;
}
#contentD h1 {
    margin:18px 0 3px 0;
}
#contentD p {
    margin:0 0 30px 0;
}
#contentD h2 {
    font-size:14px;
    margin:0 0 8px 0;
    color:#35541A;
}
#rightD {
    float:left;
    position:relative;
    background:rgb(231,231,231);
    width:295px;
    padding:20px 15px;
    font-size:11px;
    margin-top:20px;
    overflow:hidden; /* for browsers that don't break long urls with word-wrap:break-word; */
}
#rightD a {
    color:rgb(145,145,145);
    text-decoration:none;
    word-wrap:break-word;
}
#rightD a:hover {
    text-decoration:underline;
}
#contentD table.Overview {
    margin:30px 35px 0 30px;
}
#contentD table.Overview td {
    vertical-align:top;
    padding-bottom:8px;
}
#contentD table td.Overview {
    width:190px;
    font-weight:bold;
    color:#35541A;
}
#contentD p.bodyBold {
    font-weight:bold;
    color:#35541A;
}
#logoI {
    position:absolute;
    left:3px;
    top:30px;
}
#cornerLeft {
    position:absolute;
    left:0px;
    top:0px;
}
#cornerRight {
    position:absolute;
    right:0px;
    top:0px;
}
#cornerBLeft {
    position:absolute;
    left:0px;
    bottom:0px;
}
#cornerBRight {
    position:absolute;
    right:0px;
    bottom:0px;
}
#feature {
    display:block;
    margin:auto;
}
#loz {
    display:block;
    margin:auto;
}
div.tryItD {
    width:300px;
    margin:20px 30px 0 0;
    float:left;
}
div.tryItD img {
    margin-bottom:10px;
}
#tryItPic {
    position:absolute;
    right:15px;
    top:70px;
}
#tryItScreens {
    position:absolute;
    right:0px;
    top:520px;
}
#footerD {
    border-top:2px solid rgb(219,219,217);
    margin:40px 0 30px 0;
    padding-top:10px;
    font-size:9px;
    clear:both;
    color:#999999;
}
#footerD p {
    line-height:15px;
    font-weight:bold;
    margin-bottom:15px;
    width:98%;
}
#footerD a, #footerD span {
    display:block;
    float:left;
    color:#999999;
    text-decoration:none;
    margin:0 2px;
    font-weight:normal;
}
#footerD a.external {
    float:right;
    margin-right:15px;
}
#copy {
    float:left;
    margin:0 20px;
}
#contactFrame {
    border:0px;
    width:100%;
    height:210px;
    position:relative;
}
#contactFrameBody {
}
#contactform {
    xxxcolor:#74459B;
    xxxfont-size:12px;
}
#contactform td {
    padding-top:5px;
    padding-bottom:5px;
}
#contactform input {
    width:95%;
    padding:2px;
    margin:0;
}
input#contactSubmit {
    display:block;
    padding:0;
    width:142px;
    height:35px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-image:url('/images/btn_send.png');
    background-position:top;
}
#contactSubmit:hover {
    background-position:bottom;
}
.col1 {
    width:90px;
    text-align:right;
    padding-right:5px;
    font-weight:bold;
}
.col2 {
    width:190px;
}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}