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

Default CSS style sheet
Author: Rob Nale
------------------------------------------------*/

/* Reset */
* {margin:0; padding:0; font:10px Helvetica, Arial,sans-serif; list-style:none;}



/* General Elements */
body {background-color:#fff; }
p {margin:0; font-size:1.4em; line-height:1.4em;}
a{text-decoration:none;}
img { border:none;}



 /*this makes sure that the browser doesn't hit the sides of the page*/
#wrapper {
	margin:1.5em auto;
	width: 1100px; }
	
#wrapper h1{margin-left:-9999px;}

#header {
	height:120px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	background-position: center;}/*this height is set because the image only appears as high as the text, otherwise you would only see a sliver of the top of this picture*/

#header h1 {text-indent:-9999px;}/*this is for the screen readers to read the text but the people cant see it*/

#navbar {
	float:left; 
	height:20px;
	margin-left:385px;}

#navbar li {
	/*border:dashed 1px yellow;*/
	float:left;
	padding:0 10px;
	margin-bottom:20px;
	text-align:center;
	float:left;}
	
#navbar a{
	font-family:Verdana, Geneva, sans-serif;}
	
<!-- on hover this will change the background image for the link-->
#navbar img:hover, #navbar a:hover{color:#f60; background-color:#DFDFDF;}
 
	
/*'guts' is the guts of the content, this is the border that is inside of the content. It contatins the 'p' tags, the 'thumbnail'*/
#content #guts{
	border-top:solid  #272727 8px;
	border-bottom:solid #272727 8px;
	margin-top:40px;
	height:496px;
	width:500px;
	margin-left:315px;
	
	background-color:#fcfcfc;}
	

/*THE HEADER INSIDE OF THE CONTENT BLOCK  E.G. HOME, COUPON, LOCATIONS, TRADE*/
#content #guts #subheader{
	text-align:center;}
#content #guts #subheader h2{
	font-size:2em; 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	padding:5p 0 0 0; } 
	
	
	
	
/*CONTROLS THE FOOTER. ATM, THIS IS THE LINK TO THE CREATORS' WEBSITES*/
#footer {
	background-color:#fff;
	width:500px;
	position:absolute;
	margin: 125px 0 0 320px;}/*this aligns the text in the center of the footer*/
#footer li {float:left; text-align:left;}
#footer #footerlinks p {color:#272727; font-size:1em; padding: 0 10px 0 50px;}
#footer #footerlinks a {text-decoration:none; font-size:1em;}

/*CONTROLS THE FOOTER. ATM, THIS IS THE LINK TO THE CREATORS' WEBSITES*/
#foot {
	background-color:#fff;
	width:500px;
	position:absolute;
	margin: 160px 0 0 320px;}/*this aligns the text in the center of the footer*/
#foot li {float:left; text-align:left;}
#foot #footerlinks p {color:#272727; font-size:1em; padding: 0 10px 0 50px;}
#foot #footerlinks a {text-decoration:none; font-size:1em;}


/*///////////////////////////////////////////////////////
						HOME
///////////////////////////////////////////////////////*/
/*POSITIONING FOR THE IMAGES IN THE LEFT SIDE OF THE SITE*/
#wrapper #homeimgleft {
	position:absolute;
	background-image:url(../images/img-lefthome.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 0px;
}
/*POSITIONG FOR THE IMG HANGING ON THE RIGHT SIDE OF THE SITE*/
#wrapper #homeimgright {
	position:absolute;
	background-image:url(../images/img-righthome.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 795px;
}

/*///////////////////////////////////////////////////////
						BUY SELL TRADE
///////////////////////////////////////////////////////*/
/*POSITIONING FOR THE IMAGES IN THE LEFT SIDE OF THE SITE*/
#wrapper #tradeimgleft {
	position:absolute;
	background-image:url(../images/img-lefttrade.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 0;
}
/*POSITIONG FOR THE IMG HANGING ON THE RIGHT SIDE OF THE SITE*/
#wrapper #tradeimgright {
	position:absolute;
	background-image:url(../images/img-righttrade.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 795px;
}

/*///////////////////////////////////////////////////////
						COUPON
///////////////////////////////////////////////////////*/
/*POSITIONING FOR THE IMAGES IN THE LEFT SIDE OF THE SITE*/
#wrapper #couponimgleft {
	position:absolute;
	background-image:url(../images/img-leftcoupon.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 0;
}
/*POSITIONG FOR THE IMG HANGING ON THE RIGHT SIDE OF THE SITE*/
#wrapper #couponimgright {
	position:absolute;
	background-image:url(../images/img-rightcoupon.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 795px;
}

/*///////////////////////////////////////////////////////
						LOCATIONS
///////////////////////////////////////////////////////*/
/*POSITIONING FOR THE IMAGES IN THE LEFT SIDE OF THE SITE*/
#wrapper #locationimgleft {
	position:absolute;
	background-image:url(../images/img-leftloc.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 0;
}
/*POSITIONG FOR THE IMG HANGING ON THE RIGHT SIDE OF THE SITE*/
#wrapper #locationimgright {
	position:absolute;
	background-image:url(../images/img-rightloc.png);
	background-repeat:no-repeat;
	height:512px;
	width:336px;
	margin:160px 0 0 795px;
}



/*THIS IS FOR THE POSITIONING OF THE TWIN GIRLS' FACES*/
#wrapper  #faces{
	position:absolute;
	background-image:url(../images/faces.png);
	background-repeat:no-repeat;
	width:316px;
	height:213px;
	margin:590px 0 0 395px;
}

/*POSITIONING FOR THE SPLATTER EFFECTS IN THE BACKGROUND*/

#splat1 {
	background-image:url(../images/splatter1.png);
	background-repeat:no-repeat;
	width:630px;
	height:447px;
	position:absolute;
	margin: 0 0 0 615px;
	z-index:-3;
}
#splat2 {
	background-image:url(../images/splatter2.png);
	background-repeat:no-repeat;
	width:630px;
	height:447px;
	position:absolute;
	margin: 0 0 0 -35px;
	z-index:-4;
}
#splat3 {
	background-image:url(../images/splatter3.png);
	background-repeat:no-repeat;
	width:630px;
	height:447px;
	position:absolute;
	margin: 450px 0 0 -185px;
	z-index:-5;
}
#splat4 {
	background-image:url(../images/splatter4.png);
	background-repeat:no-repeat;
	width:630px;
	height:447px;
	position:absolute;
	margin: 450px 0 0 615px;
	z-index:-6;
}



/*HOME PAGE SPECIFIC ID*/
#content #guts p{
	padding:5px 30px 5px 27px;
	line-height:1.2em;
	font-size:12px;}
	
#homevideo {
	/*position:absolute;*/
	margin:0px 0 0 80px;
	z-index:10;
	border:#fcfcfc 0px solid;
}	

#wrapper  #twinfaces{
	position:absolute;
	background-image:url(../images/faces.png);
	background-repeat:no-repeat;
	width:316px;
	height:213px;
	margin:625px 0 0 395px;
}

#guts #videotitle{
	height:12px;
	margin:0 0 10px 130px;
}

 #guts #videotitle p{
		font-size:11px;
		float:left;
		padding:0px;
		margin:0px;
}




#videocredits #videonames{
	height:14px;
	margin-left:90px;
	width:340px;
	float:left;
}

#videocredits #videonames p{
	padding:0px;
	font-size:9px;
	float:left;
}
/*COUPON PAGE SPECIFIC ID*/
#content #guts #couponpage {
	text-align: center;	
	}
#content #guts #couponpage a{
	display:block;
	font-size:1.5em;
	margin:20px	 0 0 0;
	}	
#content #guts #couponpage img{
	padding: 30px 0 0 0;
	}		
	
/*TRADE PAGE SPECIFIC ID*/

#content #guts #tradepage {
	margin-left:40px;
	padding-left:20px;
	padding-top:15px;
	width:420px;
	text-align: left;
	}
	
#content #guts #tradepage h5{
	font-size:1.5em;
	text-align:center;
	padding:5px;
	}	

#content #guts #tradepage li{
	font-size:1.3em;
list-style:circle;
	
	}
	
#content #guts #tradepage #brands1 li, #content #guts #tradepage #brands2  li{
	margin-left:20px;
	font-size:1.3em;
	list-style:disc;
	}
#content #guts #tradepage #brands1 ,#content #guts #tradepage #brands2 {
	padding:20px;
	float:left;
	width:150px;
	}


/*LOCATIONS SPECIFIC ID'S*/

#content #guts #locations  {
	margin-top:10px;
}
#content #guts #locations h4 {
	padding-bottom:5px;
	font-size:15px;
	text-align:right;
	font-weight:bold;
	text-decoration:underline;
}

#content #guts #locations .locationbox{
	width:400px;
	margin:10px 0 0 50px;
	float:left;
}

/* #guts #locations .weight{
	 margin-top:70px;
	 border:solid black 1px;
	 height:0px;
 }
*/

#content #guts #locations .locationbox h4 {
	text-decoration:underline;
	text-align:center;
	padding-top:5px;
	height:13px;
}

#content #guts #locations .locationbox .leftbox {
	text-decoration:none;
	text-align:right;
	padding-right:5px;
	width:185px;
	float:left;
}

#content #guts #locations .locationbox .rightbox {
	text-decoration:none;
	text-align:left;
	padding-left:5px;
	width:185px;
	float:left;
}



#content #guts #locations p{
	font-size:12px;
	padding:5px 0 0 0;
}