/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, #switcher, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
}
html, body { height:100%;}
	

/* #Basic Styles
================================================== */
html{
}
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	background:url(../images/body-bg.jpg) center 0 no-repeat #610165;
}

.main{
	width:808px;
	margin:0 auto;
	text-align:center;
}
#viewport {
    overflow: hidden;
}

#magazine{
	width:1200px;
	height:700px;
	font-size:12px;
	line-height:18px;
	color:#5b5b5b;
}
#magazine .turn-page{
	width:700px;
	height:600px;
	
}
.turn-page{
	background:url(../images/page-bg.gif) 0 0 repeat;
}
.pages, #controllers {
    height: 700px;
    margin: auto;
    position: relative;
    width: 1200px;
}


/* #Typography
================================================== */

	h1, h2, h3, h4, h5, h6 {
		font-family:'Yanone Kaffeesatz';
		font-weight:300;
		line-height:1.2em;
		color:#262626;
	}
	
	p { margin: 0 0 18px 0; }
	
	
	h2{
		font-size:24px;
		margin-bottom:15px;
	}
	h5{
		font-size:19px;
		margin-bottom:8px;
	}
	h6{
		font-size:14px;
		margin-bottom:8px;
	}
	
	h2.page-title{
		border-bottom:#e6e9f8 1px solid;
		padding-bottom:13px;
		margin-bottom:20px;
	}
	.page-logo{
		font-size:12px;
		line-height:18px;
		color:#fff;
		font-family:'Yanone Kaffeesatz';
		background:#14cccc;
		padding:41px 4px 3px 5px;
		margin-bottom:0;
	}

	.info{
		position:absolute;
		left:26px;
		z-index:9;
	}
	
	.info.right-pos{
		left:auto;
		right:22px;
	}
	
	
/* #Links
================================================== */
	a{ 
		color: #567387;
		text-decoration: none;
		outline: 0;
		
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-o-transition:all 0.5s;
		-ms-transition:all 0.5s;	
		transition:all 0.5s;
	 }
	a:hover{ text-decoration:underline; }
	p a, p a:visited { line-height: inherit; }
	.text-color{color: #f5c9a9;}
	.text-color1{color: #5a6167;}
	
	.text-size{
		font-size:10px;
	}
/*   Logo    */
header{
	padding-bottom:19px;
}


.site-title{
	font-weight:normal;
	float:left;
	width:207px;
	margin:18px 0 0 38px;
}

.site-title a{
	color:#dfdfdf;
	text-decoration:none;
	font-size:55px;
	line-height:1.2em;
	display:block;
	font-family:'Yanone Kaffeesatz';
	font-weight:200;
}
.site-title a span.part2{
	display:block;
	font-size:94px;
	color:#fff;
	text-transform:uppercase;
	
}
.site-title span.tagline{
	display:block;
	text-align:right;
	font-size:11px;
	margin-top:10px;
	color:#a3a3a3;
	text-transform:uppercase;
	padding-right:6px;
}

.descr{
	font-size:41px;
	color:#7EFFE7;
	text-align:center;
	font-family:'Italianno';
	line-height:1.2em;
	background:rgba(0,0,0,0.68);
	padding:25px 60px 25px 48px;
	position:absolute;
	bottom:22px;
	left:0;
	display:block;
}

.back .site-title{
	position:absolute;
	top:267px;
	width:100%;
	text-align:center;
	margin:0;
}
.back  .site-title a{
	font-size:42px;
}
.back  .site-title span.part2{
	font-size:56px;
	margin-top:-10px;
	text-transform:uppercase;
}
.back span.tagline{
	margin:0;
	position:absolute;
	bottom:30px;
	width:100%;
	text-align:center;
	color:#a3a3a3;
	font-size:11px;
	text-transform:uppercase;
	
}

nav{
	overflow:hidden;	
	margin-top:20px;
}
nav ul{
}
nav li{
	float:left;
	background:url(../images/nav-li-bg.gif) 0 0 no-repeat;
	padding-left:2px;
}
nav li:first-child{
	background:none;
	padding-left:0;
}

nav a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:16px 0 13px 0;
	width:120px;
	text-align:center;
	/*text-transform:lowercase;*/
	background:url(../images/nav-a-bg.gif) center 0 no-repeat #fff;
	font-size:14px;
	line-height:1.2em;
	
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;	
	transition:all 0.5s;
}

nav a:hover, nav a.on{
	text-decoration:none;
	background:url(../images/nav-a-bg-hover.gif) center 0 no-repeat;
	color:#000;
}

.link{
	display:inline-block;
	text-decoration:none;
	font-family:'Yanone Kaffeesatz';
	text-transform:uppercase;
	color:#fefefe;
	padding:4px 13px 5px 13px;
	background:#000;	
}
.link:hover{
	
}


.wrapper{
	width:100%;
	overflow:hidden;
}
.extr{
	overflow:hidden;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}

.alignright{
	text-align:right;
}
.alignleft{
	text-align:left;
}
.aligncenter{
	text-align:center;
}
/*--------Content--------*/

r-left{
}

.page, .turn-page{
	position:relative;
	background:#610165;
}
.home{
	background:url(../images/front-cover.jpg) 0 0 no-repeat;
}

.about .inner{
	background:url(../images/about-bg.jpg);
	
}

.discography .inner{
	background:url(../images/discography-bg.jpg) 0 0 no-repeat;
}

.photo .inner{
	background:url(../images/gallery/1.jpg) 0 0 no-repeat #fff;
}

.contact .inner{
	background:url(../images/contact-bg.jpg) 0 0 no-repeat;
}
.back{
	background:url(../images/back-cover.jpg) 0 0 no-repeat;
}

.inner{
	position:absolute;
	background:#fff;
	top:11px;
	bottom:11px;
	left:11px;
	right:11px;
	overflow:hidden;
	padding:37px 10px 38px 88px;
}

.inner .content{
	position:relative;
	z-index:999;
}
.shadow-right{
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/shadow-left.png) 0 0 repeat-y;
	z-index:9;
}
.shadow-left{
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/shadow-right.png) right 0 repeat-y;
	z-index:9;
}

.ribbon{
	
	position:absolute;
	top:0;
	left:21px;
	width:63px;
	height:104px;
	background:url(../images/ribbon.png) 0 0 no-repeat;
	font-family:'Yanone Kaffeesatz';
	padding:0 8px 54px 0;
	text-align:center;
	font-size:16px;
	line-height:1.2em;
	z-index:89;
	color:#fff;
	font-weight:400;
	
}

.ribbon span{
	
	font-size:69px;
	display:block;
	text-align:center;
	margin-top:5px;
	margin-bottom:-8px;
	line-height:1.2em;
	font-weight:200;
	
}

.ver-line{
	position:absolute;
	border-left:#e1e3f9 1px solid;
	width:1px;
	height:531px;
	top:118px;
	left:52px;
	z-index:87;
}

.img-container{
	display:inline-block;
	box-shadow: 0px 20px 10px -10px #c9cbdb;
	border:#69008A 1px solid;
}

.map{
	padding:1px;
	background:#eaecfa;
	border:#cfd3e3 1px solid;
	display:inline-block;
}

.map iframe{
	background:#ced2e2;
	border:#eaecfa 1px solid;
	padding:3px;
}

.img-indent{
	float:left;
	margin:0 45px 0 0;
}

.img-indent1{
	float:left;
	margin:0 20px 0 0;
}

.divider{
	margin:16px 0 26px;
	width:100%;
	border-bottom:#e7eaf8 1px solid;
	height:1px;
}

.color-gray{
	color:#8d8d8d;
}
.black-title{
	display:block;
	color:#000;
	font-size:14px;
	margin-bottom:18px;
}
.marg-top5{
	margin-top:-5px;
}
/*--------Layouts--------*/
.col-1, .col-2, .col-3, .col-4,.col-5, .col-6{
	float:left;
}

.discography-1 .col-1{
	width:258px;
	padding-right:40px;
}
.discography-1 .col-2{
	width:224px;
}

.photo .col-1{
	width:144px;
	padding-right:38px;
}
.photo .col-2{
	width:157px;
}
.contact-1 .col-1{
	width:176px;
	padding-right:48px;
}
.contact-1 .col-2{
	width:195px;
}
/*-----------------------*/
.butt{
	display:inline-block;
	background:url(../images/butt-bg.gif) 0 0 repeat-x;
	font-size:13px;
	line-height:1.2em;
	font-family:'Yanone Kaffeesatz';
	border:#0995c2 1px solid;
	border:#28c9fd 1px solid;
	border-bottom:#3c89ae 1px solid;
	padding:7px 15px 8px 15px;
	text-decoration:none;
	color:#fff;
	text-shadow:0 1px 1px #08647f;
	border-radius:5px;
}
.butt:hover{
	background:url(../images/butt-bg-hover.gif) 0 0 repeat-x;
	text-decoration:none;
}
/*-----------------------*/

.number-list{
	list-style:decimal;
}
	.number-list li{
		font-size:12px;
		line-height:21px;
		border-bottom:#e2e2e2 1px solid;
		/*list-style:decimal inside;*/
	}
		
.info-list{}
	.info-list li{
		overflow:hidden;
		border-bottom:#dde1fc 1px solid;
		font-size:12px;
		line-height:21px;
	}
	.info-list li:first-child{
		
	}
	.info-list li span{
		
	}
	.info-list li span.right{
		float:right;
		color:#5b5b5b;
		text-align:left;
		width:120px;
	}
	.info-list li span.left{
		float:left;
		text-transform:uppercase;
		font-family:'Yanone Kaffeesatz';
		font-weight:300;
		text-align:right;
		width:68px;
		color:#575b6b;
		font-size:14px;
	}
	
#filter{float:right;}
	#filter li{
		float:right;
		margin-left:8px;
		font-family:'Yanone Kaffeesatz';
		font-size:;
		line-height:1.2em;
		font-size:14px;
		text-transform:uppercase;
	}
		#filter li a{
			color:#5b5b5b;
			text-decoration:none;
		}
		

.marker-list{}
	.marker-list li{
		background:url(../images/list-marker.gif) 0 4px no-repeat;
		padding-left:15px;
		line-height:21px;
	}
	.marker-list li a{
		text-decoration:none;
		color:#5b5b5b;
		
	}
		.marker-list li a:hover{
			text-decoration:underline;
		}

.portfolio{
	overflow:hidden;
	
}
	.portfolio div{
		float:left;
		width:150px;
		margin:13px 0 0 9px;
	}

	.portfolio a.video{
		display:block;
		position:relative;
		
	}
		.portfolio a.video span{
			display:block;
			position:absolute;
			background:url(../images/video-marker.png) 0 0 no-repeat;
			width:85px;
			height:85px;
			top:50%;
			left:50%;
			margin:-43px 0 0 -43px;
			z-index:99;
		}
		
.youtube-player{
	position:absolute;
	left:0;
	top:125px;
	z-index:999;
}

.social-list{}
	.social-list li{
		float:left;
		margin-left:8px;
	}
	.social-list li:first-child{
		margin-left:0;
	}
		
/*------------------------------*/
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

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

.pad-right24{
	padding-right:24px;
}
/* Indents */

.top5{
	padding-top:5px;
}
.top8{
	padding-top:8px;
}
.top10{
	padding-top:10px;
}
.top15{
	padding-top:15px;
}
.top20{
	padding-top:20px;
}

.top25{
	padding-top:25px;
}

.top30{
	padding-top:30px;
}
.top35{
	padding-top:35px;
}
.top40{
	padding-top:40px;
}
.top74{
	padding-top:74px;
}

.left59{
	margin-left:59px;
}

.bottom15{margin-bottom:15px;}

.img-bottom-indent{
	margin-bottom:15px;
}
.img-container{
}

footer{
	padding:32px 0;
}
footer .main{
	color:#bfbfbf;
	font-size:11px;
}


/* #Forms
================================================== */

	form.contact{position:relative;overflow:hidden;display:block;}
	label{
		display:block;
		margin-bottom:7px;
		overflow:hidden;
	}
	form.contact strong{
		color:#5b5b5b;
		font-weight:normal;
		display:block;
		padding-bottom:4px;
	}
	
	
	form.contact input[type="text"],
	input[type="password"],
	input[type="email"],
	form.contact textarea,
	select {
		
		border:#adadad 1px solid;
		border-right:0;
		border-bottom:0;
		position:relative;
		background:#fff;
		width:269px;
	  	padding:2px 5px 3px 5px;
		color:#5b5b5b;
		box-shadow:0px 0px 1px 1px #e3e3e3 inset, -1px -1px 1px 0px #f0f0f0;
		
	}
	
	input[type="submit"], input[type="reset"]{
		border:0;
		margin:0;
		background:0;
		display:block;
		width:64px;
		height:32px;
		background:url(../images/send-bt.png) 0 0 no-repeat;
		cursor:pointer;
		float:left;
		margin-top:12px;
		
	}
	input[type="reset"]{
		background:url(../images/clear-bt.png) 0 0 no-repeat;	
		margin-right:23px;
	}
	form.contact textarea {
		min-height: 112px;
		width:336px;
	}
	

	
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }