@charset "utf-8";
/* CSS Document */
/*--------- Start Page Layout Elements ---------*/
/*Sticky Footer Code - http://www.cssstickyfooter.com*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font-size:12px;
}
body > #wrap {
	height: auto; 
	min-height: 100%;
}
body	{
	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-x;
	background-color: #e8e3ce;
}
#main {
	padding-bottom: 225px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -225px; /* negative value of footer height */
	height: 225px;
	clear:both;
	background-color:#000;
} 
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
#wrapper { 
 	margin: 0 auto;
 	width: 980px;
	padding-bottom:20px;
	background-image:url(../images/cardboard_bkg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
/*--------- End Page Layout Elements ---------*/
/*--------- Start Header ---------------------*/
.headerContainer	{
	width:980px;
	height:190px;
}
.topLogo	{
	width:605px;
	height:190px;
	background-image:url(../images/top_logo.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	text-indent:-9999px;
}
.openTag	{
	width:375px;
	height:190px;
	background-image:url(../images/top_openTag.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	text-indent:-9999px;
}
/*--------- End Header ---------------------*/
/*------------- Start Top Menu -------------*/
.topMenu	{
	width:940px;
	height:48px;
	background-image:url(../images/menuBkg.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	font-family: Helvetica, Arial, "Century Gothic";
	font-size:11px;
	color:#000;
	text-decoration:none;
}
.topMenu ul	{
	list-style: none;
	margin:0;
	padding:0;
	padding-top:20px;
}
.topMenu li	{
	display:inline;
	padding: 0px 15px 0px 15px;
}
.topMenu a:link, .topMenu a:visited	{
	font-family: Helvetica, Arial, "Century Gothic";
	font-size:1.1em;
	color:#907858;
	text-decoration:none;
	font-weight:bold;
}
.topMenu a:hover	{
	font-family: Helvetica, Arial, "Century Gothic";
	font-size:1.1em;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
/*------------- End Top Menu -------------*/
/*------------- Start Content Area ---------*/
.contentArea	{
	width:930px;
	background-image:url(../images/content_bkg.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding:10px 0px 10px 10px;	
}
.leftColumn	{
	width:279px;
	float:left;
	display:inline;
}
.whatsnewHeader	{
	width:279px;
	height:29px;
	background-image:url(../images/whatsnew_main_header.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.whatsnewContent	{
	width:239px;
	background-image:url(../images/whatsnew_main_bkg.jpg);
	background-repeat:repeat-y;
	padding:0px 20px 0px 20px;
}
.whatsnewFooter	{
	width:279px;
	height:26px;
	background-image:url(../images/whatsnew_main_footer.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.dateRight	{
	text-align:right;
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.4em;
	color:#006f00;
	padding:5px 5px 5px 5px;
}
.newsContent	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#000;
	padding:5px 5px 5px 5px;
}
.newsContentFooter	{
	height:15px;
	background-image:url(../images/greenstars_yellow.gif);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:right;
	padding:5px 5px 5px 5px;
}
.rightColumn	{
	width:640px;
	float:right;
	display:inline;
}
.photosRotatorContainer	{
	width:640px;
	height:358px;
	background-image:url(../images/mainPhotos_bkg.jpg);
	background-repeat:no-repeat;
	padding:23px 0px 0px 13px;
}
.photoContainer	{
	width:600px;
	height:285px;
	padding:5px 5px 5px 5px;
	background-color:#FFF;
}
#MySlideShow { 
	display: none; 
	width: 600px; 
	height: 285px; 
}
.welcomeContent	{
	padding-right: 10px;
}
.welcomeFooter	{
	height:15px;
	background-image:url(../images/greenstars_white.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
.featuredVendorsHeader	{
	width:760px;
	height:18px;
	background-image:url(../images/featuredvendors_main_header.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.vendorSlide	{
	width:222px;
	height: 223px;
	background-image:url(../images/slide.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
	display:inline;
	margin-right:10px;
	margin-top:10px;
}
.vendorName	{
	padding:10px 5px 5px 5px;
	text-align:center;
	height:45px;
	overflow:hidden;
}
.vendorImage	{
	height:102px;
	padding: 0px 35px 0px 35px;
	text-align:center;
}
.vendorLink	{
	padding:35px 10px 0px 0px;;
	text-align:right;

}
/*------------- End Content Area -----------*/
/*------------- Start Footer Area -----------*/
.footerWrapper	{
	width:980px;
	margin:0 auto;
	padding-top:20px;
}
.footerLeft	{
	width:325px;
	float:left;
	display:inline;
	border-right: solid 2px #FFF;
}
.footerRight	{
	width:650px;
	float:right;
	display:inline;
}
.vendorInfoHeader	{
	width:325px;
	height:15px;
	background-image:url(../images/vendorinfo_footer_header.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.vendorInfoContent	{
	width:305px;
	padding:10px 5px 5px 15px;
	font-family:Helvetica, Arial, "Century Gothic";
	color:#FFF;
	font-size:1em;
}
.vendorInfoBtn	{
	text-align:center;
}
.bottomMenu	{
	width:650px;
	height:30px;
	background-repeat:no-repeat;
	margin: 0 auto;
	font-family: Helvetica, Arial, "Century Gothic";
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.bottomMenu ul	{
	list-style: none;
	margin:0;
	padding:0;
}
.bottomMenu li	{
	display:inline;
	padding: 0px 8px 0px 8px;
}
.bottomMenu a:link, .bottomMenu a:visited	{
	font-family: Helvetica, Arial, "Century Gothic";
	font-size:.9em;
	color: #FFF;
	text-decoration:none;
}
.bottomMenu a:hover	{
	font-family: Helvetica, Arial, "Century Gothic";
	font-size:.9em;
	color: #CCFF00;
	text-decoration:underline;
}
.copyright	{
	width:325px;
	float:right;
	display:inline;
	text-align:right;
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:.9em;
	color:#FFF;
}
.copyright a:link, .copyright a:visited	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:.9em;
	color:#FFF;
	text-decoration:underline;
}
.copyright a:hover	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:.9em;
	color: #99FF00;
	text-decoration:none;
}
.facebook	{
	width:310px;
	padding:10px 0px 0px 15px;
	float:left;
	display:inline;
}
/*------------- End Footer Area -----------*/
/*------------- General Layout Info -----------*/
.topMarginDiv	{
	margin-top:10px;
}
/*---------- Text Formatting --------------*/
h1	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:2em;
	font-weight:bold;
	color:#000;
	line-height:1.8em;
	text-transform:capitalize;
}

.smlText	{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#000;
	font-size:1em;
}
.smlText a:link, .smlText a:visited	{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#000;
	font-size:1em;
	text-decoration:none;
}
.smlText a:hover	{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#fabe6e;
	font-size:1em;
	text-decoration:none;
	background-color:#000;
}

.text-1	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.1em;
	color:#000;
	line-height:1.3em;
}
.text-1B	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.1em;
	color:#000;
	line-height:1.3em;
	font-weight:bold;
}
.text-2	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.2em;
	color:#000;
	line-height:1.5em;
}
.text-2B	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.2em;
	color:#000;
	line-height:1.5em;
	font-weight:bold;
}
.text-3	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.3em;
	color:#000;
	line-height:1.7em;
}
.text-3B	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.3em;
	color:#000;
	line-height:1.7em;
	font-weight:bold;
}
.text-4	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.4em;
	color:#000;
	line-height:1.9em;
}
.text-4B	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.4em;
	color:#000;
	line-height:1.9em;
	font-weight:bold;
}
.text-5	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.5em;
	color:#000;
	line-height:2.1em;
}
.text-5B	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.5em;
	color:#000;
	line-height:2.1em;
	font-weight:bold;
}
.text-6	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.5em;
	color:#000;
	line-height:2.3em;
}
.text-6B	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.5em;
	color:#000;
	line-height:2.3em;
	font-weight:bold;
}
.pagination	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#000;
}
.pagination	a{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#000;
	text-decoration:none;
}
.pagination	a:hover{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#FFF;
	text-decoration:none;
	background-color:#000;
}
.pagination-bold	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#000;
	font-weight:bold;
}
.pagination-bold	a{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.pagination-bold	a:hover{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1em;
	color:#FFF;
	text-decoration:none;
	background-color:#000;
	font-weight:bold;
}
/*---------- Vendor Page Layout ----------*/
.vendorTitle	{
	border-top:solid 1px #e77811;
	border-bottom:solid 1px #e77811;
}
.vendorContactContainer	{
	width:214px;
	margin-top:5px;
	float:right;
	display:inline;
}
.vendorDescContainer	{
	width:405px;
	padding:5px 5px 5px 5px;
	float:left;
	display:inline;
}
.vendorContactHeader	{
	width:214px;
	height:28px;
	background-image:url(../images/vendorContact_header.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.vendorContactContent	{
	background-image:url(../images/vendorContact_bkg.jpg);
	background-repeat:repeat-y;
	padding:5px 8px 5px 8px;
}
.vendorContactFooter	{
	width:214px;
	height:10px;
	background-image:url(../images/vendorContact_footerimg.jpg);
	background-repeat:no-repeat;	
}
.vendorThumbContainer	{
	width:160px;
	height:160px;
	padding:10px 10px 10px 10px;
	margin:10px 12px 10px 12px;
	background-image:url(../images/vendorImgThumbBkg.jpg);
	float:left;
	display:inline;
	
}
.vendorDivNoUrl	{
	width: 600px;
	border:solid 10px #bfd8da;
	margin-top:5px;
}
.vendorDiv	{
	width: 600px;
	border:solid 10px #bfd8da;
	margin-top:5px;
}
.vendorDiv	a{
	display:block;
	background-color:#f8f8ee;
}
.vendorDiv	a:link{
	text-decoration:none;
}
.vendorDiv	a:hover{
	text-decoration:none;
	background-color:#e5f8f9;
}
.vendorDivPhoto	{
	background-color:#FFF;
	border:1px solid #e2dddd;
	padding:10px 10px 10px 10px;
	width:100px;
	height:100px;
	float:left;
	display:inline;
	margin:5px 0px 5px 5px;
}
.vendorDivPhotoBorder{
	border:none;
}
.vendorDivRight	{
	width:450px;
	float:right;
	display:inline;
	margin-right:10px;
}
.vendorDivTitle	{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0px 5px 0px;
	border-bottom:solid 1px #000;
}
.vendorDivTitle a	{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
}
.vendorDivText	{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#000;
	font-size:1em;
	text-decoration:none;
	padding:5px 0px 10px 0px;
}
.vendorDivText	a{
	font-family:Helvetica, Arial, "Century Gothic";
	color:#000;
	font-size:1em;
	text-decoration:none;
}
.contentPadding	{
	padding:5px 5px 5px 5px;
}
.contactLeft	{
	width:340px;
	float:left;
	display:inline;
}
.contactRight	{
	width:290px;
	float:right;
	display:inline;
}
.pricingHeader	{
	font-family:Helvetica, Arial, "Century Gothic";
	font-size:1.2em;
	color:#f8f8ee;
	background-color:#000;
	padding:5px 5px 5px 5px;
	font-weight:bold;
}
.pricingDivide	{
	border-bottom:solid 1px #666;
	background-color: #CFEBEA;
}
.pricingDivide2	{
	border-bottom:solid 1px #666;
	background-color: #D0EDCD;
}
.pricingLeft	{
	width:115px;
	float:left;
	padding:2px 5px 2px 5px;
	text-align:right;
}
.pricingRight	{
	width:200px;
	float:right;
	padding:2px 5px 2px 5px;
	text-align:left;
}