/* generated by csscreator.com */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../images/background/boards.jpg);
	background-repeat: repeat;
} 
 
#pagewidth{ 
 width:1020px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
	position:relative;
	height:90px;
	width:100%;
	background-image: url(../images/background/header_background.png);
	background-repeat: no-repeat;
} 
 
#twocols{
	width:960px;
	float:right;
	position:relative;
	background-image: url(../images/background/main_background_area.png);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 30px;
  }
 
#rightcol{
	width:252px;
	float:right;
	position:relative;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:693px;
	margin-left: 6px;
 }

#maincol h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #39140A;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #43150B;
	text-transform: uppercase;
}

#maincol h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #39140A;
	text-decoration: none;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #43150B;*/
	text-transform: uppercase;
}

#maincol h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #39140A;
	text-decoration: none;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #43150B;*/
	text-transform: uppercase;
}

#maincol p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #361309;
	text-decoration: none;
}
#maincol p a {
	color: #361309;
}

#maincol p a:hover {
	background-color: #361309;
	color: #ffffff;
}

#maincol ul {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #361309;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: disc;
}

 
#flash {
	background-image: url(../images/background/flash_background_area.png);
	background-repeat: no-repeat;
	background-position: -0.09em 0px;
	width: 986px;
	display: block;
	float: left;
	padding-left: 34px;
}
#flash #mother-earth-left {
	float: left;
	height: 413px;
	width: 480px;
	display: inline;
	padding-top: 80px;
	padding-left: 10px;
}
#flash #mother-earth-right {
	float: right;
	height: 333px;
	width: 435px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 15px;
	margin-right: 33px;
}
#flash #mother-earth-right #musicplayer {
	width:423px;
	height:200px;
	background-color:white;
	margin-top:113px;
}
#flash #mother-earth-right h1 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


#flash-image {
	height: 333px;
	width: 956px;
	float: left;
	background-image: url(../images/background/flash-homepage-placeholder.png);
	background-repeat: no-repeat;
}
#flashmusic{
	width: 451px;
	float: left;
	background-image: url(../images/background/flash-secondpage-placeholder.png);
	background-repeat: no-repeat;
	height: 104px;
	padding-left: 500px;
}

#flashbottom {
	width: 953px;
	display: block;
	height: 26px;
	background-image: url(../images/background/flash_background_bottom.png);
	background-repeat: no-repeat;
	background-position: -30px;
	float: left;
}

#footer{
	height:180px;
	clear:both;
	background-image: url(../images/background/footer_background_area.png);
	font-family: "Trebuchet MS";
	font-size: 9px;
	text-decoration: none;
	width: 950px;
	padding-top:10px;
	padding-right: 35px;
	padding-left: 35px;
	background-repeat: no-repeat;
 }
 
 #footer a {
   font-weight:bold;
   color:#000000;
   text-decoration:none;
 }
 
 #footer a:hover {
     font-weight:bold;
     text-decoration:underline;
 } 
#purchase {
	display: block;
	width: 254px;
	margin-bottom: 6px;
	clear: both;
	padding-top: 74px;
	background-image: url(../images/background/purchase.png);
	background-repeat: no-repeat;
	background-position: top;
}
#connect {
	display: block;
	width: 254px;
	margin-bottom: 6px;
	clear: both;
	background-image: url(../images/background/connect.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 72px;
}
#connecticons {
	float: left;
	height: 62px;
	width: 254px;
}
a.rss, a.rss:visited {
	background-image: url(../images/background/rss.png);
	float: left;
	height: 62px;
	width: 60px;
}
a.rss:hover {
	background-image: url(../images/background/rss.png);
	float: left;
	height: 62px;
	width: 60px;
}
a.twitter, a.twitter:visited {
	background-image: url(../images/background/twitter.png);
	float: left;
	height: 62px;
	width: 60px;
}
a.twitter:hover {
	background-image: url(../images/background/twitter.png);
	float: left;
	height: 62px;
	width: 60px;
}

a.facebook, a.facebook:visited {
	background-image: url(../images/background/facebook.png);
	float: left;
	height: 62px;
	width: 60px;
}
a.facebook:hover {
	background-image: url(../images/background/facebook.png);
	float: left;
	height: 62px;
	width: 60px;
}

a.youtube, a.youtube:visited {
	background-image: url(../images/background/youtube.png);
	float: left;
	height: 62px;
	width: 60px;
}

a.youtube:hover {
	background-image: url(../images/background/youtube.png);
	float: left;
	height: 62px;
	width: 60px;
}

a.myspace, a.myspace:visited {
	background-image: url(../images/background/myspace.png);
	float: left;
	height: 62px;
	width: 60px;
}
a.myspace:hover {
	background-image: url(../images/background/myspace.png);
	float: left;
	height: 62px;
	width: 60px;
}

#signup {
	display: block;
	width: 254px;
	margin-bottom: 6px;
	background-position: top;
	background-repeat: no-repeat;
	clear: both;
	background-image: url(../images/background/sign_up.png);
	padding-top: 72px;
}
a.mother-earth-link, a.mother-earth-link:visited {
	background-image: url(../images/mother-earth/purchase-button.png);
	background-repeat: no-repeat;
	float: left;
	height: 54px;
	width: 200px;
	background-position: center;
	margin-left: 15px;
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 25px;
}
a.mother-earth-link:visited {
	background-image: url(../images/mother-earth/purchase-button.png);
	background-repeat: no-repeat;
	float: left;
	height: 54px;
	width: 200px;
	background-position: center;
	margin-left: 15px;
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 25px;
}
a.purchase, a.purchase:hover {
	width: 80px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-left: 90px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/background/email_signup_button.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	text-transform: uppercase;
	margin-right: auto;
	float: left;
	padding-left: 20px;
}


a.purchase:visited {
	width: 80px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-left: 90px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/background/email_signup_button.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	text-transform: uppercase;
	margin-right: auto;
	float: left;
	padding-left: 20px;
}
}
 /*------------------form styles begin here-------------------------*/
#form2 {
	float:right;
	width:292px;
	height:250px;
	background-image:url(../images/background/form-background.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
}
.form-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	margin-top: 15px;
	display: block;
	font-weight: bold;
}


label{
	float: left;
	width: 67px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-align: right;
	margin-left: 5px;
	display: inline;
}
.requiredfields {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.form-elements {
	display: block;
	width: 215px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#el02 {
	width: 110px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
	margin-right: 20px;
}
#el09 {
	width: 250px;
	height: 150px;
}

#submitbutton2{
	width: 100px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	margin-left: 105px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/background/email_signup_button.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}


/*------------------form style ends here---------------------------*/

/*---------------- navigation menu begins here---------------------*/
#navigaton-container {
	height: 40px;
	width: 638px;
	margin-right: 25px;
	margin-left: 325px;
	margin-top: 35px;
	float: right;
}
/*---------------- navigation menu begins here---------------------*/
/*---------------- navigation menu begins here---------------------*/
#nav, #nav ul {
	float: none;
	list-style: none;
	line-height: 0.6em;
	/**color: #8681B4;**/
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #42150B;



}



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



/* The top main navigation links */



#nav a {
	display: block;
	color: #3F150B; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	margin-top: 7px;
	background-image: url(../images/background/line.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
	padding-right: 32px;
	padding-bottom: 10px;
	padding-left: 32px;

}



/* I'm targeting the last main navigation link to have no "bar" on the right side */



#nav a.last {
	background-image: none;

}



#nav a.one, #nav a.two, #nav a.three {
	text-align: left;
	font-size: 1em;

}



#nav li {
	float: left;
	padding: 0;
	list-style: none;

}

#nav a:hover {
	color:#FFFFFF;
	background-image: url(../images/background/navigation-bg.png);
	background-repeat: repeat;
}


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



/* The dropdown links lists */



#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
	font-weight: normal;
	border: 1px solid #b2b39e;
	background-color: #761B16;
	margin: 0;
	z-index: 10;
	list-style: none;

}



#nav li li {
	padding: 0;
	width: 100%; 
	list-style: none;

}



#nav li ul a {
	padding: 5px 8px;
	width: 234px;

	* html width: 234px;

}



/* This controls the flyout location of the second level dropdowns */



#nav li ul ul {
	margin: -2em 0 0 234px;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #FFFFFF;
}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #FFFFFF;
}



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



/* Here is the background of the main nav link while looking at the dropdown */



#nav li:hover, #nav li.sfhover {
	background-color: #582800;
	color: #FFFFFF;
}



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



/* The dropdown links list colors */



#nav li ul.under a {
	/**color: #000;**/
	background-image: none;

}



#nav li ul.under a:hover {
	background: #b2b39e;
	color: #fff;

}



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



/* The background of the second level links while looking at the dropdown under it... */


#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;

}

#nav li ul.under li:hover, #nav li ul.under li.sfhover {

	/**color: #fff;

	background-color: #f00;**/
}
/*---------------- Navigation styles end here---------------------*/
/*-----------------flicker and twitter begins container------------------*/
#flicktweet{
 width:100%;
 float:left;
}
/*-----------------flicker and twitter ends container--------------------*/

/*-----------------twitter style begins here----------------------*/
#twitter-container{ 
     width:45%;
	 float:right;
}

#twitter-container h3{ 
     width:100%;
	 display:block;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#361309;
	 font-size:24px;
	 margin-bottom:1px;
	 line-height:28px;
	 padding-left:6px;
}

.tweet {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #361309;
	text-decoration: none;
    margin:0 0 10px;
}
.tweet a {
	color: #361309;
}

.tweet a:hover {
	background-color: #361309;
	color: #ffffff;
}

.tweetdate {
display:block;
}
/*-----------------twitter style ends here------------------------*/

/*-----------------flickr style begins here----------------------*/
#flickr-container{ 
     width:45%;
	 float:left;
	 display:inline;
	 margin-left:5px;
}

#flickr-container h3{ 
     width:100%;
	 display:block;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#361309;
	 font-size:24px;
	 margin-bottom:1px;
	 line-height:28px;
	 padding-left:6px;
}

.flickr {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #361309;
	text-decoration: none;
    margin:0 3px 3px;
	float:left;
}
.flickr a {
	color: #361309;
    margin:0 3px 3px;
}

.flickr a:hover {
	background-color: #361309;
    margin:0 3 3px;
	color: #ffffff;
}

/*-----------------flickr style ends here------------------------*/



/*---------------- Map styles starts here---------------------*/
img { border:0;}
/*----------------Fineprint starts here----------------------*/
.fineprint{font-size:9px;}
/*----------------Fineprint ends here------------------------*/

 /*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
  See below for another method of activating the script without adding CSS here.
 */

/*img, div, a, input { behavior: url("assets/templates/gatormudcat/iepngfix.htc"); border:0;}*/


 /*
  Here's an example you might use in practice:
  img, div.menu, .pngfix, input { behavior: url("/css/iepngfix.htc") }
 */

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}