/* Credits

Style by Myjive / www.myjive.net

-----------------------------------------------------------*/


/* Main Containers
-----------------------------------------------------------*/

body { 
	padding: 0 20px;
	background-color: #E8EFE9; 
}

#wrapper { 
	width: 960px;
	padding: 0;
	background: url(../images/sales/bkgnd-body.jpg) no-repeat; 
}

#main {
	display: block;
	float: left;
	padding: 0;
}

#content {
	width: 900px;
	margin: 0;
	padding: 30px;
}

#header { height: 130px;}

img { padding: 15px 0;}

/* type
--------------------------------------------------------*/	
h2 { line-height: 23px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 5px 0;}
h4 { line-height: 22px;}

p { line-height: 19px;}

#content p { line-height: 14px;}

.green { color: #39B54A; }
.blue { color: #105175; }
.normal { color: #4d4d4d; }

/* list
--------------------------------------------------------*/	
ol li {	line-height:  19px; list-style: decimal;}


/* navi
--------------------------------------------------------*/	
.navi { width: 160px; }
.navi ul {
	list-style-type: none;
	border-top: 1px solid #D8F6D8;
	padding: 15px 0;
	margin: 0;
}
.navi ul.top { border: none; }
.navi ul li { padding: 3px 0; }
.navi ul li.selected a { color: #4D4D4D; font-weight: bold; }


/* main
--------------------------------------------------------*/	
.colContainer {
	clear: both;
	display: block;
	float: left;
	width: 960px;
	padding: 0;
	margin: 0;
}

.leftCol, .rightCol, .middleCol {
	width: auto;
	padding: 15px 0 35px 0;
}

.leftCol {
	display: block;
	float: left;
	padding-left: 30px;
	padding-right: 6px;
}

.rightCol {
	display: block;
	float: right;
	padding-right: 30px;
	padding-left: 6px;
}

.middleCol {
	display: block;
	float: right;
	padding-right: 6px;
	padding-left: 6px;
}

.fullCol {
	display: block;
	float: left;
	width: 900px;
	padding: 0 30px;
}

.col695 {
	width: 695px;
}

.col695 img {
	padding: 15px 0;
}

.col695 p {
	padding: 5px 0;
	line-height: 19px;
}

.col695 p.line {
	padding-bottom: 5px;
}


.col695 ol { padding-bottom: 15px;
}

.testimonial {
	width: 695px;
	padding-top: 30px;
}

.testimonial p.line { padding-bottom: 5px;}

.testimonial p.source {
	padding-bottom: 15px;
	font-style: italic;
}

.testimonial div.leftCol, .testimonial div.rightCol {
	width: 340px;
	padding: 0;
	margin: 0;
}

/* boxes
--------------------------------------------------------*/	
.boxWrapper {
	display: block;
}

.testimonialBox p, .testimonialLink p {
	line-height: 14px;
	padding: 0;
}

.testimonialBox, .testimonialLink {
	float: right;
	width: 180px;
	padding: 15px;
	margin-left: 30px;
	background: #F2F2F2;
}

.testimonialLink {
	float: right;
	height: 60px;
	padding: 0 15px;
	text-align: center;
	border-top: 1px solid #D8F6D8;
	background: url(../images/sales/testimonial-link-bkgnd.jpg) no-repeat;
}

.rootBox {
	padding-left: 30px;
	width: 280px;
	padding-bottom: 35px;
}

.rootBox p {
	padding-top: 15px;
	line-height: 20px;
	color: #105175;
	font-size: 13px;
}

.box, .boxLink {
	float: left;
	width: 240px;
	padding: 15px 20px;
}

.box {
	display: block;
	min-height: 180px;
	background: #F2F2F2;
	padding-top: 25px;
}

.boxLink {
	display: block;
	text-align: right;
	border-top: 1px solid #D8F6D8;
	background: url(../images/sales/root-bkgnd.jpg) no-repeat;
}

.box img, .boxLink img {
	padding: 0 0 8px 0;
	margin: 0;
}

.greenbox {
	float: right;
	display: block;
	width: 360px;
	padding: 30px;
	padding-bottom: 20px;
	margin-top: 4px;
	background: #D8F6D8;
}

.greenbox p {
	color: #105175;
	line-height: 19px;
}

/* home banner
--------------------------------------------------------*/	
.homeBannerWrapper{
	padding:0;
	margin:0;
	height: 315px;
	background: url(../images/sales/home-banner/home-bkgnd.jpg) no-repeat;
}

.homeBanner {
	display: block;
	float: right;
	width: 300px;
	padding: 30px 75px 0 60px;
	margin-top: 90px;
	text-align: left;
}

.homeButtons {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

.homeButtons img {
	padding: 0 2px 0 0;
	margin: 0;
}
	
/* promo
--------------------------------------------------------*/	
.promoLeft img {
	float: left;
	padding: 0 12px 0 0;
}

.promoLeft, .promoRight {
	height: 148px;
	width: 413px;
	padding: 15px;
	margin-top: 15px;
	background: url(../images/sales/bkgnd-promo2.jpg) no-repeat;
}


/* footer
--------------------------------------------------------*/	

#footer { background: url(../images/sales/logo-footer.png) no-repeat 0 25px; }


/* misc
--------------------------------------------------------*/

.line {
	border-bottom: 1px solid #D8F6D8;
}

.lineTop {
	border-top: 1px solid #D8F6D8;
}

div.twoLinks a { padding-right: 15px;}

div.topBanner { padding: 15px 0; }
div.topBanner img { margin: -30px 0 5px 0; }

.clear { clear: both;}