body {
	background-image: url(../images/site-bg-sides.jpg);
	background-repeat: no-repeat;
	background-position: top center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	text-align: center;
	
}

html {
	background: url(../images/site-bg-tile.jpg);
	background-repeat: repeat-x;
	background-position: 10px 0px;
}

#content {
	background-image: url(../images/content-frame.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 500px;
	_height: 500px;
}

#contenthome {
	background-image: url(../images/content-frame-home.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 500px;
	_height: 500px;	
	padding: 20px;
}

#contenthome #feature {
	height: 451px;
}

#contenthome #feature #featurenav {
	background: url(../images/feature-bg.jpg) no-repeat;
	width: 921px;
	height: 50px;
}

#contenthome #feature #featurepic {
	width: 921px;
	height: 361px;	
}

#content #leftcol {
	float: left;
	padding: 50px 20px 40px 40px;		
	width: 520px;
}

#content #leftcol p.callout {
	background-color: #00904f;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	padding: 20px;	
}


div.testimonials#leftcol p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
}

div.testimonials#leftcol p.alt {
	color: #975710 /* brown */	
}


#content #rightcol {
	float: right;
	margin: 20px 19px 20px 0px;
	padding: 0;
	width: 355px;
}

#rightcol #contactus,
div.contact#contactus {
	background-color: #7d7d7d;	
	color: #f0efef;	
	text-align: center;
}

div#contactus {
	background: url(../images/contact-bg.jpg) no-repeat;	
	height: 139px;	
	padding-top: 35px;
}

div#contactus p {
	color: #f0efef;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;	
}

div.contact#contactus {
	background-color: #949494;	
	height: 200px;
	padding: 35px 20px 20px 20px;
}

div.contact#contactus h1 {
	color: #f0efef;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;	
}

div.contact#contactus p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
}



#logo {
	float: left;
	margin-left: 25px;	
}

.wrapper {

	position: relative;
	width: 961px;
	font-size: 0.9em;
	margin: 0 auto -100px;
	text-align: left;
}

.header {
	height: 162px;
	background: url(../images/header-bg.jpg) no-repeat;
}


/*
*******************************
NAVIGATION
*******************************
*/

#navigation {
	float: left;
	height: 35px;
	width: 770px;
}


#navigation #primarymenu {
	display: inline;
	float: left;
	margin: 0px 0px 0px 25px;	
	width: 469px;
	height: 35px;
}

#primarymenu ul {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 469px;
}

#primarymenu ul li {
	display: inline;
	float: left;
	height: 35px;
	padding: 0;
	position: relative;
}

#primarymenu li {
	display: inline;
	width: auto;	
}


#primarymenu li a {
	background: url(../images/csg-navigation-primary.png) no-repeat top left;
	float: left;
	height:35px;
	padding: 0px 0px 0px 5px;
}


#primarymenu li a:hover.sprite-btn-contact,
#primarymenu li a.sprite-btn-contact.selected { 
	background-position: 0 0; 
	width: 117px;	
} 
#primarymenu li a.sprite-btn-contact { 
	background-position: 0 -85px; 
	width: 117px;	
} 

#primarymenu li a:hover.sprite-btn-home,
#primarymenu li a.sprite-btn-home.selected { 
	background-position: 0 -170px; 
	width: 70px;
} 
#primarymenu li a.sprite-btn-home { 
	background-position: 0 -255px; 
	width: 70px;	
} 

#primarymenu li a:hover.sprite-btn-whatisit,
#primarymenu li a.sprite-btn-whatisit.selected { 
	background-position: 0 -340px; 
	width: 113px;	
} 
#primarymenu li a.sprite-btn-whatisit { 
	background-position: 0 -425px; 
	width: 113px;	
} 

#primarymenu li a:hover.sprite-btn-whoneedsit,
#primarymenu li .sprite-btn-whoneedsit.selected { 
	background-position: 0 -510px; 
	width: 139px;	
} 
#primarymenu li .sprite-btn-whoneedsit { 
	background-position: 0 -595px;
	width: 139px;	
} 


#navigation #secondarymenu {
	color: #c5c4c3;
	display: inline;
	float: left;
	font-size: 9px;
	margin: 11px 0px 0px 0px;	
	padding-left: 15px;
	width: 255px;
	height: 35px;
}

#secondarymenu ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secondarymenu ul li {
	float: left;
	margin: 0px 0px 0px 2px;
	padding: 0;
	position: relative;
}

#secondarymenu li {
	display: inline;	
}

#secondarymenu li.separator {
	padding: 0px 6px;	
}


#secondarymenu li a,
#secondarymenu li a:link,
#secondarymenu li a:visited,
#secondarymenu li a:active {
	color: #c5c4c3;
	display: inline;
	text-decoration: none;
}

#secondarymenu li a:hover {
	text-decoration: underline;	
}

/*
*******************************
END NAVIGATION
*******************************
*/

#testimonialswrapper {
	float: left;
	margin: 18px 0px 15px 25px;
	width: 765px;
}

#testimonialstext {
	width: 566px;	
}

#testimonialstext #text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #fff;
	height: 36px;
	overflow: hidden;
	text-align: right;
	width: 566px;
}

#testimonialstext #author {
	background-color: #e4d704;
	color: #000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding: 1px 2px;
}

#testimonialswrapper #button {
	float: right;
	margin: 2px 25px 0px 0px;
	width: 161px;
}


#content h1{
	color: #009350;	
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 22px;
}

#contenthome #news {
	width: 900px;
}

#contenthome #news h2 {
	color: #837c61;
	font-size: 18px;
	height: 45px;
	margin-bottom: 10px;
	overflow-y: hidden;
}

#contenthome #news .newsitem {
	border-right: 1px dotted #009350;
	display: inline;
	float: left;
	margin: 20px 20px 40px 0px;	
	padding-right: 20px;
	text-align: left;
	width: 259px;	
}

#contenthome #news .newsitem.last {
	border: none;	
}

#contenthome #news h1.home {
	color: #473a0c;
	font-size: 26px;
}


#contenthome #news2 h1.home {
	color: #473a0c;
	font-size: 26px;
}

#content h2 {
	font-size: 18px;
	color: #000;
	display: block;
	margin-bottom: 22px;
}

#content p {
	color: #000;
	margin-bottom: 20px;
	line-height: 20px;
}



strong {
	font-weight: bold;
}



/*
*******************************
WHO NEEDS
*******************************
*/

#submenu {
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	height: 35px;
	line-height: 34px;
	vertical-align: middle;
	width: 100% !important;
	margin: 15px 0px 20px 0px;
}

#leftcol #submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#leftcol #submenu ul li {
	display: inline;
	float: left;
	height: 35px;
	margin: 0;
	padding: 0;
	position: relative;
}

#leftcol #submenu li {
	display: inline;
	float: left;
}


#submenu li a,
#submenu li a:link,
#submenu li a:visited,
#submenu li a:hover,
#submenu li a:active {
	color: #009350;
	float: left;
	height:35px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
}
	
	
#submenu li.separator {
	padding: 0px 10px;	
}

#thumbnails {
	width: 550px;	
}

#thumbnails .thumbnails {
	border: 1px solid #c2c2c2;
	display: inline;
	float: left;
	margin: 10px;
	width: 243px;
}

/*
*******************************
END WHO NEEDS
*******************************
*/



/*
*******************************
DISTRIBUTORS
*******************************
*/

.distibutorscol {
	display: inline;
	float: left;
	margin-right: 7px;
	width: 165px;
}

#content #leftcol div.distibutorscol h2 {
	margin-bottom: 5px;	
}

/*
*******************************
END DISTRIBUTORS
*******************************
*/




/*
*******************************
FORM
*******************************
*/

.button {
	margin:0;
	padding:0;
	height: 66px;
	width: 214px;
}


input, textarea, select {	
	display: block;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0px 0px 10px 0px;

}

 .field-row {
	float: left;
	width: 460px;
}

 .field-row .label {
	float: left; 
	font-size: 18px;		
	width: 90px;
}

 .field-row .field {
	 font-size: 18px;
	float: left; 
	width: 360px;	
}

.field-row .field input.txt,
.field-row .field textarea {
	background-image:url(../images/input-background.gif);
	background-repeat:no-repeat;
	background-position: top left;	
	border: 2px solid #949494;
	padding: 10px;
	width: 300px;
}

.field-row .field textarea {
	height: 70px;
}

/*
*******************************
END FORM
*******************************
*/


/* 
*****************************************
FOOTER 
*****************************************
*/
.footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url(../images/footer-bg-tile.jpg);
	background-repeat: repeat-x;
	color: #7f7d78;
	font-size: 12px;	
}
.footer a {
	text-decoration: underline;
	border: 0;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	padding: 0;
	text-align: center;	
}

.footer #footerwrapper #copyright span {
	float: left;
	text-align: left;
	padding-left: 12px;
	padding-top: 6px;
}


.footer #footerwrapper {
	width: 961px;
	margin: 0 auto;
	padding-top: 30px;
}

.footer #footerwrapper #copyright {
	float: left;
	width: 240px;	
}

.footer #footerwrapper #copyright img {
	float: left;	
}

.footer #footerwrapper #companyinfo {
	border-left: 1px solid #7f7d78;
	border-right: 1px solid #7f7d78;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: 120px;	
}

.footer #footerwrapper #logos {
	float: left;
	height: 56px;
	line-height: 56px;
	padding-left: 10px;	
	text-align: left;
	width: 330px;	
}

.footer #footerwrapper #logos img {
	margin-top: -5px;	
	vertical-align: middle;
}



.footer #footerwrapper #crisp {
	float: right;	
	width: 200px;
}

/* 
*****************************************
END FOOTER 
*****************************************
*/


* {
	margin: 0;
}
html, body {
	height: 100%;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	clear: both;
	height: 100px; /* .push must be the same height as .footer */
}

#leftcol ul.list {
	margin: 10px 0px 20px 30px; 
}

ul.list li {
	list-style-type: disc;
	margin: 5px 0px;	
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #975710 /* brown */		
}