@charset "utf-8";

/* archythemovie.com - Global Stylesheet */
/* Developed by GroovyCat Interactive */


/* --------------------------------------- */
/* --( Style Sheet Import )-- */
/* --------------------------------------- */

@import url(content.css);
@import url(jScrollPane.css);
@import url(jquery.tooltip.css);
@import url(thickbox.css);



/* --------------------------------------- */
/* --( Global Styles )-- */
/* --------------------------------------- */
	div {
		/* border: 1px dotted red; */
	}
	html {
		background: #000 url(../_img/archy_main_bg.jpg) repeat-x;
		font-family:"Times New Roman", Times, serif;
		color: #9F9F9F;
	}
	a {
		outline: none;

	}
	a:hover {

	}
	body {
		margin: 0;
		padding: 0;

	}
	p {
		font-size: small;
	}
	h1.logo{
		width:970;
		height:191px;
		background:url(../_img/archy_logo.jpg) no-repeat;
		text-indent: -3000px;
		margin:0px;
		padding:0px;
	}
	h1.logo a{
		position:absolute;
		display:block;
		width: 375px;
		height:160px;
		left:80px;
	}
	h4.tagline{
		text-indent:-3000px;
		display:none;
	}
	a {
		color: #fff;
		text-decoration:none;
	}
/* --------------------------------------- */
/* --( Global Classes )-- */
/* --------------------------------------- */

	/* self clearing rules */
	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.selfclear { display: inline-block; _height: 1%; }
	/* Hides from IE-mac \*/
	.selfclear { display: block; }
	/* End hide from IE-mac */
	
	.nodisp {
		margin: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
/* --------------------------------------- */
/* --( Skip To )-- */
/* --------------------------------------- */

	#skip_to,
	#skip_to p {
		margin: 0;
		width: 0;
		height: 0;
		overflow: hidden;
	}
/* --------------------------------------- */
/* --( Header )-- */
/* --------------------------------------- */
	#header {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:970px;
		height:191px;
	}

	#main_nav{
		margin:0px;
		padding:0px;
		width:700px;
		top:170px;
		left:175px;
		position:absolute;
		list-style:none;
	}	
	#main_nav li {
		float:left;
		display:inline;
	}
	#main_nav li a {
		display:block;
		text-indent:-3000px;
		background:url(../_img/archy_nav.jpg) no-repeat;
		text-decoration:none;
		height:20px;
		
	}


	/* --( Nav Backgrounds )-- */	
		#main_nav li.the_film a{
			background-position: 0px 0px;;
			width: 85px;
		}
			#main_nav li.the_film a:hover{
				background-position: 0px -20px;;
			}
		#main_nav li.archy a{
			background-position: -85px 0px;
			width: 85px;
		}
			#main_nav li.archy a:hover{
				background-position: -85px -20px;
			}
		#main_nav li.tour a{
			background-position: -170px 0px;
			width: 135px;
		}
			#main_nav li.tour a:hover{
				background-position: -170px -20px;
			}
		#main_nav li.slideshow a{
			background-position: -305px 0px;
			width: 105px;
		}
			#main_nav li.slideshow a:hover{
				background-position: -305px -20px;
			}
		#main_nav li.trailer a{
			background-position: -410px 0px;
			width: 85px;
		}
			#main_nav li.trailer a:hover{
				background-position: -410px -20px;
			}
		#main_nav li.sponsors a{
			background-position: -495px 0px;
			width: 95px;
		}
			#main_nav li.sponsors a:hover{
				background-position: -495px -20px;
			}
		#main_nav li.contact a{
			background-position: -590px 0px;
			width: 95px;
		}
			#main_nav li.contact a:hover{
				background-position: -590px -20px;
			}
	
/* --------------------------------------- */
/* --( Content )-- */
/* --------------------------------------- */
	#main_container {
		width:750px;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
	}
/* --( Sub Navs )-- */
	.side_nav {
		float:left;
		font-size: .9em;
		margin:0px 15px 0px 0px;
		padding:0px 25px 0px 0px;
		list-style:none;
		width:120px;
		text-align:right;
		height:525px;
		border-right:1px solid #333333;
	}
	.side_nav li{
		padding:0px;
		margin:0px;
		height:20px;
	}
	.side_nav li a{
		/*font-weight:bold;*/
		display:block;
		padding: 2px 5px 0px 0px;
	}
	.side_nav li a:hover{
		
	}
	li.active{
		background:url(../_img/archy_subnav_bg.jpg) no-repeat right;
	}
/* --------------------------------------- */
/* --( Footer )-- */
/* --------------------------------------- */
	#footer {
		background:url(../_img/archy_footer_bg.jpg) repeat-x;
		height:151px;
		margin-top: 30px;
		text-align:center;
		padding-bottom:15px;
	}
	#footer p{
		margin:0px;
		padding:0px;
		color: #666;
		font-size:.8em;
	}
	#footer a{
		color:#666;
	}
	#footer a:hover {
		color: #999;
	}
	#footer #branding{
		
		width:972px;
		margin:0px auto;
		padding:0px;
	}
	

	#footer #branding ul{
		background:url(../_img/archy_footer_logo_bg.jpg) no-repeat;
		height:151px;
		padding:0px;
		margin:0px auto;
		width:972px;
		list-style:none;
	}	
	#footer #branding ul li {
		float:left;
		display:inline;
	}
	#footer #branding ul li a {
		background:url(../_img/archy_footer_logo_bg.jpg) no-repeat;
		display:block;
		text-indent:-3000px;
		height:95px;	
	}
	
	/* --( Nav Backgrounds )-- */	
	#footer #branding ul li.santacruz a{
		width:125px;
		margin-left:225px;
		background-position: -225px 0px;
	}
		#footer #branding ul li.santacruz a:hover{
			background-position: -225px -151px;
		}
	#footer #branding ul li.surfer a{
			width:95px;
			background-position: -350px 0px;
	}
		#footer #branding ul li.surfer a:hover{
			background-position: -350px -151px;
		}
	#footer #branding ul li.studio411 a{
			width:125px;
			background-position: -445px 0px;
	}
		#footer #branding ul li.studio411 a:hover{
				background-position: -445px -151px;
		}
	#footer #branding ul li.rvca a{
			width:100px;
			background-position: -570px 0px;
	}
		#footer #branding ul li.rvca a:hover{
			background-position: -570px -151px;
		}
	#footer #branding ul li.hoven a{
			width:125px;
			background-position: -670px 0px;
	}
		#footer #branding ul li.hoven a:hover{
			background-position: -670px -151px;
		}