/* CSS Document */
* {
	margin: 0; 
	padding: 0;
}
body{
	background:url(../images/BGimage1.jpg);
	background-repeat:no-repeat;
	background-color:#76a729;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;	
	behavior: url("csshover3.htc"); 
}

.backgroundSelector{float:left; position:relative; top: 125px; left:0; width:60px; height: 200px;}

.bg1 {
  background : url(../images/BGimage1.jpg) no-repeat;
  background-color:#76a729;
  }

.bg2 {
  background : url(../images/greenBlueBG.jpg) repeat-x;
  background-color: #36de09;
  }
  
.bg3 {
  background : url(../images/lined_paperBG1.jpg) repeat;
  }

.bg4 {
  background : url(../images/pageCurl1.jpg) no-repeat;
  background-color: #ffffff;
  }

.bg5 {
  background : url(../images/psdBG.jpg) repeat;
  }
  
.bg6 {
  background : url(../images/BGimage2.jpg) no-repeat;
  background-color:#2fb44b;
  }

span {
 color:#FF6600;
}

h1 {
	font-size: 27px;
	text-align:center;
	color: #ff6600;
	margin:0 0 10px 0px;
}
a:link {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #FF6600;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #FF6600;
	text-decoration: underline;
}

.containerHolder {
	width:1000px;
	margin: 0 auto;
	height:auto;
	padding: 0 0 0 60px;
}

.container {
	width:900px;
	height:auto;
	min-height: 900px;
	background:url(../images/mainBGrepeat1.png) repeat-y;
	float:left;
}

.containerTop {
	height:140px;
}

.containerTop1 {
	height:1px;
}

.nav{
	background:url(../images/whtGif.png) repeat-x bottom left;
	padding: 3px 10px 5px 10px;
	text-align:left;
	font-size:11px;
}

.header {
	width:900px;
	height:auto;
	position:fixed;
	top:0;
	z-index:9999;
	padding-bottom:10px;
}

.contentHolder {
	position:relative;
	left: 83px;
	width:735px;
	height:auto;
	background:url(../images/contentBGrepeat.png) repeat-y;
}

.topCurve {
	position:relative;
	left: 83px;
	height: 21px;
	width: 735px;
	background:url(../images/topCurveContent.png) no-repeat;
}

.contentBG {
	height: auto;
	width: 695px;
	background:url(../images/contentBGrepeat.png) repeat-y;
	padding: 0 20px 0 20px;	
	border:0px;
}

.introNav {
	width: 329px;
	height:249px;
	float:left;
	margin:0 0 0 10px;
	background:url(../images/buttonsIntro.jpg) repeat-x;
}

.introWeb {
	width: 705px;
	height:auto;
	float:left;
	margin:0 0 15px 10px;
	padding:0 0 0 10px;
	background:url(../images/webIntro.jpg) repeat-x left bottom;
	z-index:8888;
}

#nav { 
	list-style: none;
  padding: 0;
  margin: 0;
  width: 322px;
  height: 69px;
  background:url(../images/navBGrepeat.jpg) repeat-x;
  position: relative;
}

#nav span {
  display: none;
  position: absolute;
}

#nav a {
  display: block;
  text-indent: -900%;
  position: absolute;
  height:69px;
  outline: none;
}

#nav a:hover {
	display: block;
  background-position: left bottom;
  height: 69px;
  cursor:pointer;
}

#nav a:hover span {
  display: block;
  height:69px;
}

#nav .why {
	display:block;
  width: 322px;
  height: 69px;
  background: url(../images/WhygsOn.png) no-repeat;
  left: 0px;
  top: 0px;
}

#nav .why span {
	width: 322px;
  height: 69px;
  background: url(../images/WhygsOn.png) no-repeat;
  background-position: bottom left;
  left: 0px;
  top: 0px;
}

#nav .what {
	display:block;
  width: 322px;
  height: 69px;
  background: url(../images/WhatgsOn.png) no-repeat;
  left: 0px;
  top: 72px;
}

#nav .what span {
	width:322px;
  height: 69px;
  background: url(../images/WhatgsOn.png) no-repeat;
  background-position: bottom left;
  left: 0px;
  top: 0px;
}

#nav .how {
	display:block;
  width:322px;
  height: 69px;
  background: url(../images/HowgsOn.png) no-repeat;
  left: 0px;
  top: 142px;
}

#nav .how span {
	width:322px;
  height: 69px;
  background: url(../images/HowgsOn.png) no-repeat;
  background-position: bottom left;
  left: 0px;
  top: 0px;
}

.introImages {
	width: 386px;
	height:238px;
	float:left;
	background:url(../images/imageIntro.jpg) no-repeat;}

.clearb {
	clear:both;
}

.mainContent {
	width:467px;
	height:auto;
	padding: 0 0 0 20px;
	float:left;
}

.subContent {
	width:217px;
	height:auto;
	margin: 0 0 0 10px;
	float:left;
	background:url(../images/SuibscribePanelBGrepeat.jpg) repeat-y;
}

.mainTextBG1 {
	width: 467px;
	height: auto;
	padding: 0 0 20px 0;
	background:url(../images/TextModuleBottom1.jpg) no-repeat;
	background-position:bottom;
	margin: 0 0 5px 0;
}

.mainTextBG {
	width: 441px;
	height: auto;
	background:url(../images/textModuleBG.jpg) no-repeat;
	background-position:top;
	padding: 0 8px 0 18px;
}

.mainTextBG p{
	padding: 10px 0 0 0;
}

.mainTextBGList {
	background-image:url(../images/squirrelList.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 40px;
	padding:0 20px 0 20px;
	line-height:30px;
}

.mainHeadWhy {
	width:441px;
	height: 73px;
	font-size:15px;
	color: #FF6600;
	line-height:73px;
	font-weight:bold;
	background:url(../images/emailDisc.png) no-repeat;
	background-position:right;
}

.mainHeadWhat {
	width:441px;
	height: 73px;
	font-size:15px;
	font-weight:bold;
	color: #FF6600;
	line-height:73px;
	background:url(../images/squirrelDisc.png) no-repeat;
	background-position:right;
}

.mainHeadWeb {
	width:441px;
	height: 73px;
	font-size:15px;
	font-weight:bold;
	color: #FF6600;
	line-height:73px;
	background:url(../images/webDisc.png) no-repeat;
	background-position:right;
}


.mainHeadBanner {
	width:441px;
	height: 73px;
	font-size:15px;
	font-weight:bold;
	color: #FF6600;
	line-height:73px;
	background:url(../images/bannerDisc.png) no-repeat;
	background-position:right;
}


.mainHeadHow {
	width:441px;
	height: 73px;
	font-size:15px;
	font-weight:bold;
	color: #FF6600;
	line-height:73px;
	background:url(../images/pennyDisc.png) no-repeat;
	background-position:right;
}


.bottomCurve {
	position:relative;
	left: 83px;
	height: 26px;
	width: 735px;
	background:url(../images/bottomCurveContent.png) no-repeat;
	background-position:bottom;
}

.padd20l {
	padding: 0 10px 0 10px;
}

.offerItem {
	border-top:#999999 solid thin ;
	border-bottom:#999999 solid thin ;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
}
subscription form style 
span.button {margin:8px 0 0 40px;} 
div.clear {clear:both;padding-top:5px;} 
span.label,span.spacer,span.multiple span {width:200px; font-size:16px; padding-top:15px;} 

/* BASIC STYLES */
		fieldset{margin:0;padding:0;border:0;}
		.txt_input{display:block;}
		textarea{height:80px;}
		input{display:block;}
		.req{color:#ff6600;}
		#form_errors{color:#f00; display:none;}
		#form_thanks{background-color:#ff6600; color:#ffffff; display:none;}

.footer {height:300px; background:url(../images/footerLogo.png) no-repeat; background-position:center;}

.footer1 {height:100px; background:url(../images/footerLogo.png) no-repeat; background-position:center; margin:3% 0%;}

.buttonsHolder {text-align:center; margin:3% 0%;}

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin:15px 15px 0 0;
		border:1px solid #ff6600;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:79px;
		height:79px;
		line-height:79px;
		overflow:hidden;
		position:relative;
		z-index:1;	
		cursor:default;	
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-45px;
		left:-87px;
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:8899;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #ff6600;	
			background:#ffffff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #ff6600;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:79px;
		height:79px;
		line-height:79px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:0px;
		left:-500px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #ff6600;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */

.web a{
	width:300px;
	height:350px;
	text-align: -9999px;
	background-image:url(../images/iconsWeb.png);
	background-position:top;
	overflow:hidden;
	display:block;
	float:left;
	display:block;
	}

.web a:hover{
	background-image:url(../images/iconsWeb.png);
	background-position:bottom;
	text-align: -9999px;
	display:block;
}

.email a{
	width:300px;
	height:350px;
	text-align: -9999px;
	background-image:url(../images/iconsEmail.png);
	background-position:top;
	overflow:hidden;
	display:inline-block;
	float:left;
	}

.email a:hover{
	background-image:url(../images/iconsEmail.png);
	background-position:bottom;
	text-align: -9999px;
}

.banners a{
	width:300px;
	height:350px;
	text-align: -9999px;
	background-image:url(../images/iconsBanners.png);
	background-position:top;
	overflow:hidden;
	display:block;
	float:left;
	}

.banners a:hover{
	background-image:url(../images/iconsBanners.png);
	background-position:bottom;
	text-align: -9999px;
}

/*Captcha Contact Form */
                #contactform {
                        width: 200px;
                }

                #contactform h1 {
                        font-size: 120%;
                }

                #contactform img {
                        border: 0px;
                }

                #contactform .errors {
                        color:#FF0000!important;
						font-style:italic;
						font-weight:bold;
						
                }

                #contactform .correct {
                        color: black;
                }

                #contactform legend {
                        font-size: 120%;
                        font-weight: bold;
                }

                #contactform .title {
                        color: black;
                        font-weight: bold;
                        font-size: 90%;
                        margin-top: 2px;
                        margin-bottom: 5px;
                }

                #contactform .field {
                        color: black;
                        font-size: 90%;
                        margin-bottom: 7px;
						width:190px;
                }

                #contactform .small {
                        font-size: 80%;
                }

                #contactform .thanks {
                        margin-top: 15px;
                        font-size: 105%;
                        margin-bottom: 15px;
                }