/* @group Global style */

body { 
	background-color: #e1eff2; 
	color: #000; 
	font-size: 62.5%; 
	font-family: Arial, Helvetica, sans-serif; 
}
.large {
	background-image: url(../images/bg/05.jpg); background-repeat: repeat; background-attachment:fixed;
}
/* @end Global style */

/* @group Layout */
#transparent-socialnetowk {	
	position: absolute;	
	width: 410px; 
	height: 45px; 
	top: 10px; 
	right: 75px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=50);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}

#socialnetwork {
	position: absolute;
	top: 15px;
	float: left;
	right: 75px;
	z-index: 15;
}
	
#center		{	
	width:1px; 
	height:1px; 
	position: absolute; 
	left: 50%; 
	top: 50% ; 
}

#center2		{	
	width: 960px;
	position: relative; 
	margin-left: auto;
	margin-right: auto;
}


#transparent-center-content-txt {
	height: 1750px;
}
#transparent-center-content-txt2 {
	height: 800px;
}
#transparent-center-content-txt3 {
	height:  1450px;
}
#transparent-center-content-txt4 {
	height:  3400px;
}
#transparent-center-content-txt {
	height:  1980px;
}

#transparent-center-content {
	height: 550px;
}

#transparent-center-content-txt {	
	position: absolute;	
	width: 1024px; 
	top: 180px; 
	left: -512px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}
#transparent-center-content-txt2 {	
	position: absolute;	
	width: 1024px; 
	top: 180px; 
	left: -512px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}
#transparent-center-content-txt3 {	
	position: absolute;	
	width: 1024px; 
	top: 180px; 
	left: -512px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}

#transparent-center-content-txt4 {	
	position: absolute;	
	width: 1024px; 
	top: 180px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}

#transparent-center-content {	
	position: absolute;	
	width: 1024px; 
	top: 180px; 
	left: -512px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}

#center-content-txt {	
	position: absolute;	
	width: 1024px;  
	height: 1750px;
	top: 180px; 
	left: -512px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 11;
}
#center-content-txt2 {	
	position: absolute;	
	width: 1024px;  
	height: 800px;
	top: 180px; 
	left: -512px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 11;
}
#center-content-txt3 {	
	position: absolute;	
	width: 1024px;  
	height: 1450px;
	top: 180px; 
	left: -512px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 11;
}

#center-content-txt4 {	
	position: absolute;	
	width: 1024px;  
	height: 1980px;
	top: 180px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 11;
}

#center-content {	
	position: absolute;	
	width: 1024px;  
	height: 550px;
	top: 180px; 
	left: -512px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 11;
}
	
#transparent-menu {	
	position: absolute;	
	width: 1024px; 
	height: 10px; 
	top: 110px; 
	padding-bottom:50px;
	left: -512px; 
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}

#transparent-menu2 {	
	position: absolute;	
	width: 1024px; 
	height: 10px; 
	top: 110px; 
	padding-bottom:50px;
	background-color: #000;
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	z-index: 10;
}

#menu {	
	position: absolute;	
	width: 1024px; 
	height: 10px;  
	top: 110px; 
	left: -512px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 15;
}
#menu2 {	
	position: absolute;	
	width: 1024px; 
	height: 10px;  
	top: 110px; 
	border-width:0px;
	border-color:#999999;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 10px #000000;
	-webkit-box-shadow:0px 0px 10px #000000;
	box-shadow:0px 0px 10px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	z-index: 15;
}
#menu3 {	
	position: absolute;	
	width: 1024px; 
	top: 10px; 
	z-index: 15;
}

#sidebar {
	margin-top: 10px;
	position: relative;
	width: 300px;
	float: left;
	z-index: 20;
}

#middle {
	margin-top: 10px;
	position: relative;
	width: 800px;
	float: left;
	padding-right: 10px;	
}
#labels {
	margin-top: 10px;
	position: relative;
	width: 800px;
	float: left;
	padding-right: 10px;	
}

#columnOne {
	position: relative;
	width: 200px;
	float: left;
}

/* @end Layout */

/* @group Header */
#logi h1 a {
	width: 353px;
	height: 81px;
	position: absolute;
	top: 15px;
	left: 15px;
	background-image: url(../images/logo/renebeer.png); background-repeat: no-repeat; display: block; text-indent: -999em;
}

/* @group Navigation */	
#menu ul, #menu2 ul, #menu3 ul {
	list-style-type: none;
}
#menu ul li a, #menu2 ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 24px;
	float: left;
	position: relative;
	font-weight: bold;
	font-size: 1.8em;	
}
#menu ul li a:hover, #menu2 ul li a:hover, #menu3 ul li a:hover {
	color: #ff266d;
	text-decoration: none;
	list-style-type: none;
}
.selected {
	color: #ff266d!important;
}

#menu3 ul li a {
	color: #fff;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 24px;
	position: relative;
	font-weight: bold;
	font-size: 1.6em;	
	line-height: 1.4em;
}


/* @end Navigation */

/* @group SocialNetowrk Logo */
.logoBeatport {
	display: block;
	background: url(../images/logo/beatport-up.png);
	width: 48px;
	height: 35px;
	float: left;
	padding-left: 10px;
	text-indent: -99999px;
}
.logoBeatport:hover {
	background-position: 0 0;
	background: url(../images/logo/beatport.png);
}
.logoSoundCloud {
	display: block;
	background: url(../images/logo/soundcloud-up.png);
	width: 58px;
	height: 35px;
	float: left;
	text-indent: -99999px;	
}
.logoSoundCloud:hover {
	background-position: 0 0;
	background: url(../images/logo/soundcloud.png);	
}

.logoYouTube {
	display: block;
	background: url(../images/logo/youtube-up.png);
	width: 47px;
	height: 35px;
	float: left;
	text-indent: -99999px;	
}

.logoYouTube:hover {
	background-position: 0 0;
	background: url(../images/logo/youtube.png);	
}

.logoReverbnation {
	display: block;
	background: url(../images/logo/reverbnation-up.png);
	width: 48px;
	height: 35px;
	float: left;
	text-indent: -99999px;
}
.logoReverbnation:hover {
	background-position: 0 0;
	background: url(../images/logo/reverbnation.png);
}
.logoFB {
	display: block;
	background: url(../images/logo/fb-up.png);
	width: 46px;
	height: 35px;
	float: left;
	text-indent: -99999px;
}
.logoFB:hover {
	background-position: 0 0;
	background: url(../images/logo/fb.png);
}
.logoTwitter {
	display: block;
	background: url(../images/logo/twitter-up.png);
	width: 50px;
	height: 35px;
	float: left;
	text-indent: -99999px;
}
.logoTwitter:hover {
	background-position: 0 0;
	background: url(../images/logo/twitter.png);
}
.logoMySpace {
	display: block;
	background: url(../images/logo/myspace-up.png);
	width: 48px;
	height: 35px;
	float: left;
	text-indent: -99999px;
}
.logoMySpace:hover {
	background-position: 0 0;
	background: url(../images/logo/myspace.png);
}
.logoiTunes {
	display: block;
	background: url(../images/logo/itunes-up.png);
	width: 33px;
	height: 35px;
	float: left;
	text-indent: -99999px;
}
.logoiTunes:hover {
	background-position: 0 0;
	background: url(../images/logo/itunes.png);
}

#socialnetwork img {
	float: left;
	padding-right: 3px;
}

/* @end group SocialNetowrk Logo */

/* @end group Header */


/* @group Typography */
#columnOne p {
	font-size: 1.0em;
	color: #fff;
}

#middle h1, #labels h1 {
	font-size: 3em;
	font-weight: bold;
	padding-bottom: 10px;
	color: #ff266d;
	text-shadow: 2px 3px 2px #330101;
	filter: dropshadow(color=#000000, offx=3, offy=1);
}

#middle h2, #labels h2 {
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 10px;
	color: #ff266d;
	text-shadow: 2px 3px 2px #330101;
	filter: dropshadow(color=#000000, offx=3, offy=1);
}

#middle h3, #labels h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 10px;
	color: #ff266d;
	text-shadow: 2px 3px 2px #330101;
	filter: dropshadow(color=#000000, offx=3, offy=1);
}
#middle p, #sidebar p {
	font-size: 1.5em;
	color: #a7a4a4;
	line-height: 1.6em;
	text-shadow: 2px 3px 2px #330101;
	padding-top: 8px;
}

#middle a, #labels a {
	text-decoration: underline;
	color: #c9c9c9;

}
#middle a:hover, #labels a:hover {
	text-decoration: underline;
	color: #fff;

}

#twiFeed {
	font-size: 1.1em!important;
	position: relative;
	top: 65px;
	left: 3px;
	z-index: 130;
}
/* @end group Typography */

/* @group Various */

#columnOne p img {
	padding: 30px 0 0 20px;
}
#columnWide img {
	float: left;
	padding: 5px 15px 10px 0;
}
#middle img {
	float: left;
	padding: 5px 17px 15px 0;
}

#fb {
	border: top dotted 2px #ff266d;
	position: relative;
	margin-left: 20px;
	margin-top: 60px;
	width:  100px;
	float:left;
}

#fb2 {
	border: top dotted 2px #ff266d;
	position: relative;
	margin-left: 20px;
	margin-top: 160px;
	width:  100px;
	float:left;
}

.twi {
	position: relative;
	float:  left;
	margin-top: 60px;
}
 
.twi2 {
	position: relative;
	float:  left;
	margin-top: 160px;
}

.spread {
	position: relative;
	float:  left;
	margin-left: 20px;
	margin-top: 6px;
}

.miniBox5 { 
	width: 220px; 
	height: 230px; 
	float: left; 
	margin-bottom: 15px; 
	margin-right: 40px; 
	text-align: center!important; 
	
}
.miniBox5 p {
	font-size: 1.2em!important;
	color: #a7a4a4;
	line-height: 1.6em;
	padding-top: 8px;
}

#logo {
	width: 100%;
}
.asize {
	font-size: 1.3em;
} 

.clearer { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; }

/* @end group Various */