/************ global resets *************/
* {margin:0; padding:0;}
ol, ul{list-style:none;}
li {padding-bottom: 5px;}
strong { font-weight: 700;}
em {font-style: italic;/*font-family:Tahoma; color: #989C73;*/ }
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;cursor:pointer;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.center {text-align: center; margin: inherit auto;}
a:link, a:visited {text-decoration: none;border-bottom: 1px solid;}
a:hover {text-decoration: none;border-bottom: none;}



/************ wrapper *************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;font-size-adjust: none;font-stretch: normal;font-style: normal;
	font-variant: normal;font-weight: normal;line-height: normal;text-align: center; /* for IE */
	
}

#wrapper{width: 960px;margin: 20px auto;text-align: left;overflow: visible;position: relative;}



/************ text *************/
h1, h2, h3, h4 {letter-spacing: .05em;}

h1 {font-size: 1.8em; line-height: 1em;}

h2 {font-size: 1.4em; line-height: 1em;}

h3 {font-size: 0.9em; line-height: 1.35em;padding: 10px 0 0 0;}

h4 {font-size: 0.8em; line-height: 0.8em;padding: 10px 0 0 0;}

p {font-size: 0.8em; line-height: 1.45em;text-align: justify;}




/************ header *************/
#header { 
	position: relative; z-index: 0;
	top:0px;
	width: 960px;height: 215px;
	background: transparent url(../images/header_black.jpg) no-repeat top left;
}

#header h1, #header h2 {font-style: italic;text-align: center;}

#header h1 {height: 35px;} #header h2 {height: 26px;}

#logo {
	position: absolute;
	top: 45px;left: 160px;
	width: 250px;height: 75px;
}

#slogan {
	position: absolute;
	top: 69px;right: 10px;
	width: 421px;height: 50px; z-index: 1;
}



/************ navigation *************/
#navigation {
	position: absolute;z-index:999;
	top: 177px;left: 0;
	width: 960px;height: 38px;
}

#navigation ul {}
#navigation ul li {padding: 0 4px 0 0;float: left;text-align:center;}
#navigation ul li.last {padding: 0}

#navigation ul li a, #navigation ul li a:visited {
	font-size: 0.8em;
	display:inline-block;
	width: 125px;
	line-height: 2em;
	padding: 6px 15px;
	text-decoration: none;
	border-bottom: none;
}



/************ main-content *************/
#main-content {
	width: 940px;
	padding:10px 10px;margin:0 0 15px 0;
	z-index: 1;
}



/************ rotator1 *************/
#rotator1 {
	width: 421px;height: 305px;
	float: right;position:relative;
}

#rotator1-overflow {
	width: 421px;height: 305px;
	float: right; overflow: hidden;
	border: 1px solid #363632;
	z-index: 19;position:relative;
}




/************ info *************/
#info, #wrapper .jScrollPaneContainer {
	width:490px; height:292px;
	position: relative;overflow: hidden;
	z-index: 20;float: left;
}

#wrapper .jScrollPaneContainer {
	border: 2px solid;
}

#info {
	padding: 5px 5px 5px 10px;
}

#wrapper .jScrollPaneTrack {
	position: absolute;cursor: pointer;
	right: 0;top: 0;height: 100%;
}

#wrapper .jScrollPaneDrag {
	position: absolute;cursor: pointer;overflow: hidden;
}

#wrapper .jScrollPaneDragTop, #wrapper .jScrollPaneDragBottom {
	position: absolute;overflow: hidden;
	top: 0;left: 0;
}

#info h2, #content-page h2 {margin-bottom: 10px;}
#info h3, #content-page h3 {margin-bottom:10px;}
#info h4, #content-page h4 {margin-bottom:10px; line-height: 1.3em;}
#info p, #content-page p {margin-bottom: 12px}
#info p.ul-next, #content-page p.ul-next {margin-bottom: 5px;}
#info p.strong, #content-page p.strong {font-weight: bold;}
#info ul, #content-page ul {list-style: disc outside;margin: 5px 0 10px 5px;font-size: 0.8em; line-height: 1.6em;}
#info ul {list-style: disc outside; margin-left: 20px;}
#info ul li {margin: 0 0 5px 30px;}
#info .last, #content-page .last {margin-bottom: 0}

#content-page {padding: 5px 15px;}
#monthly-tips #content-page {padding: 5px 50px 15px;}
 

/************ divider *************/
#divider {
	position: relative;
	width: auto; height: 5px;
	border-top: 10px solid;
	margin: 0 0 10px;clear: both;
}



/************ columns *************/
#columns {
	float: right;
	width: 547px; /*height: 301px;*/
	border: 2px solid;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#columns .column {
	width: auto;
	padding: 6px;margin:0;clear:both;
}

#columns h3 {
	padding: 5px 0; margin: 0 0 5px 0;
	text-align: center;
}

#columns span {display: block}

#columns img {
	margin: 0 0 0 5px;
	border: 1px solid;float:right;
}

#columns div.last, #columns div.second {display:none;}

#columns .column h4 {margin:10px 0px;}
#columns .column p {padding: 10px 10px 20px; margin}
#columns ul .pdf {height: 30px; background: transparent url(../images/pdf_icon.png) no-repeat 0px 2px; padding: 4px 0 0 28px; list-style: none; margin-left: 10px;color: #2F5C3E;}
#columns ul .no-icon {background: none; list-style:disc; margin-left: 34px; padding-left: 4px;}

/************ banner-area *************/
#banner-area {
	width: 389px;/*height: 285px;*/
	float: right;margin: 12px 0 10px;
}

#banner-area .banner {
	width: 354px;/*height: 109px;*/
	margin: 0 0 19px 0;
	padding: 5px 10px 15px;
	text-align: center;
	border: 2px solid;
	font-size: 1.5em;
}

#banner-area h3 {margin-bottom: 10px;}
#banner-area p {text-align: center;}
#banner-area div.last {margin-bottom:0}
#banner-area a {text-decoration: none;border-bottom: none;}

/************ content-sections *************/
.float-left-margins {margin: 0 10px 10px 0;}
.testimonial-col {width: 425px;}
.testimonial {margin-bottom: 22px;}
.testimonial p {margin-bottom: 0px;}
.left .testimonial, .left .testimonial p.strong {text-align: left;}
.right .testimonial, .right .testimonial p.strong {text-align: right;}
.testimonial img {border: 1px solid #363632;}


#downloads .testimonial-col {padding: 15px 0 0 40px; width: 385px;}

#downloads ul {margin-bottom: 25px;}
#downloads ul li {padding-bottom: 5px;color: green;}
#downloads ul .pdf {height: 24px; background: transparent url(../images/pdf_icon.png) no-repeat top left; padding: 4px 0 0 28px; list-style: none;}


.ta-center {text-align: center;}

#products .buy {width:120px; text-align: center; margin-right: 10px;}
#products .text {width:289px;}
#products .text li {padding-bottom: 5px; line-height: 1.4em;}
.testimonial img.noborder {border: none; margin: 10px auto 0;}
.margin-right {margin-right: 60px;}
/**************** contact form ****************/

.forms li {display: block;padding-bottom: 15px;height: 30px;}
.forms li.tall {height: 100px;}
.forms li label {width: 45px;float: left;font-size: 12px;padding: 3px 20px 0 0; text-align: right;}
.forms li input, .forms li textarea {width: 190px;height: 20px;float: left;background: #ddd9d9;border: 1px solid #011702;}
.forms li textarea {height: 100px;}
.forms .button {float: left;clear: left; background: #30210e;height: 20px;width: 65px;color: #cfc7ae;margin: 0 0 0 66px; cursor: pointer;}
.forms .button:hover {background: #cfc7ae; color: #30210e;}
.forms li input.invalid, .forms li textarea.invalid {border: 1px solid red;}
label.invalid, #main-content p.invalid {color: red;}
.contact-form {padding: 0 30px 20px 0; width: 335px; margin-top: -20px;}

/************ footer *************/
#footer {
	text-align: center;
	width: auto; height: auto;
	padding: 5px 0 10px;
}
#footer ul {margin-top: 10px;}
#footer ul li {
	display: inline;
	padding: 0 10px 0 6px;
	border-right: 1px solid #cfc7ae;
	font-size: 0.7em;line-height: 2em;
}

#footer ul li.last {padding-right: 0;border:none}
#footer p {text-align: center;margin-top: 5px;}