/* CSS made by Cross Internet Marketing - Copyright 2014 */

/* GENERAL CSS */

.mobile{
	display:none;
}

body {
	margin: 0 auto;
	padding: 0 auto;
	font-family: verdana, sans-serif, arial;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	background: #202020;
}

img {
	border: 0 none;
	outline: 0 none;
}

a{
	color: #a21e36;
	text-decoration:none;
	outline: 0 none;
}
#artist_naam{
height: 55px;
overflow: hidden;
padding:0 5px;
}
a:hover{
	text-decoration:underline;
}

h1{
	color: #202020;
	font-family: verdana, sans-serif, arial;
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform:uppercase;
	line-height:32px;
}

h1 span{
	color: #a21e36;
	font-family: verdana, sans-serif, arial;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 20px 0;
	text-transform:uppercase;
}

.warning {
    margin: 20px 0;
    padding: 10px 0px;
    margin-bottom: 10px;
    background: #FFDFE0;
    border: 1px solid #FF9999;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
    float: left;
    width: 100%;	
    z-index: 1001;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;    
}

/* HEADER */
.log_nav{
	background-image: url(../images/lock.png);
	background-repeat:no-repeat;
	background-position: 8px 8px;
	height: 18px;
	width: 20px;
}
.log_nav:hover{
	background-image: url(../images/lock-o.png) !important;
	background-repeat:no-repeat !important;
	background-position: 8px 8px !important;
}
#head_container{
	float:left;
	width:100%;
	border-bottom: 1px solid #605e5e;
	box-shadow: 0 0 5px #000;
	background: url(../images/metallicbg.jpg) top left repeat;
	padding: 0 0 20px 0;
	z-index: 10;
	position:relative;
}

#head{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
}

#logo{
	float:left;
	width:100%;
}

/* MAINMENU */

#menu_container{
	float:left;
	width:100%;
	z-index: 200;
	position:relative;
	margin:-22px 0 0 0;
}

#menu{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
}

#menu ul{
	float:left;
	width:100%;
	margin:0;
	padding:0px;
	list-style:none;
	border-radius: 3px 3px 3px 3px;
	background: #a51f37;
	background: -moz-linear-gradient(top,  #a51f37 0%, #6e1321 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a51f37), color-stop(100%,#6e1321));
	background: -webkit-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
	background: -o-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
	background: -ms-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
	background: linear-gradient(to bottom,  #a51f37 0%,#6e1321 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51f37', endColorstr='#6e1321',GradientType=0 );
	box-shadow: 0 0 5px 0 #000;
}

#menu ul li{
	float:left;
	margin:0;
	padding:0;
}

#menu ul li a{
	float:left;
	padding: 12px 8px;
	color:#fff;
	font-size: 14px;
	border-right: 1px solid #6e1321;
	border-left: 1px solid #a51f37;
}

#menu ul li#first, #menu ul li#first a{
	border-left:0;
	border-radius: 3px 0 0 3px;
}

#menu ul li a#last{
	border-right:0;
}

#menu ul li a:hover, #menu ul li:hover{
	text-decoration:none;
	background: #ba253e;
	background: -moz-linear-gradient(top,  #ba253e 0%, #841728 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba253e), color-stop(100%,#841728));
	background: -webkit-linear-gradient(top,  #ba253e 0%,#841728 100%);
	background: -o-linear-gradient(top,  #ba253e 0%,#841728 100%);
	background: -ms-linear-gradient(top,  #ba253e 0%,#841728 100%);
	background: linear-gradient(to bottom,  #ba253e 0%,#841728 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba253e', endColorstr='#841728',GradientType=0 );
}

#menu ul li a:active{
	background: #841728;
	background: -moz-linear-gradient(top,  #841728 0%, #ba253e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841728), color-stop(100%,#ba253e));
	background: -webkit-linear-gradient(top,  #841728 0%,#ba253e 100%);
	background: -o-linear-gradient(top,  #841728 0%,#ba253e 100%);
	background: -ms-linear-gradient(top,  #841728 0%,#ba253e 100%);
	background: linear-gradient(to bottom,  #841728 0%,#ba253e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841728', endColorstr='#ba253e',GradientType=0 );
}

#menu ul ul{
	display: none;
    margin: 42px 0 0 0px;
    padding: 10px;
	position:absolute;
	box-shadow:none;
	z-index:150;
	border-radius: 0 0 6px 6px;
	background: -moz-linear-gradient(top,  #841728 0%, #841728 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841728), color-stop(100%,#841728));
	background: -webkit-linear-gradient(top,  #841728 0%,#841728 100%);
	background: -o-linear-gradient(top,  #841728 0%,#841728 100%);
	background: -ms-linear-gradient(top,  #841728 0%,#841728 100%);
	background: linear-gradient(to bottom,  #841728 0%,#841728 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841728', endColorstr='#841728',GradientType=0 );
}

#menu ul li:hover ul{
	display:block;
	position:absolute;
	width:200px;
	padding:0;
}

#menu ul li ul li{
	float:left;
	width:100%;
}

#menu ul li ul li a{
	width:90%;
	padding:8px 5%;
	border-left:0;
	border-right:0;
	border-top: 1px solid #a51f37;
	border-bottom: 1px solid #6e1321;
}

#menu ul li ul li a#first{
	border-top:0;
}

#menu ul li ul li#last a{
	border-bottom:0;
}

#menu ul li ul li#last:hover a, #menu ul li ul li#last:hover{
	border-radius: 0 0 6px 6px;
}

#menu ul ul ul{
	display:none !important;
}

/* BANNER */

#banner_container0{
	float:left;
	width:100%;
	margin:-20px 0 0 0;
	z-index: 0;
	position:relative;
	background-size: 100% auto !important;
	background: url(http://www.robpapen.com/images/punch-banner.jpg) top left repeat;
}
#banner_container{
	float:left;
	width:100%;
	margin:-20px 0 0 0;
	z-index: 0;
	position:relative;
	background-size: 100% auto !important;

}

#banner{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
	min-height:160px;
}

#banner a{
	border:0;
}

#banner a img{
	border:0;
}

/* BLOCKS - MAINLY HOME */

#blocks_container{
	float:left;
	padding:20px 0;
	width:100%;
	border-top: 1px solid #605e5e;
	box-shadow: 0 0 5px #000;
	position:relative;
	z-index:10;
}

#blocks{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
}

#blocks a{
	border:1px solid #3d3d3d;
	margin: 0 19px;
	float:left;
	opacity:0.7;
	transition: opacity 0.2s;
}

#blocks a img{
	float:left;
}

#blocks a:hover{
	opacity:1;
}

/* MAIN CONTENT */

#content_container{
	float:left;
	padding:20px 0;
	width:100%;
	border-top: 1px solid #605e5e;
	box-shadow: 0 0 5px #000;
	position:relative;
	z-index:100;
	background: #f9f9f9;
	color: #202020;

}

#content{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
}

/* HOME SPECIFIC */

#home_left{
	float: left;
    margin: 0 10px 0 0;
    width: 685px;
}

#text{
	float:left;
	width:100%;
	margin: 0 0 20px 0;
}

#shortcuts{
	float:left;
	width:50%;
}

#shortcuts a{
	opacity: 0.9;
	transition: opacity 0.2s;
	float:left;
	margin: 0 20px 20px 0;
}

#shortcuts a:hover{
	opacity:1;
}

#shortcuts a.right{
	float:left;
	margin:0 0 20px 0;
}

#shortcuts img{
	float:left;
}

#home_right{
	width:250px;
	float:right;
	margin: 0 0 0 10px;
}

#news{
	float:left;
	width:100%;
}
.news_item{
	float:left;
	width:100%;
	border-bottom: 1px solid #e8e8e8;
	padding: 0 0 8px 0;
	margin: 0 0 6px 0;
	line-height:16px;
}

.news_item p{
	margin:0;
}

.news_item#last{
	border-bottom:0;
	margin:0;
	padding:0;
}

/* PRODUCT PAGE SPECIFIC */

#product_left{
	float:left;
	width: 635px;
	margin: 0 20px 0 0;
}

.prod-img{
	float:left;
	margin: 0 15px 15px 0;
}

#product_left #text{
	float:left;
	width:100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #d7d7d7;
}

#product_left #text p{
	margin: 0 0 10px;
}

#product_review{
	float:left;
	width:100%;
}

#product_review .title{
	float:right;
	width:195px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0 0 0px 0;
	font-size: 14px;
	color: #a21e36;
}

.product_review{
	float:left;
	width:49%;
	margin: 0 1% 0 0;
}

.product_review#last{
	margin:0;
	float:right;
	margin: 0 0 0 1%;
}

.product_review img{
	float:left;
	margin: 0 15px 15px 0
}

.product_review p{
	float:right;
	width: 195px;
}

#product_right{
	float:left;
	width: 305px;
	margin: 0 0px 0 0;
}

#submenu{
	float:left;
	width: 265px;
	padding:20px;
	color: #fff;
	background: #202020;
	margin: 0 0 20px 0;
}

#submenu .title{
	font-size: 14px;
	font-weight:bold;
	margin: 0 0 20px 0;
	float:left;
}

#submenu ul{
	float:left;
	width:100%;
	margin:0;
	list-style:none;
	padding:0;
}

#submenu ul li{
	float:left;
	width:50%;
}

#submenu ul li a{
	color:#fff;
}



.buynow_btn{
	float:right;
	padding: 8px 12px;
	border: 1px solid #9ab02a;
	text-shadow: 1px 1px rgba(0,0,0,0.4);
	color:#fff;
	text-transform:uppercase;
	border-radius: 3px;
	margin: -50px 0 0;
	font-weight:bold;
	font-size:20px;
	background: #b0c92f;
	background: -moz-linear-gradient(top,  #b0c92f 0%, #899c25 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0c92f), color-stop(100%,#899c25));
	background: -webkit-linear-gradient(top,  #b0c92f 0%,#899c25 100%);
	background: -o-linear-gradient(top,  #b0c92f 0%,#899c25 100%);
	background: -ms-linear-gradient(top,  #b0c92f 0%,#899c25 100%);
	background: linear-gradient(to bottom,  #b0c92f 0%,#899c25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c92f', endColorstr='#899c25',GradientType=0 );
}

.buynow_btn:hover{
	text-decoration:none;
	background: #c8e041;
	background: -moz-linear-gradient(top,  #c8e041 0%, #97aa2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8e041), color-stop(100%,#97aa2a));
	background: -webkit-linear-gradient(top,  #c8e041 0%,#97aa2a 100%);
	background: -o-linear-gradient(top,  #c8e041 0%,#97aa2a 100%);
	background: -ms-linear-gradient(top,  #c8e041 0%,#97aa2a 100%);
	background: linear-gradient(to bottom,  #c8e041 0%,#97aa2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8e041', endColorstr='#97aa2a',GradientType=0 );
}

.buynow_btn:active{
	background: #97aa2a;
	background: -moz-linear-gradient(top,  #97aa2a 0%, #c8e041 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97aa2a), color-stop(100%,#c8e041));
	background: -webkit-linear-gradient(top,  #97aa2a 0%,#c8e041 100%);
	background: -o-linear-gradient(top,  #97aa2a 0%,#c8e041 100%);
	background: -ms-linear-gradient(top,  #97aa2a 0%,#c8e041 100%);
	background: linear-gradient(to bottom,  #97aa2a 0%,#c8e041 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97aa2a', endColorstr='#c8e041',GradientType=0 );
}

.buynow_btn span{
	font-weight:normal;
	font-size:12px;
	clear:both;
}


/****************EXPOSE PAGE*******************/
.expose{
	padding:0 10%;
	/*float:left;*/
	box-sizing: border-box;
}
.expose_top{
	float:left;
	width: 100%; 
	font-family: verdana, sans-serif, arial !important;
	font-size: 12px !important;
	color:#202020 !important;
	padding: 0 10%;
	box-sizing: border-box;
}
	.top_image_round{
	margin:0 20px 0 0;
	border-radius: 50%;
	overflow:hidden;
	float:left;
	width: 300px;
	height: 300px;
	background-size: cover;
	background-position: center center;
	}
		.top_image_round img{
		width:300px !important;
		height:300px;
		}

	.top_image_cube{
	margin:0 20px 0 0;
	float:left;
	width: 300px;
	height: 300px;
	background-size: cover;
	background-position: center center;
	}
		.top_image_cube img{
		width:300px !important;
		height:300px;
		}

.top_image{
margin:0 20px 0 0;
float:left;
width: 300px;
height: 300px;
background-size: cover;
background-position: center center;
}	
	.hexagon {
	  position: relative;
	  width: 300px; 
	  height: 173.21px;
	  margin: 86.60px 0;
	  background-size: auto 346.4102px;
	  background-position: center;
	}

	.hexTop,
	.hexBottom {
	  position: absolute;
	  z-index: 1;
	  width: 212.13px;
	  height: 212.13px;
	  overflow: hidden;
	  -webkit-transform: scaleY(0.5774) rotate(-45deg);
	  -ms-transform: scaleY(0.5774) rotate(-45deg);
	  transform: scaleY(0.5774) rotate(-45deg);
	  background: inherit;
	  left: 43.93px;
	}

	.hexTop:after,
	.hexBottom:after {
	  content: "";
	  position: absolute;
	  width: 300.0000px;
	  height: 173.20508075688775px;
	  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
	  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
	  transform:          rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
	  -webkit-transform-origin: 0 0;
	  -ms-transform-origin: 0 0;
	  transform-origin: 0 0;
	  background: inherit;
	}

	.hexTop {
	  top: -106.0660px;
	}

	.hexTop:after {
	  background-position: center top;
	}

	.hexBottom {
	  bottom: -106.0660px;
	}

	.hexBottom:after {
	  background-position: center bottom;
	}

	.hexagon:after {
	  content: "";
	  position: absolute;
	  top: 0.0000px;
	  left: 0;
	  width: 300.0000px;
	  height: 173.2051px;
	  z-index: 2;
	  background: inherit;
	}
	
		.top_image_hexa img{
		width:300px !important;
		height:300px;
		}

			.socialmedia{
				float:left;
				margin: 0px 10px 0 0;
				width:60px;
				height: 60px;
				background-position: bottom left;
				background-repeat: no-repeat;
				transition: all 0.3s;
			}

			.socialmedia:hover{
				background-position: top left;
			}
/****ROUND****/
			.socialmedia.facebook_round{
				background-image: url(/images/expose/icon/facebook_round.png);
			}
			.socialmedia.linkedin_round{
				background-image: url(/images/expose/icon/linkedin_round.png);
			}
			.socialmedia.gplus_round{
				background-image: url(/images/expose/icon/gplus_round.png);
			}
			.socialmedia.soundcloud_round{
				background-image: url(/images/expose/icon/soundcloud_round.png);
			}
			.socialmedia.instagram_round{
				background-image: url(/images/expose/icon/instagram_round.png);
			}
			.socialmedia.twitter_round{
				background-image: url(/images/expose/icon/twitter_round.png);
			}
			.socialmedia.cdbaby_round{
				background-image: url(/images/expose/icon/cdbaby_round.png);
			}
			.socialmedia.myspace_round{
				background-image: url(/images/expose/icon/myspace_round.png);
			}
/****CUBE****/
			.socialmedia.facebook_cube{
				background-image: url(/images/expose/icon/facebook_cube.png);
			}
			.socialmedia.linkedin_cube{
				background-image: url(/images/expose/icon/linkedin_cube.png);
			}
			.socialmedia.gplus_cube{
				background-image: url(/images/expose/icon/gplus_cube.png);
			}
			.socialmedia.soundcloud_cube{
				background-image: url(/images/expose/icon/soundcloud_cube.png);
			}
			.socialmedia.instagram_cube{
				background-image: url(/images/expose/icon/instagram_cube.png);
			}
			.socialmedia.twitter_cube{
				background-image: url(/images/expose/icon/twitter_cube.png);
			}
			.socialmedia.cdbaby_cube{
				background-image: url(/images/expose/icon/cdbaby_cube.png);
			}
			.socialmedia.myspace_cube{
				background-image: url(/images/expose/icon/myspace_cube.png);
			}
/****HEXA****/
			.socialmedia.facebook_hexa{
				background-image: url(/images/expose/icon/facebook_hexa.png);
			}
			.socialmedia.linkedin_hexa{
				background-image: url(/images/expose/icon/linkedin_hexa.png);
			}
			.socialmedia.gplus_hexa{
				background-image: url(/images/expose/icon/gplus_hexa.png);
			}
			.socialmedia.soundcloud_hexa{
				background-image: url(/images/expose/icon/soundcloud_hexa.png);
			}
			.socialmedia.instagram_hexa{
				background-image: url(/images/expose/icon/instagram_hexa.png);
			}
			.socialmedia.twitter_hexa{
				background-image: url(/images/expose/icon/twitter_hexa.png);
			}
			.socialmedia.cdbaby_hexa{
				background-image: url(/images/expose/icon/cdbaby_hexa.png);
			}
			.socialmedia.myspace_hexa{
				background-image: url(/images/expose/icon/myspace_hexa.png);
			}
	.top_right{
		float:left;
		width: 60%;
	}
		.top_right h1{
			float:left;
			width: 100%;
		}
		.top_right h2{
			float:left;
			width: 100%;
		}
		.top_right p{
			float:left;
			width: 100%;
		}
		.top_right .homepage{
			float:left;
			width: 100%;
			margin:10px 0;
	}
	
	.expose_middle{
		float:left;
		width: 100%;
		margin: 20px 0 0 0;
		font-family: verdana, sans-serif, arial !important;
		font-size: 12px !important;
		color: #ffffff !important;
		background: #202020;
		padding: 0 10%;
		box-sizing: border-box;
	}
		
	@font-face {
		font-family: verdana, sans-serif, arial !important;
	}
	
	.expose_bottom{
		float:left;
		width: 100%;
		margin: 20px 0 0 0;
		font-family: verdana, sans-serif, arial !important;
		
		font-size: 12px !important;
		color:#202020 !important;
		padding: 0 10%;
		box-sizing: border-box;
	}
#exposetile{
	width:22%;
	float:left;
	margin:0 3% 3% 0;
	position: relative;
	height:250px;
	overflow:hidden;
	box-sizing:border-box;
}	
#exposetile a{
float: left;
width:100%;
}
#exposetile:nth-child(4n){
	margin:0 0  3% 0;
}
	#exposetile img{
		float: left;
		height: 250px;
		margin:0;
		transition:1s all ease;
	}
	#exposetile:hover img{
		height: 275px;
		margin: -10px;
	}
	.exposetitle{
		background-color: rgba(163, 31, 54, 0.8);
		width: 100%;
		position: absolute;
		float: left;
		color: #fff;
		text-align: center;
		font-size: 18px;
		padding: 10px 0;
		bottom: 0;
	}	

/* BOTTOM PAGE */

#bottom_container{
	float:left;
	width:100%;
	border-top: 1px solid #605e5e;
	box-shadow: 0 0 5px #000 inset;
	padding: 40px 0;
}

#bottom{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
}

#bottom .title{
	float:left;
	width:100%;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
}

#bottom a{
	color:#fff;
}

#choose{
	float:left;
	width:300px;
	margin: 0 20px 0 0;
}

#choose form{
	float:left;
	width:100%;
}

#choose .inputbox{
	float:left;
	width:100%;
	padding:2%;
	border:0;
}

#connect{
	float:left;
	width:220px;
	margin: 0 20px 0 0;
	padding: 0 40px;
}

#connect img{
	float:left;
	display:block;
}

#connect a{
	float:left;
	margin: 0 20px 0 0;
	transition: box-shadow 0.1s;
}

#connect a:hover{
	box-shadow: 1px 1px 1px 0 #000;
}

#connect a:active{
	box-shadow: 1px 1px 1px 0 #000 inset;
	margin: 2px 20px 0 0;
}

#connect a#last{
	margin:0;
}

#connect a#last:active{
	box-shadow: 1px 1px 1px 0 #000 inset;
	margin: 2px 0px 0 0;
}

#details{
	float:right;
	width:260px;
	margin: -20px 0 0 0;
	padding: 20px;
	background: #3b3b3b;
	box-shadow: 2px 2px 3px 0 #000 inset;
	border-radius: 3px;
}

#details a{
	clear:both;
	float:left;
}

#details .buynow_btn{
	float:right;
	margin: -32px 0 0 0;
	padding: 5px 12px 8px 12px;
}

#details .buynow_btn img{
	vertical-align:middle
}

#bottom #details .title{
	margin: 0 0 10px 0;
}

/* BOTTOM PAGE - ONLY HOME */

#lightBorder{
	float:left;
	width:100%;
	height:1px;
	background: #3b3b3b;
	margin: 40px 0 0 0;
}

#artist_news{
	float:left;
	width:100%;
	border-top: 1px solid #121212;
	padding: 20px 0 0 0;
}

#bottom .artist{
	float:left;
	width:305px;
	height:100px;
	margin: 0 22px 0 0;
}

#bottom .artist img{
	float:left;
	width:100px;
	height:100px;
}

#bottom .artist_content{
	float:left;
	width:165px;
	padding:20px;
	height:60px;
	background: #292929;
	color:#fff;
}

#bottom .artist_content b{
	float:left;
	width:100%;
	margin:0;
	text-transform:uppercase;
}

#bottom .artist_content span{
	float:left;
	width: 100%;
	height:28px;
}

#bottom .artist_content a{
	float:left;
	width:100%;
	color: #9c1d33;
}

#bottom .artist#last{
	margin:0;
}



/* FOOTER */

#footer_container{
	float:left;
	width:100%;
	border-top: 1px solid #605e5e;
	box-shadow: 0 0 5px #000;
	background: url(../images/metallicbg.jpg) top left repeat;
	padding: 10px 0;
	z-index: 10;
	position:relative;
	text-align:center;
}

#footer{
	margin: 0 auto;
	width:960px;
	padding:0 20px;
}

#menufixer{
		width: 100% !important;
		float:left;
	}
	.fixed {
	top:600;
	z-index: 100;
	position: fixed;
	width: 100%;
	top:0;

	background: url("../images/fixmenubg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
   
	background-position: -30px 0 0 0; 
	}

/* MOBILE CSS */

@media screen and (max-width: 1000px){
	table{
		width:100% !important;
	}
	
	object, embed{
		float:left !important;
		max-width:100% !important;
		max-height: auto !important;
	}
	
	*{
		transition: all 0.3s;
	}
	.notMobile{
		display:none;
	}
	
	.mobile{
		display:block;
	}
	.top_image_round{

	width: 30%;

	}


	.top_image_cube{

	width: 30%;

	}


.top_image{

width: 30%;
height: 300px;

}	
	#head{
		margin: 0 auto;
		float:left;
		width:90%;
		padding:0 5%;
	}
	
	#head img{
		max-width:100%;
	}
	
	/* MENU */
	
	#menu{
		margin: 0 auto;
		float:left;
		width:90%;
		padding:0 5%;
		background: #a51f37;
		background: -moz-linear-gradient(top,  #a51f37 0%, #6e1321 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a51f37), color-stop(100%,#6e1321));
		background: -webkit-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
		background: -o-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
		background: -ms-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
		background: linear-gradient(to bottom,  #a51f37 0%,#6e1321 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51f37', endColorstr='#6e1321',GradientType=0 );
	}
	
	#menu ul{
		float:left;
		width:100%;
		margin:0;
		padding:0px;
		list-style:none;
		border-radius: 0;
		background: none;
		box-shadow: 0 0 0px 0 #000;
	}

	#menu ul li{
		float:left;
		margin:0;
		padding:0;
	}

	#menu ul li a{
		float:left;
		padding: 12px 10px;
		color:#fff;
		font-size: 14px;
		border-right: 0;
		border-left: 0;
	}

	#menu ul li#first, #menu ul li#first a{
		border-left:0;
		border-radius: 0;
	}
	
	#menu ul li#first{
		border-top: 1px solid #fff;
	}

	#menu ul li#last{
		border-right:0;
		border-bottom:0;
	}

	#menu ul li a:hover, #menu ul li:hover{
		text-decoration:none;
		background: #a51f37;
	}

	#menu ul li a:active{
		background: #6e1321;
	}

	#menu ul ul{
		background: none repeat scroll 0 0 #A51F37;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 3px 2px 1px #111111;
		display: none;
		left: 5%;
		margin: 42px 0 0;
		padding: 10px 5%;
		position: absolute;
		width: 80%;
		z-index: 150;
	}

	#menu ul li:hover ul{
		display:none;
		position:absolute;
		width: 80%;
		padding: 10px 5%;
	}
	
	#openMenu {
		float: left;
		padding: 12px 0 7px;
		width: 8%;
	}
	
	#openMenu:hover{
		cursor:pointer;
	}
	
	#openMenu span {
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 2px;
		margin: 0 0 5px;
		width: 100%;
	}
		
	#menuMobileItems.open{
		max-height:1000px;
		opacity: 1;
		visibility:visible;
	}

	#menuMobileItems{
		max-height:0;
		opacity: 0;
		visibility:hidden;
		float:left;
		width:100%;
		padding:0;
		margin:0;
		list-style:none;
		font-size: 1.5em;
		transition: all 0.5s;
	}

	#menuMobileItems ul{
		float:left;
		padding:0;
		margin:0;
		list-style:none;
	}

	#menuMobileItems li{
		float:left;
		width:100%;
		border-bottom: 1px solid #fff;
	}

	#menuMobileItems li a{
		color:#fff;
		padding: 10px 5%;
		width:90%;
		float:left;
	}
	
	/* BANNER */

	#banner_container0{
		float:left;
		width:100%;
		margin:0px 0 0 0;
		z-index: 0;
		position:relative;
		background-size: 100% auto !important;
		background: url(http://www.robpapen.com/images/punch-banner.jpg) top left repeat;
	}
	
	#banner_container{
		float:left;
		width:100%;
		background-attachment: scroll !important;
		margin:0px 0 0 0;
		z-index: 0;
		position:relative;
		background-size: 100% auto !important;
	}

	#banner{
		margin: 0 auto;
		width:90%;
		padding:0 5%;
		min-height: 80px;
	}

	#banner a img{
		border:0;
		margin: -20px 0 0;
		max-width:100%;
	}
	
	#banner img{
		border:0;
		max-width:100%;
		margin: 0px 0 0;
	}
	
	/* BLOCKS - MAINLY HOME */

	#blocks_container{
		padding:2% 0;
		width:100%;
	}

	#blocks{
		margin: 0 auto;
		width:90%;
		padding:0 5%;
		float:left;
	}

	/* MAIN CONTENT */

	#content{
		margin: 0 auto;
		width:90%;
		padding:0 5%;
		float:left;
	}

	/* HOME SPECIFIC */

	#home_left{
		float: left;
		margin: 0 5% 0 0;
		width: 60%;
	}
	
	#home_left img{
		max-width:100%;
		height: inherit !important;
	}

	#shortcuts{
		float:left;
		width:100%;
	}

	#shortcuts a{
		margin: 0 0px 20px 0;
		width:100%;
	}

	#shortcuts img{
		float:left;
		max-width:100%;
	}

	#home_right{
		width:35%;
		float:right;
		margin: 0 0 0 0;
	}
	
	/* PRODUCT PAGE SPECIFIC */

	#product_left{
		width: 100%;
		margin: 0 0px 20px 0;
	}
	
	#text img{
		max-width:100%;
	}

	#product_review .title{
		float:right;
		width:195px;
		font-weight:bold;
		text-transform:uppercase;
		margin: 0 0 0px 0;
		font-size: 14px;
		color: #a21e36;
	}

	.product_review{
		float:left;
		width:49%;
		margin: 0 1% 0 0;
	}

	.product_review#last{
		margin:0;
		float:right;
		margin: 0 0 0 1%;
	}

	.product_review img{
		float:left;
		margin: 0 15px 15px 0
	}

	.product_review p{
		float:right;
		width: 195px;
	}

	#product_right{
		width: 100%;
	}

	#submenu{
		float:left;
		width: 90%;
		padding:20px 5%;
	}
	
	/* BOTTOM PAGE */

	#bottom_container{
		float:left;
		width:100%;
		border-top: 1px solid #605e5e;
		box-shadow: 0 0 5px #000 inset;
		padding: 40px 0;
	}

	#bottom{
		margin: 0 auto;
		width:90%;
		padding:0 5%;
		float:left;
	}

	#choose{
		float:left;
		width:50%;
		margin: 0 0% 0 0;
	}
	
	#choose .inputbox{
		float:left;
		width:96%;
		padding:2%;
		border:0;
	}

	#connect{
		float:right;
		width:50%;
		margin: 0 0 0 0;
		padding: 0;
	}

	#connect img{
		max-width:100%;
	}

	#bottom #connect .title {
		text-align:right;
	}
	
	#connect a{
		float:right;
		margin: 0 0 0 2% ;
	}

	#connect a:active{
		margin: 0 0 0 2% !important;
	}

	#details{
		float:right;
		width:90%;
		margin: 20px 0 0 0;
		padding: 5%;
	}
	
	#jp_container_1{
		width:100%;
	}
	
	#bottom #details .title{
		margin: 0 0 10px 0;
	}

	/* BOTTOM PAGE - ONLY HOME */

	#artist_news{
		float:left;
		width:100%;
		border-top: 1px solid #121212;
		padding: 20px 0 0 0;
	}

	#bottom .artist{
		float:left;
		width:30%;
		height:inherit;
		text-align:center;
		background: #292929;
		margin: 0 3% 0 0;
	}

	#bottom .artist img{
		float:none;
		max-width:100%;
	}

	#bottom .artist_content{
		padding:20px 0;
		width:100%;
		height:auto;
		background: none;
	}

	#bottom .artist_content span{
		height:auto;
	}

	/* FOOTER */

	#footer_container{
		float:left;
		width:100%;
		border-top: 1px solid #605e5e;
		box-shadow: 0 0 5px #000;
		background: url(../images/metallicbg.jpg) top left repeat;
		padding: 10px 0;
		z-index: 10;
		position:relative;
		text-align:center;
	}

	#footer{
		margin: 0 auto;
		width:90%;
		float:left;
		padding:0 5%;
	}
}

@media screen and (max-width: 650px){
	p{
		margin: 0 10px !important;
		max-width: 100%;
		padding: 0 !important;
	}

	#home_left{
		float: left;
		margin: 0  0 5% 0;
		width: 100%;
	}
	
	#home_right{
		width:100%;
		float:right;
		margin: 0 0 0 0;
	}	
	
	#news {
		float: left;
		width: 50%;
	}
	
	#shortcuts{
		width:45%;
		float:right;
	}
	
	#shortcuts a {
		float:right;
	}
	
	#shortcuts img{
		float:right;
	}
}

@media screen and (max-width: 500px){
	#home_left{
		float: left;
		margin: 0  0 5% 0;
		width: 100%;
	}
	
	#home_right{
		width:100%;
		float:right;
		margin: 0 0 0 0;
	}	
	
	#news {
		float: left;
		width: 100%;
	}
	
	#shortcuts{
		width:100%;
		float:left;
		margin: 20px 0;
	}
	
	#shortcuts a {
		float:left;
		width:100%;
		text-align:center;
	}
	
	#shortcuts img{
		float:none;
	}
	
	#choose{
		float:left;
		width:100%;
		margin: 0 0% 30px 0;
	}

	#connect{
		float:left;
		width:100%;
		margin: 0 0 0 0;
		padding: 0;
	}
	
	#bottom #connect .title {
		text-align:left;
	}
	
	#connect a{
		float:left;
		margin: 0 2% 0 0 ;
	}
	

	.buynow_btn{
		float:left;
		padding: 8px 3%;
		border: 1px solid #9ab02a;
		margin: 0px 0 20px;
	}
}
@media screen and (max-width: 400px){
	#banner_container0{
		display:none;
	}
	.expose_top div{
		width:100%;
		margin:10px 0;
	}
	.socialmedia{
		width: 15%;
		background-size: 50px 125px;
		margin: 0 1% 0 0;
	}
	#bottom .artist {
		background: none repeat scroll 0 0 #292929;
		float: left;
		height: inherit;
		margin: 0 0% 20px 0;
		text-align: center;
		width: 100%;
	}
	.readmore_bu{
		margin: 0 auto;
		float:left;
		width: 90% !important;
		color:#ffffff !important;
		padding:3% 5%;
		background: #a51f37;
		background: -moz-linear-gradient(top,  #a51f37 0%, #6e1321 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a51f37), color-stop(100%,#6e1321));
		background: -webkit-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
		background: -o-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
		background: -ms-linear-gradient(top,  #a51f37 0%,#6e1321 100%);
		background: linear-gradient(to bottom,  #a51f37 0%,#6e1321 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51f37', endColorstr='#6e1321',GradientType=0 );
}


.sitemap_bu{
	display: block;
    height: 35px;
    width: 100%;
}
.mobile_bu{
	display: block;
    height: 35px;
    width: 70%;
}

	#details .buynow_btn{
		float:right;
		margin: 0px 0 0 0;
		clear:none;
		padding: 5px 12px 8px 12px;
	}

	#details .buynow_btn img{
		vertical-align:middle
	}	
	
	#details a {
		clear: left;
	}
}