/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body {
background: url(../images/background.png); 
color: #eee; 
font-family: Georgia, serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.5em;
}

a{ color:#FFFFFF; text-decoration:none; outline:none;}
a: hover{ color:#FF6600;}

#wrap{ width:960px;  margin:0 auto;}
#header{ width:960px; height:150px; background: url(../images/header_bg.png);}
#content{ width:960px; height:450px; overflow:hidden;}

#content320Left{ 
	width:258px;                   padding:0px 30px; border-right:#FFFFFF 2px solid;
	height:410px;                  margin:10px 0;    
	overflow:hidden; float:left;
	}

#content640Left{
	width:580px;                   padding:0px 30px;
	height:410px;                  margin:10px 0;    
	overflow:hidden; float:left;
	}
#content320Right{ width:280px; height:410px; margin:10px; padding:10px; overflow:hidden; float:right;}
#content640Right{
	width:580px;                   padding:0px 30px;
	height:410px;                  margin:10px 0;    
	overflow:hidden; float:left;
	}


#footer{ width:960px; height:30px; border-top:2px #FFFFFF solid; text-align:justify; color:#999999;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
}

#footer a { color:#FF9900;}
#footer a:hover { color: #00FF00;}


h1{text-transform: uppercase;}
p {margin:10px 0px;}

#gallery{}
#gallery img{ float:left; padding: 2px 4px;}
#galleryNuts{}
#galleryNuts img{ float:left; padding: 10px 5px;}

 /* *** Magic Line:  *** */ 
.nav-wrap { width:960px; margin: 10px auto;  background-color: rgba(0,0,0,0.2); border-top: 2px solid white; border-bottom: 2px solid white; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #CCCCCC; font-size: 12px; display: block; float: left; padding: 6px 15px 4px 15px; text-decoration: none; text-transform: uppercase; outline:none; }
#example-one li a:hover { color: white; }
#example-one li a:active { color: #00FF00; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }

#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-two li { display: inline; }
#example-two li a { position: relative; z-index: 200; color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-two li a:hover { color: white; }
#example-two #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: rgba(220, 133, 5, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.current_page_item a, .current_page_item_two a { color: white !important; }


	.tipped {
			color: #999999;
		}
				
	.help {
	background: none;
	width: 180px;
	border: 1px solid #FFFFFF;
	padding:3px;
	color: #FF9900;
}
	.helpWide {
	background: none;
	width: 380px;
	border: 1px solid #FFFFFF;
	padding:3px;
	color: #FF9900;
}
	.helpCheck {
	background: none;
	border: 1px solid #FFFFFF;
	padding:3px;
	color: #FF9900;
	margin-right:20px;
}
	.button {
	background: none;
	width: 100%;
	border: 2px solid #FFFFFF;
	padding:3px;
	color: #FFFFFF;
	cursor:pointer;
}



 /* *** 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 */