html{
background-color:black;
}


.container{background-color:#0D0C0C;
width:900px;
margin:auto;

}

.container1{background-color:black;
width:900px;
margin:auto;

}


.footer {
width:auto;
height:80px;
border-top:solid black 1px;
padding:0px 5px 0 5px;
clear:both;
font-family:sans-serif;
text-align: center;
background:#242222;
color:#626060;
}




.header{
width: auto;
height:190px;
background-image: url('');
padding:5px;
background:url('img/promogangsta.gif')
}

.navigation{
width:900px;
height:35px;
font-size:16px;
font-family:sans-serif;
font-weight:lighter;
text-align:center;
text-shadow:background-color:333333;
background-color: #242222;
}
.navigation ul{
height:auto;
padding:8px 0px;
margin:0px;
}

.navigation li{
display:inline;
padding:5px;

}
.navigation a{
text-decoration:none;
color:#626060;
padding: 8px 8px 8px 8px;

}

.navigation a:hover{
color: #B70202;
background-color:#242222;
}

.logo{
height:500px;
weight:500px;
margin-left:200px;
}
.logo p{
margin-left:215px;
color:#fff;
align:center;
}




.box1{
width: 500px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}


#hero {
	width: 400px;
	height: 400px;
	display: block;
	position: relative;
	margin: auto;
}

#slider {
	width: 400px;
	height: 400px;
	display: block;
	position: absolute;
	overflow: hidden;
}

.info {
	width: 400px;
	height: 80px;
	display: block;
	position: relative;
	bottom: 100px;
	background: rgba(102,204,204,.2);
	z-index: 99;
}

.info h2 {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 15px 0 0 20px;
}

.info p {
	font-family: sans-serif;
	font-size: 15px;
	font-weight: ligher;
	color: #FFF;
	padding: 0 0 0 20px;
	line-height: 1px;
}




#play {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 44px;
	background: rgba(102,204,0,.2);
	color: #FFF;
	cursor: pointer;
	z-index: 999;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}

#pause {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 88px;
	background: rgba(102,204,0,.2);
	color: #FFF;
	cursor: pointer;
	z-index: 999;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
#next {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(102,204,0,.2);
	color: #FFF;
	cursor: pointer;
	z-index: 999;
}
#prev {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 133px;
	background: rgba(102,204,0,.2);
	color: #FFF;
	cursor: pointer;
	z-index: 999;
}

#pager {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 999;
}

#pager a {
	font-size: .0em;
	color: transparent;
	width: 10px;
	height: 10px;
	display: inline-block;
	position: relative;
	border: 1px solid #FFF;
	border-radius: 20px;
	background: transparent;
	margin: 10px;
}

#pager a.activeSlide { background: #FFF;}





.box2{
width:  350px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}


.box3{
width: 500px;
height: 300px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}


.box4{
width:  350px;
height: 300px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}

.box5{
width: 880px;
height: 320px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box6{
width: 500px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box7{
width: 350px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}

.box8{
width: 500px;
height: auto;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box9{
width: 350px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}


.box10{
width: 500px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box11{
width: 350px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}

.box12{
width: 500px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box13{
width: 350px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}

.box14{
width: 500px;
height: 1296px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box15{
width: 350px;
height: auto;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;
}

.box16{
width: 500px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:#fff;
}

.box17{
width: 350px;
height: 400px;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:right;
background-color:black;
color:#fff;

}

.gandalf{background-color:black; color:white; width:280px; height:350px; overflow:auto; padding-bottom: 8px;margin-left:35px;}
.gandalf p{color:red;}



.items itunes {
width: 490px;
height: 390px;
padding:5px 5px 5px 5px;
border: 1px solid black;
margin: 5px;
}


#itunes{
width: 140px;
height: 90px;
padding: 1px;
border: 1px solid black;
margin: 2px 0px 2px 2px;

}

.itunes p{
color:#fff;
}

	
	


.shopitem1{
width: 100px;
height: auto;
padding: 5px;
border: 1px #2B2929;
margin: 5px;
float:left;
background-color:black;
color:black;
}








article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }


.box8 ul{
list-style-type:none;	
	
	}
.box8 li{
float: right;	
width: 200px;
display: block;
margin-right: 30px;
margin-bottom: 10px;	
}

.box8 img{
-webkit-transition:all is ease;
-moz-webkit-transition:all is ease
-ms-webkit-transition: all is ease;
-o-webkit-transition: all is ease;
transition: all is ease;
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
border: 1px solid #242222;
}


.box8 img:hover{
-webkit-transition:all is ease;
-moz-webkit-transition:all is ease
-ms-webkit-transition: all is ease;
-o-webkit-transition: all is ease;
transition: all is ease;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
transform: translateZ(25px) rotate(3deg);
border: 1px solid #242222;
box-shadow: 10px 10px 10px arga(0,0,0,.5);
}

.container2{
	
width: 879px;
height: auto;	
border: 1px solid black;	
margin: 5px;	
padding: 5px;
position: relative;	
}

.item{
	
width: 200px;
height: 295px;	
border: 1px solid red;	
padding: 2px;	
background-color:black;
text-align: center;
color: white;
position: relative;
}


.paypal{
	
width: 50px;
height: 50px;		
padding: 2px; 
margin-left: 35px;	
text-align: center;
color: white;
position: relative;
}

.item2{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 225px;
top: -355px;
text-align: center;
color: white;	
}

.pay2{
position: relative;
left: 285px;
top: -345px;

}

.item3{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 443px;
top: -681px;
text-align: center;
color: white;	
}

.pay3{
position: relative;
left: 500px;
top: -665px;
}

.item4{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 660px;
top: -1007px;
text-align: center;
color: white;	
}

.pay4{
	
position: relative;
left: 720px;
top: -995px;	
}

.item5{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
text-align: center;
color: white;
position: relative;
top: -980px;
}
.pay5{
width: 50px;
height: 50px;		
padding: 2px; 
margin-left: 35px;		
position: relative;
top: -984px;
}

.item6{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 225px;
bottom: 1335px;
text-align: center;
color: white;	
}

.pay6
{
position: relative;
left: 285px;
bottom: 1322px;

}	
	
	
	
.item7{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 445px;
bottom: 1660px;
text-align: center;
color: white;		
}

.pay7{
position: relative;
left: 480px;
bottom: 1663px;	
}


.item8{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 660px;
bottom: 2018px;
text-align: center;
color: white;	
	
}

.pay8{
position: relative;
left: 695px;
bottom: 2021px;	
}

.item9{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 2px;
bottom: 2025px;
text-align: center;
color: white;		
	
}

.pay9{
position: relative;
left: 57px;
bottom: 2019px;		
	
	
}
.item10{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 225px;
bottom: 2352px;
text-align: center;
color: white	
	
}

.pay10{
	
position: relative;
left: 265px;
bottom: 2352px;	
	
}

.item11{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 445px;
bottom: 2709px;
text-align: center;
color: white	
	
	
}

.pay11{
	
position: relative;
left: 480px;
bottom: 2709px;	
	
}


.item12{
width: 200px;
height: 300px;	
border: 1px solid red;	
background-color:black;	
position: relative;
left: 660px;
bottom: 3067px;
text-align: center;
color: white	
	
	
}

.pay12{
	
position: relative;
left: 695px;
bottom: 3067px;
	
}