/* Reset CSS */

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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Superslider CSS */

		*{
			margin:0;
			padding:0;
		}
		a{
			color: white;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		body {
			background: url('../images/bgTile.jpg') top left repeat;
		}
		#content{
			margin:0px auto;
			width:100%;
			z-index: 3;
			position:absolute;
		}
		#contentframe{
			width: 960px;
			margin: 0 auto;
			text-align:left;
			z-index: 3;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('../images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 32px; 
			height: 32px;
			text-indent: -999em;
			background-image: url(../images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
/* Charlie Specifics */
		
		
		body {font-family: Courier, monospace; font-size: 0.9em;}
		
		p	{
			margin-bottom: 10px;
			line-height: 1.1em;
		}
		
		a {font-weight: bold; color: #141414;}
		
		h2.customTxt	{
		font-family: Skicack, arial, sans-serif;
		src: url("../src/skicack.ttf");
		text-transform: uppercase;
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-top: 5px;
		height: 27px;
		background: url('../images/splatter.png') 0px 0px no-repeat;
		color: rgba(23,23,23,.77);
		}

			.customTxt.B	{background-position: 0px -37px;}
			.customTxt.C	{background-position: 0px -74px;}
			.customTxt.D	{background-position: 0px -113px;}
			.customTxt.E	{background-position: 0px -150px;}
			.customTxt.F	{background-position: 0px -187px;}
			.customTxt.G	{background-position: 0px -224px;}
			.customTxt.H	{background-position: 0px -261px;}							


		h2.customTxt a {color: rgba(23,23,23,0.77); margin-top: 10px;}
		h2.customTxt a:hover	{
		color: rgba(23,23,23,0.77);
		text-decoration: none;
		border-bottom: 3px solid rgba(51,51,51,0.77);
		}

		.col	{float: left; display: inline;}
		.clear	{float:none; clear: both;}
		
		
		
		#socialLinks	{float: right; padding-top: 23px;}
		#socialLinks ul li 	{float: left; margin: 0; list-style: none;}
		#socialLinks ul li:first-child	{margin-right: -4px;}
		#socialLinks ul li:last-child	{padding-left: 0px; margin-top: -2px; opacity: 0.8;}
				
		.customTxt.navMenu {
			position: relative;
			bottom: -23px;
			background: none; padding: 0pt; margin: 0 10px 0 0; text-align: right;
			}		
		
			.customTxt.navMenu a {color: rgba(15,15,15,0.63);}
		
		.note .noteTop	{background:url('../images/noteTop.png') no-repeat scroll center top transparent;
height:46px;
padding:39px 23px 0;
width:365px;}
		.note .noteMiddle	{background:url('../images/noteMiddle.png') repeat-y scroll center top transparent;
width:365px; padding: 10px 23px 10px 23px; margin-top: -1px;}
		.note .noteBottom	{height: 100px; width: 365px; padding: 2px 23px 45px 23px; background: url('../images/noteBottom.png') bottom center no-repeat;}
		
		.purchase	{margin-top: 350px;
		background: url('../images/notePurchase.png') top center no-repeat;
		width: 200px;
		height: 206px;
		padding: 10px 23px 25px 18px;
		-webkite-transform: rotate(-0.76deg);
		-moz-transform: rotate(-0.76deg);
		}