/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

CSS for 29 Agency
Author: Josiah Platt
Author URI: http://29agency.com
Description: Styling and layout for 29 Agency
Copyright: 2009

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

body{
	background: #fff;
	font-family: Tahoma, Arial, sans-serif;
	color: #ccc;
}	
	strong{
		color: #999;
	}
	a{
		color: #ccc;
		text-decoration: none;
	}
	a:hover{
		color: #666;
	}
	#head{
		width: 940px;
		margin: 0 auto;
		position: relative;
		height: 65px;
		margin-top: 30px;
	}
		#head h1{
			font-size: 86px;
			line-height: 58px;
			padding-left: 2px;
			font-weight: bold;
			text-transform: uppercase;
		}
		#logo{
			position: absolute;
			bottom: 0;
			right: 345px;
		}
		#nav{
			position: absolute;
			right: 0;
			bottom: 0;
			font-weight: bold;
			text-transform: uppercase;
		}
		#nav li{
			display: inline;
			padding-left: 15px;
			font-weight: bold;
		}
	#beckon{
		width: 940px;
		margin: 0 auto;
		font-size: 45px;
		line-height: 50px;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 10px;
		padding-top: 3px;
	}
	#beckonHome{
		width: 940px;
		margin: 0 auto;
		font-size: 45px;
		line-height: 50px;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 10px;
		padding-top: 3px;
	}
		.azizLIGHT{
			color: #dbc3c3;
		}
	#beckon a{
		color: #666666;
		text-decoration: underline;
	}
	#beckon a:hover{
		color: #666666;
		text-decoration: underline;
	}
	.sheKnowsItsAMultiPass{
		width: 940px;
		height: 34px;
		padding-top: 6px;
		line-height: 60px;
		margin: 0 auto;
	}
		.sheKnowsItsAMultiPass li{
			display: inline;
			float: left;
			margin-right: 33px;
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			text-transform: uppercase;
		}
		.selected{
			color: #666;
		}

	#slider {
	  width: 940px;
	  margin: 0 auto;
	  position: relative;
	}
	
	.scroll {
	  height: 370px;
	  overflow: hidden;
	  position: relative; /* fix for IE to respect overflow */
	  clear: left;
	  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	}

	.scrollContainer div.panel {
	  height: 370px;
	  width: 940px; /* change to 560px if not using JS to remove rh.scroll */
	}
	
		.firstGroup{
			height: 370px;
			width: 85px;
			position: absolute;
			left: 0;
			line-height: 0;
		}
		.supportGroup{
			height: 370px;
			width: 85px;
			position: absolute;
			left: 95px;
			line-height: 0;
		}
			.iAmTen{
				height: 10px;
				width: 85px;
				clear: left;
			}
			a.innerborder, a.innerborder img{
				display: block;
				overflow:hidden;
			}
			a.innerborder:hover{
				border:4px solid #ccc;
			}
			a.innerborder:hover img {
				margin: -4px;
			}
		.theGoods{
			width: 750px;
			height: 370px;
			position: absolute;
			right: 0;
		}
			.goods{
				width: 750px;
				height: 370px;
				overflow: hidden;
				position: absolute;
			}
				.goodsTwo{
					display: none;
				}
				.goodsThree{
					display: none;
				}
				.goodsFour{
					display: none;
				}
				.goodsFive{
					display: none;
				}
				.goodsSix{
					display: none;
				}
				.goodsSeven{
					display: none;
				}
				.goodsEight{
					display: none;
				}
				.shameless{
					position: absolute;
					bottom: 0;
					left: 0;
					width: 710px;
					padding: 15px 20px 15px 20px;
					text-transform: uppercase;
					font-size: 12px;
					font-weight: bold;
					line-height: 18px;
					z-index: 3000;
					display: none;
					color: #fff;
					background: url('../img/faded.png');
				}
				.shamelessVideo{
					position: absolute;
					top: 0;
					left: 0;
					width: 710px;
					padding: 15px 20px 15px 20px;
					text-transform: uppercase;
					font-size: 12px;
					font-weight: bold;
					line-height: 18px;
					z-index: 3000;
					display: none;
					color: #fff;
					background: url('../img/faded.png');
				}
				.peopleInfoWrap{
					position: absolute;
					top: 0;
					left: 0;
					height: 340px;
					width: 710px;
					padding: 15px 20px 15px 20px;
					text-transform: uppercase;
					font-size: 22px;
					font-weight: bold;
					line-height: 20px;
					z-index: 3000;
					display: none;
					color: #fff;
					background: url('../img/faded.png');
					overflow: auto;
					z-index: 9999;
				}
					.peopleInfo a{
						display: block;
						color: #666666;
					}
					.peopleInfo a:hover{
						color: #fff;
					}
					.peopleInfo dd{
						color: #999;
					}
				.ninjaMask{
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2000;
					display: none;
				}
				.ourStuffs{
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				a.showMeTheMoney{
					display: block;
					width: 750px;
					height: 370px;
					position: absolute;
					z-index: 4000;
				}
				.goods:hover .shameless, .goods:hover .ninjaMask, .goods:hover .shamelessVideo, .goods:hover .peopleInfoWrap{
					display: block;
				}
				.goods:hover img{
					margin-top: -370px;
				}
	#barquee{
		width: 935px;
		padding-left: 5px;
		height: 22px;
		padding-top: 3px;
		background: #ccc;
		margin: 0 auto;
		margin-top: 10px;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		color: #fff;
		clear: both;
	}
		#barquee a{
			color: #fff;
		}
		#barquee a:hover{
			color: #666;
		}
		.copylicious{
			position: absolute;
			right: 5px;
			display: block;
			top: 4px;
			height: 22px;
		}
	#contact{
		width: 940px;
		margin: 0 auto;
		margin-top: -7px;
	}
		#contact input{
			display: block;
			margin-top: 10px;
			width: 935px;
			padding-left: 5px;
			height: 39px;
			padding-top: 1px;
			background: #ccc;
			border: none;
			font-size: 30px;
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			font-family: Tahoma, Arial, sans-serif;
		}
			#contact input:focus{
				color: #333;
			}
		#contact textarea{
			margin-top: 10px;
			width: 935px;
			padding-left: 5px;
			height: 229px;
			padding-top: 1px;
			background: #ccc;
			border: none;
			font-size: 30px;
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			font-family: Tahoma, Arial, sans-serif;
		}
			#contact textarea:focus{
				color: #333;
			}
		#contact .submit{
			background: #fff;
			color: #ccc;
			text-align: right;
			margin-top: -15px;
			font-size: 75px;
			height: 80px;
			border: none;
			outline: 0;
		}
		#contact .submit:hover{
			color: #333;
		}
	#footer{
		width: 940px;
		height: 10px;
		margin: 0 auto;
		position: relative;
	}
	
/*=-=-=-=-=-=-=-=-=-=-=-=-
Tweaks, Hacks and Fixes.
=-=-=-=-=-=-=-=-=-=-=-=-*/
.heightMe{
	height: 5px;
}