@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


	



/* remember to define focus styles! */
:focus {
	outline: 0;
}



/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image: url("bodybg.jpg");
	background-repeat:repeat-x;
	
}



#container{
	width:1008px;
	margin:auto;
	text-align:center;
}

#header{
	position:relative;
	width:1008px;
	height:135px;
	background-image: url("header.jpg");
}

#header img{
	float:left;
	margin-left:25px;
	margin-top:15px;
}

#nav{
	position:relative;
	margin-left:14px;
	overflow:hidden;
	}
	
	#nav ul{
		list-style:none;
		}
	
	#nav li{
		display:inline;
		}
		
	#nav li.join a{
		width:190px;
		background: url("joinbutton.jpg") top center no-repeat;
		}
		
		#nav li.sample a{
		width:200px;
		background: url("samplebutton.jpg") top center no-repeat;
		}
		
		#nav li.browse a{
		width:200px;
		background: url("browsebutton.jpg") top center no-repeat;
		}
		
		#nav li.submit a{
		width:200px;
		background: url("submitbutton.jpg") top center no-repeat;
		}
		
		#nav li.login a{
		width:190px;
		background: url("loginbutton.jpg") top center no-repeat;
		}
		
		#nav li a:hover {
			background-position: bottom;
		}
	

   
	
	#nav li a{
		display:block;
		height:100px;
		text-indent:-9999px;
		float:left;
	}
	
	#main{
		position:relative;
		margin:0 auto 0 auto;
		background-image: url("featuredmainbg.jpg");
		background-repeat:repeat;
		height:308px;
		width:980px;
	}
	
	#featuredbg{
	position:absolute;
		background-image: url("featuredbackground.png");
		height:261px;
		width:941px;
		top:25px;
		left:20px;
	}
	
	#featuredtop{
		float:left;
		margin-left:20px;
		margin-top:19px;
		background-image: url("featuredtop.png");
		width:621px;
		height:222px;
	}
	
	#featuredtop h2{
	margin:15px auto 3px auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#e2d5d7;
	text-align:center;
	}
	
	#featuredtop p{
		float:left;
	margin:5px 15px 0 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#e2d5d7;
	text-align:left;
	line-height:25px;
	}
	
	#ribbon{
	width:1008px;
	height:90px;
	background-image: url("ribbon.jpg");	
	margin:auto;
	text-align:center;
	}
		
	#ad {
		float:left;
		margin-left:57px;
		margin-bottom:10px;
		margin-top:19px;
		height:222px;
		width:221px;
	}
	
	#left{
		float:left;
		margin-left:16px;
		margin-top:25px;
		height:248px;
		width:334px;
		background-image: url("bottomleft.png");
	}
		
	#middle{
		float:left;
		margin-left:53px;
		margin-top:25px;
		height:248px;
		width:172px;
		background-image: url("middle.png");
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:15px;
		color:#FFF;
		font-style:italic;
		}
	
	#middle p{
		line-height:20px;
		margin: 25px 10px 10px 10px;
	}
	
	#middle .partwo{
		color:#e2d5d7;
		font-style:normal;
		font-size:11px;
		margin-top:0;
		line-height:15px;
	}
	
	#right{
		float:left;
		margin-left:53px;
		margin-top:25px;
		height:248px;
		width:334px;
		background-image: url("bottomleft.png");
	}
		
	#bottommain{
	 width:980px;
	 height:299px;
	 background-image: url("bottom.jpg");
	 margin:auto;
	 text-align:center;
	}
	
	#footer{
	width:980px;
	 height:67px;
	 background-image: url("footer.png");
	 margin:auto;
	 text-align:center;	
	}
	
	#left img{
		width:267px;
		height:113px;
		position:relative;
		margin: 63px auto 0 auto;
	}
	
	#right ul{
		float:left;
		list-style:none;
		margin-top:40px;
		}
	
	#right li{
		display:inline;
		margin-left:15px;
		font-size:26px;
		color:#FFF;
	}
	
	#right li a{
		text-decoration:none;
		color:#FFF;
	}
	
	#right li a:hover{
		text-decoration:underline;
		color:#b78288;
	}
	#right li a:active{
		text-decoration:underline;
		color:#b78288;
	}
	
	.one{
		padding-top:2px;
		margin-left:32px;
	}
	
	.two{
		margin-left:3px;
		margin-top:30px;
	}
	
	.three{
		margin-top:50px;
		margin-left:38px;
		
	}
	
	#bottom{
		margin:auto;
		text-align:center;
		width:100%;
		height:270px;
		background:#8a8888;
		}
		
		#bottom img{
			width:1008px;
			height:50px;
			margin:auto;
			text-align:center;
		}
		

	
	#innerwrap{
		width:1008px;
		background-color:#8a8888;
		margin:auto;
		text-align:center;
	}
	
	#roll1{
		margin-top:30px;
		margin-left:200px;;
		margin-bottom:50px;
		float:left;
		width:140px;
		height:90px;
		}
		
		
	#roll1 a.rollover1{
	display:block;
	width:70px;
	height:81px;
	background: url("bulbrollover.png") 0 0 no-repeat;
	overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;  	
	}
		
	#roll1 a:visited.rollover1{
	background-position: 0 0;
	}
	
	#roll1 a:active.rollover1{
    background-position: 0 0;
	}
	
	#roll1 a:hover.rollover1{
    background-position: 0 -81px;
    }


     #roll2{
		margin-top:30px;
		margin-left:;
		margin-bottom:50px;
		float:left;
		width:300px;
		height:90px;
		}
		
		
	#roll3 a.rollover2{
	display:block;
	width:100px;
	height:90px;
	background: url("birdrollover.png") 0 0 no-repeat;
	overflow: hidden;  
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;  	
	}
		
	#roll3 a:visited.rollover2{
	background-position: 0 0;
	}
	
	#roll3 a:active.rollover2{
    background-position: 0 0;
	}
	
	#roll3 a:hover.rollover2{
    background-position: 0 -90px;
    }
	
	#roll3{
		margin-top:28px;
		margin-left:67px;
		margin-bottom:50px;
		float:left;
		width:175px;
		height:90px;
		}
		
		
	.parone{
		font-size:14px;
		color:#2e1515;
		margin:30px auto 0 auto;
		text-align:center;
	}
		
	.partwo{
		font-size:12px;
		color:#FFF;
		margin:50px auto 0 auto;
		text-align:center;
		}

/*--Pop Styles--*/
.pop {
  position: absolute;
  top:-10px;
  right:165px;
  display: inline; }
  
  .pop p{
	  margin-top:20px;
  }
  .pop .pop_menu {
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
  .pop .pop_toggle {
    background-image: url("contacttab.png");
    background-repeat: no-repeat;
    background-position: center center;
    width:100px;
    height: 50px;
    overflow: hidden;
    cursor: pointer; }

.active .pop_menu {
  display: block;
  background: rgba(65, 18, 34, .1);
  background: rgb(65, 18, 34);
  color: #fff;
  position: absolute;
  width:150px;
  height:500px;
 }
   
  .active .pop_menu a {
    color: #fff; }
.active .pop_toggle {
  z-index: 2000;
  position: absolute;
  top:0;
  left:-100px;
  background-image: url("contacttabup.png"); }

.antispam{
	display:none;
}

#thanks{
	width:300px;
	height:300px;
	z-index:2000;
	position:absolute;
	top:100px;
	left:500px;
}