/* Recordings website | (c) 2011 New-Art 

==============================================
Table of Content
==============================================

1. Standard

2. Head
	2.1. Logo
	2.2. Menu

3. Content
	3.1. Home
	3.2. News

4. Footer

5. Misc

*/

/*
[1. Standard]
*/
body {
	margin:0px;
	padding:0px;
	background:#151515 url(images/bg.png) repeat-x;
	font-size:12px;
}

a	{ 	color:black;	}

.wrapper {
	width:960px;
	margin:0px auto;
	}
	
a, li {
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	outline:none;
	}
	
img {
	border:none;
	outline:none;
	}
	
/*
[2. Head]
*/

.header {
	overflow:hidden;
	}
	
	.logo {
		width:250px;
		float:right;
		background:#9b161a url(images/bg-logo.png);
		padding:30px 20px 10px 20px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		}

	.menu {
		background:#9b161a url(images/bg-logo.png) center center;
		overflow:hidden;
		float:left;
		width:650px;
		font-family:Arial, Times New Roman;
		border-radius:5px;
		margin-top:61px;
		text-transform:uppercase;
		}
		
		.menu a {
			display:block;
			color:#fff;
			font-size:12px;
			text-decoration:none;
			float:left;
			padding:15px 11px 15px 11px;
			-webkit-transition: background 0.2s ease-in;
			-moz-transition: background 0.2s ease-in;
			-o-transition: background 0.2s ease-in;
			}
			
			.menu a:hover {
				background:#770004;
				text-shadow: #5c0205 0px 2px 0px;
				}
				
		.menu ul {
			display:none;
			background:#9b161a;
			list-style:none;
			position:absolute;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			padding:0px;
			margin-top:44px;
			width:135px;
			z-index:100;
			}
			
			.menu ul a {
				padding:15px;
				margin:0px;
				width:105px;
			}
				
				.sub0 {
					margin-left:115px;
					*margin-left:-520px;
					}
					
				.sub1 {
					margin-left:225px;
					*margin-left:-410px;
					}
					
				.sub2 {
					margin-left:341px;
					*margin-left:-290px;
					}
					
				.sub3 {
					margin-left:433px;
					*margin-left:-200px;
					}
					
				.menu ul li:last-child a{
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;
					}
/*
/*
[3. Content]
*/

	.content {
		overflow:hidden;
		padding:20px 0px 0px 0px;
		font-family:Arial;
		}
		
	/*
	[3.1. Home]
	*/
	
		.box-left {
			width:470px;
			float:left;
			background:#fff;
			border-radius:5px;
			margin-bottom:20px;
		}
		
		.box-right {
		 	width:470px;
		 	float:right;
		 	background:#fff;
		 	border-radius:5px;
		 	margin-bottom:20px;
		 	}
		 	
		 	.news {
		 		list-style:none;
		 		padding:0px;
		 		margin:0px;
		 		}
		 		
		 		.news li {
		 			border-top:1px solid #aeaeae;
		 			padding:10px;
		 			overflow:hidden;
		 			background:url(images/news-bg.png);
		 			border-bottom:1px solid #fff;
		 			}
		 			
		 		.news li:last-child {
		 			border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;
		 			}
		 			
		 		.news li:first-child {
		 			border-top:0px;
		 			border-top-right-radius: 5px;
					border-top-left-radius: 5px;
		 			}
		 		
		 			.news li h1 {
		 				padding:0px;
		 				margin:0px;
		 				color:#33312f;
		 				font-weight:normal;
		 				text-transform:uppercase;
		 				font-size:16px;
		 				margin-top:40px;
		 				}
		 				
		 				.news li:hover h1 {
		 					color:#9b161a;
		 					}
		 					
		 			.selecting {
		 				height:40px;
		 				width:20px;
		 				background:url(images/selected.png);
		 				margin-left:450px;
		 				position:absolute;
		 				z-index:20;
		 				margin-top:35px;
		 			}
		 				
		 			.news li p {
		 				padding:0px;
		 				margin:0px;
		 				font-size:12px;
		 				color:#8e8f8e;
		 				text-transform:uppercase;
		 				}
		 				
		 			.news li .image {
		 				background:#181716;
		 				height:80px;
		 				width:100px;
		 				float:left;
		 				margin-right:15px;
		 				border-radius:5px;
		 				overflow:hidden;
		 				}
		 				
		 				.news li .image img {
		 					margin-left:-40px;
		 					}
		 				
		 			.news-lightout {
		 				padding:10px;
		 				min-height:285px;
		 				}
		 				
		 			.news-lightout h1 {
		 				color:#6a0204;
		 				text-transform:uppercase;
		 				font-size:18px;
		 				margin:0px;
		 				margin-top:10px;
		 				}
		 			
		 			.news-lightout p {
		 				color:#6a0204;
		 				font-size:14px;
		 				margin:0px;
		 				}
		 				
		 	.video {
		 		background:#090908 url(images/videobg.png);
		 		height:250px;
		 		border:1px solid #fff;
		 		border-radius:5px;
		 		}
		 		
		 		.video .playvid {
		 			text-align:center;
		 			margin-top:80px;
		 			width:70px;
		 			margin-left:auto;
		 			margin-right:auto;
		 			opacity:0.8;
		 			-webkit-transition: opacity 0.2s ease-in;
					-moz-transition: opacity 0.2s ease-in;
					-o-transition: opacity 0.2s ease-in;
					cursor:pointer;
		 			}
		 			
		 			.video .playvid:hover {
		 				opacity:1.0;
		 				}
		 				
		 	.shopbox {
		 		height:250px;
		 		border-radius:5px;
		 		}
		 		
		 		.shopbox .title {
		 			color:#9c1619;
		 			font-size:22px;
		 			text-transform:uppercase;
		 			padding:20px;
		 			}
		 			
		 			.shopbox .title span {
		 				color:#000;
		 				font-size:18px;
		 				}
		 				
		 			.shopbox .goto {
		 				color:#8e8f8e;
		 				font-size:12px;
		 				text-transform:uppercase;
		 				padding:20px;
		 				margin-top:65px;
		 				}
		 				
		 				.shopbox .goto a {
		 					color:#8e8f8e;
		 					text-decoration:none;
		 					}
		 					
		 				.shopbox .goto a:hover {
		 					color:#404040;
		 					}
		 		
		.bottom-text {
			border-top:1px solid #fff;
			border-bottom:1px solid #fff;
			overflow:hidden;
			}
			
			.bottom-text .left {
				width:440px;
				float:left;
				padding:0px 20px;
			}
			
				.bottom-text .left ul {
					padding:0px;
					margin:0px;
					list-style:none;
					color:#818181;
					padding:10px 0px 0px 0px;
					}
					
					.bottom-text .left li {
						padding:5px 0px;
						border-bottom:1px solid #4a4a4a;
						}
						
					.bottom-text .left li:last-child {
						border-bottom:0px;
						}
						
					.bottom-text .left span {
					float:right;
					}
						
					.bottom-text .left a {
						color:#bdbdbd;
						font-weight:bold;
						text-decoration:none;
						}
			
			.bottom-text .right {
				width:440px;
				float:right;
				padding:0px 20px;
				}
		 		
		 	.bottom-text p {
		 		color:#bdbdbd;
		 		font-size:11px;
		 		line-height:20px;
		 		margin:0px;
		 		margin-bottom:20px;
		 		padding:10px 0px 0px 0px;
		 		}
		 		
		 	.bottom-text h1 {
		 		color:#fff;
		 		font-weight:normal;
		 		font-size:18px;
		 		margin:0px;
		 		margin-top:20px;
		 		}
		 		
	/*
	[3.2. News]
	*/
	
	.content .left-content {
		width:610px;
		background:#fff;
		border-radius:5px;
		padding:20px;
		float:left;
		}
		
			.content .left-content h1 {
				font-size:28px;
				font-weight:normal;
				text-transform:uppercase;
				margin:0px;
				padding:0px 0px 10px 0px;
				color:#9b161a;
				}
				
			.content .left-content h2 {
				font-size:20px;
				text-transform:uppercase;
				margin:0px;
				padding:0px 0px 15px 0px;
				}
				
				.content .left-content h2 a {
					text-decoration:none;
					}
				
			.content .left-content .item {
				border-top:1px solid #eaeaea;
				padding:10px 0px;
				}
		 		
		 		.content .left-content .item .date {
		 			font-size:12px;
		 			float:right;
		 			width:120px;
		 			margin-top:-40px;
		 			text-align:right;
		 			color:#727272;
		 			}
		 			
		 		.content .left-content .item {
						font-size:12px;
						line-height:22px;
						color:#313131;
		 			}
		 			
		 			.content .left-content .item a:hover {
		 				color:#9b161a;
		 				}
		 	
		 	.content .right-content {
		 		width:290px;
		 		float:right;
			 	}
		 			
		 		.content .right-content .blackbox {
		 			background:#090907;
		 			padding:20px;
		 			border-radius:5px;
		 			margin-bottom:20px;
		 			}
		 			
		 			.content .right-content .blackbox h1 {
		 				color:#fff;
		 				font-size:18px;
		 				text-transform:uppercase;
		 				margin:0px;
		 				padding:0px 0px 10px 0px;
		 				}
		 				
		 			.content .right-content .blackbox p {
		 				color:#d7d7d7;
		 				font-size:12px;
		 				line-height:18px;
		 				margin:0px;
		 				}
		 			
		 			.content .right-content .blackbox ul {
		 				list-style:none;
		 				margin:0px;
		 				padding:0px;
		 				font-size:12px;
		 				margin-top:10px;
		 				}
		 				
		 				.content .right-content .blackbox a {
		 					color:#b3b3b3;
		 					text-decoration:none;
		 					}
		 				
		 				.content .right-content .blackbox li {
		 					padding:5px 5px;
		 					color:#b3b3b3;
		 					border-bottom:1px solid #282828;
		 					}
		 					
		 				.content .right-content .blackbox li:hover {
		 					background:#282828;
		 					}
		 					
		 					.content .right-content .blackbox li:first-child {
		 						border-top:1px solid #282828;
		 						}
		 						
		 						.content .right-content .blackbox li .right {
		 							float:right;
		 							color:#767676;
		 							}
		 							
		 						.content .right-content .blackbox li .left {
		 							padding:0px 10px 0px 0px;
		 							color:#767676;
		 							}
		 							
		 						.carttotal {
		 							color:#fff;
		 							text-align:right;
		 							padding:5px 5px 0px 0px;
		 							}
		 							
		 							.cartbtn {
		 							display:block;
		 							color:#000!important;
		 							background:#fff;
		 							border-radius:5px;
		 							padding:10px;
		 							margin-top:10px;
		 							font-weight:bold;
		 							}
		 						
		 							.cartbtn:hover {
		 								background:#9b161a;
		 								color:#fff !important;
		 								}
		 		.content .right-content .whitebox {
		 			background:#fff;
		 			padding:20px;
		 			border-radius:5px;
		 			margin-bottom:20px;
		 			}
		 			
		 			.content .right-content h1 {
		 				color:#000;
		 				font-size:18px;
		 				text-transform:uppercase;
		 				margin:0px;
		 				padding:0px 0px 10px 0px;
		 				}
		 				
		 			.content .right-content .whitebox p {
		 				color:#616161;
		 				font-size:12px;
		 				line-height:18px;
		 				margin:0px;
		 				}
		 				
		 				.content .right-content .button {
		 					display:block;
		 					background:#000;
		 					color:#fff;
		 					padding:10px;
		 					border-radius: 5px;
		 					font-size:12px;
		 					margin-top:15px;
		 					text-decoration:none;
		 					}
		 					
		 					.content .right-content .button:hover {
		 						background:#9c1619;
		 						}
		 						
		 			.content .left-content p {
		 				font-size:12px;
		 				line-height:22px;
		 				margin:0px;
		 				color:#313131;
		 				}
		 						
		 			.content .left-content .list {
		 				margin:0px;
		 				padding:0px;
		 				list-style:none;
		 				font-size:12px;
		 				}
		 				
		 				.content .left-content .list li {
		 					border-bottom:1px solid #eaeaea;
		 					padding:7px 5px;
		 					}
		 					
		 				.content .left-content .list li a {
		 					color:#313131;
		 					text-decoration:none;
		 					}
		 					
		 					.content .left-content .list li a:hover {
		 						color:#9c1619;
		 						text-decoration: underline;
		 						}
		 						
		 				.shop-item {
		 					width:290px;
		 					float:left;
		 					border-right:1px solid #eaeaea;
		 					}
		 					
		 					.shop-item .image {
		 					width:130px;
		 					float:left;		 							
		 					max-height:170px;
		 					overflow:hidden;
		 					}
		 					
		 						.shop-item .image img {
		 							width:120px;

		 							}
		 							
		 						
		 						.shop-item h3 {
		 							font-size:15px;
		 							color:#000;
		 							text-transform:uppercase;
		 							margin:0px;
		 							padding-top:4px;
		 						}
		 						
		 							.shop-item h3 a {
		 								text-decoration:none;
		 								}
		 						
		 						.shop-item p {
		 							font-size:11px;
		 							color:#666;
		 							margin:0px;
		 							padding:5px 0px 0px 0px;
		 							line-height:16px;
		 							}
		 							
		 					.buttons {
		 						overflow:hidden;
		 						clear:both;
		 					}
		 					
		 						.buttons a {
		 							display:block;
		 							background:#090908;
		 							color:#fff;
		 							text-decoration:none;
		 							font-size:10px;
		 							font-weight:bold;
		 							padding:5px 7px;
		 							float:right;
		 							margin-right:10px;
		 							margin-top:10px;
		 							border-radius:3px;
		 							}
		 							
		 							.buttons a:hover {
		 								background:#9c1619;
		 								}
		 								
		 	
.fullcart {
	padding:0px;
	margin:0px;
	width:340px;
	background:#f2f2f2;
	border-radius:5px;
	padding:0px 10px;
	}
	
	.fullcart ul {
		list-style:none;
		padding:0px;
		margin:0px;
		}
		
		.fullcart li {
		padding:10px 0px;
		border-bottom:1px solid #eaeaea;
		font-weight:bold;
		color:#3c3c3c;
		}
		
		.fullcart li .right {
		float:right;
		font-weight:normal;
		color:#787878;
		}
		
		.fullcart li .left {
		padding:0px 10px 0px 0px;
		font-weight:normal;
		color:#787878;
		}
		
			.fullcart .carttotal {
				color:#3c3c3c;
				padding:10px 0px;
				}
/*
[4. Footer]
*/

	.logofooter {
		opacity:0.7;
		width:630px;
		float:left;
		padding:20px;
		}
		
		.logofooter p {
			color:#595958;
			font-family:Arial;
			font-size:11px;
			padding:0px 0px 0px 20px;
			line-height:18px;
			width:400px;
			margin:0px;
			float:right;
		}
		
		.logofooter a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		}
		
		.logofooter img {
		float:left;
		margin-top:5px;
		}
		
		.footer .text {
			width:200px;
			float:right;
			color:#595958;
			font-family:Arial;
			font-size:11px;
			padding:36px 0px 0px 20px;
			line-height:18px;
			text-align:right;
			}
			


.home-over {
	height:100%;
	width:100%;
	background:#000 url(images/splash.jpg) center center no-repeat fixed;
	position:fixed;
	z-index:999;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	}
	
	
	.box-over {
		height:230px;
		width:610px;
		margin:0px auto;
		top:50%;
		position:relative;
		margin-top:-100px;
		}
	
	.home-over .goawaysplash {
		color:#fff;
		font-size:20px;
		font-weight:bold;
		font-family:Arial;
		text-transform:uppercase;
		border-radius:5px;
		margin:0px auto;
		width:180px;
		text-align:right;
		position:absolute;
		bottom:-10px;
		right:10px;
		margin-left:-35px;
		cursor:pointer;
		display:none;
		}
		
		.home-over a {
			color:#fff;
			text-decoration:none;
			}
			
			.logo-line {
				display:none;
				margin-left:285px;
				}
				
			.logo-logo {
				left:-300px;
				position:fixed;
				}
				
			.logo-name {
				position:fixed;
				right:-330px;
				}
				
				.shopop {
					position:absolute;margin-left:-650px;
					}
					
				:root .shopop { margin-left:0px \0/IE9; }
					
.big-image
	{	width:450px;
		height:230px;
		overflow:hidden;
		border-radius:5px;
	}
	
.archive {
	padding:0px;
	margin:0px;
	list-style:none;
	}

	.archive li {
		padding:7px 0px;
		border-bottom:1px solid #eaeaea;
		}
		
		.archive li span {
			color:#777777;
			width:150px;
			display:block;
			float:left;
			}
			
	.archive a {
		color:#272727;
		font-weight:bold;
		text-decoration:none;
		}
		
	.archive a:hover {
		color:#9b161a;
		}
		
	.contact-form {
		color:#313131;
		}
		
			.contact-form input[type="text"] {
				border:1px solid #bcbcbc;
				padding:5px;
				font-family:Arial;
				font-size:12px;
				border-radius:5px;
				}
				
			.contact-form input[type="button"] {
				background:#000;
				border-radius:5px;
				border:0px;
				color:#fff;
				padding:5px;
				font-family:Arial;
				font-size:11px;
				}
				
				.contact-form input[type="button"]:hover {
					background:#9f1619;
					}
				
			.contact-form textarea {
				border:1px solid #bcbcbc;
				padding:5px;
				font-family:Arial;
				font-size:12px;
				border-radius:5px;
				}
				
				
.shopping-left {
width:200px;
float:left;
}

.shopping-right {
width:390px;
float:right;
line-height:20px;
}

	.shopping-right a {
		color:#000;
		font-weight:bold;
		}


@media screen and (-webkit-min-device-pixel-ratio:0){

.shopop {
margin-left:0px;
}
.logo-logo {
top:50%;
margin-top:-100px;
}

.logo-name {
top:50%;
margin-top:-100px;
}
}

.btwinfo {
color:#999;
font-size:10px;
}

.yourinfo {
	overflow:hidden;
	color:#424242;
	}
	
	.yourinfo .left {
	width:295px;
	float:left;
	}
	
	.yourinfo .right {
	width:295px;
	float:left;
	}
	
	.yourinfo input[type="text"] {
		margin-top:5px;
		margin-bottom:10px;
		border:1px solid #bcbcbc;
		padding:5px;
		font-family:Arial;
		font-size:12px;
		border-radius:5px;
		width:200px;
		}
		
a.button {

					background:#000;
				border-radius:5px;
				border:0px;
				color:#fff;
				padding:10px;
				font-family:Arial;
				font-size:11px;
				text-decoration:none;
				margin-top:15px;
				display:block;
				}
				
			.checkout{
				background:#000;
				border-radius:5px;
				border:0px;
				color:#fff;
				padding:5px;
				font-family:Arial;
				font-size:11px;
				margin-top:15px;
				}
				
.minitable td	{	font-size:10px;	
					border:1px solid #333333;
				}