@charset "utf-8";

* { margin:0; padding:0; }
html { height:100%; }

body
{
	font: 14px/18px "Times New Roman", Times, serif;
	width: 100%;
	background:#000;
	color:#D2CDCD;
}

ul li { list-style-type:none; }

img { border:0; }

a { text-decoration:underline; }
a:hover { text-decoration:none; }

#main-content { width:100%; }

#header { background:#000; height:93px; }
#navigation { background:#5a5a5a; height:30px; position:relative; z-index:20; }
#content { background:#7e070b; position:relative; }
#footer { background:#000; height:115px; }

/* Shadow selectors */
.horizontal-shadow
{
	-webkit-box-shadow: 0px 2px 20px 0px #000;
	-moz-box-shadow: 0px 2px 20px 0px #000;
	box-shadow: 0px 2px 20px 0px #000;
}

.arial { font-family:Arial, Helvetica, sans-serif; }

/* Header */
#header .image-container { width:1024px; height:92px; background:url(../images/header.jpg) no-repeat; margin:0 auto; position:relative; }
#header .image-container .inquire { float:right; margin:45px 145px 0 0; }

/* Navigation */
#navigation .items-container { width:1024px; margin:0 auto; text-align:center; }
#navigation ul { display:inline-block; }
#navigation ul li { float:left; height:30px; }
#navigation ul .active { background-image:url(../images/bg_nav.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_nav.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_nav.png', sizingMethod='scale')"; }
#navigation ul .active a { color:#FFF; }
#navigation ul a { color:#000; text-transform:uppercase; text-decoration:none; font-size:17px; font-stretch:wider; }
#navigation ul a:hover { color:#FFF; }
#navigation ul .nav-h1 { width:33px; height:15px; margin:-15px auto;  }
#navigation ul .active .nav-h1 { background:url(../images/nav_h1.png) no-repeat; }
#navigation ul .title { padding:0 15px 0 15px; margin-top:20px; }
#navigation ul .nav-h2 { height:11px; margin:3px 10px 0 10px; }
#navigation ul .active .nav-h2 { background:#820f0d; }

/* Content */
#content .content-wrapper { width:1024px; margin:0 auto; }

#content .index-content { background:url(../images/bg_main.jpg) no-repeat right; min-height:362px; }
#content .index-content .block-about { width:1024px; min-height:295px; padding-top:10px; position:relative; }
#content .index-content .about-area { background:url(../images/fade_overlay.png); width:328px; min-height:193px; margin-left:120px; padding:10px 10px 20px 10px; }
#content .index-content .logo { background:url(../images/MarlenaStuder.png); width:443px; height:106px; position:absolute; bottom:15px; left:80px; }
#content .block-photos { height:67px; background:url(../images/fade_overlay.png); position:absolute; left:0; bottom:0; right:0; }
#content .block-photos .photos-wrapper { width:1024px; margin:0 auto; }
#content .block-photos .photos-wrapper ul { margin:6px 0 0 120px; }
#content .block-photos .photos-wrapper li { float:left; margin-right:5px; }
#content .block-photos .photos-wrapper .more-photos { background:url(../images/more_photos.png) no-repeat right; font-size:12px; padding:4px 20px 0 0; height:22px; margin:15px 0 0 40px; }
#content .block-photos .photos-wrapper .more-photos a { color:#D2CDCD; text-decoration:none; }
#content .block-photos .photos-wrapper .more-photos a:hover { text-decoration:underline; }

#content .about-content { height:362px; background:url(../images/bkg_music.jpg) no-repeat; }
#content .about-content .block-about { width:1024px; height:362px; padding-top:10px; padding-left:80px; }
#content .about-content .block-about .about-area { width:346px; height:332px; background:url(../images/fade_overlay2.png); padding:10px 10px 10px 20px; }
#content .about-content .block-about .about-area h3 { padding:10px 0 10px 0; }
#content .about-content .block-about .about-area p { color: #d2cdcd; }
#content .about-content .block-about .about-area .about-marlena { background:url(../images/about_marlena.png); width:214px; height:41px; margin:0 auto; }
#content .about-content .block-about .media-area { float:right; margin-right:120px; }
#content .about-content .block-about .media-area .media-marlena { background:url(../images/MarlenaStuder2.png); width:383px; height:64px; margin-left:100px; }

#content .store-content { overflow:hidden; position:relative; }
#content .store-content .music-store-bg { background:#460706; position:absolute; width:356px; left:20px; top:0; bottom:0; z-index:0 }
#content .store-content .music-store { float:left; width:356px; position:relative; z-index:5; margin-left:20px; }
#content .store-content .music-store .title { text-align:center; margin-top:10px; }
#content .store-content .music-store h3 { text-align:center; padding:5px 0 5px 0; }
#content .store-content .music-store ul li { margin:20px 0 20px 0; }
#content .store-content .music-store ul .album-item { display:inline-block; width:336px; padding:8px 0 0 20px; height:75px; position:relative; }
#content .store-content .music-store ul .active { background:#000; }
#content .store-content .music-store ul .album-item .current-album { position:absolute; width:26px; height:84px; background:url(../images/sel_arrow.png); right:-18px; top:2px; }
#content .store-content .music-store ul .album-item .album-photo { float:left; width:70px; }
#content .store-content .music-store ul .album-item .album-title { float:left; color:#D2CDCD; padding:25px 0 0 10px; font-size:16px; }
#content .store-content .song-list { float:left; width:330px; padding: 25px 5px 5px 20px; font-size:16px; }
#content .store-content .song-list .title { background:url(../images/album_title.png) no-repeat; width:292px; height:28px; color:#FFF; text-transform:uppercase; text-align:center; padding-top:12px; }
#content .store-content .song-list h2 { padding:30px 0 10px 50px; }
#content .store-content .song-list table { margin-left:20px; margin-bottom: 50px; }
#content .store-content .song-list table tr { line-height:30px; }
#content .store-content .song-list table td { padding:0 3px 0 3px; }
#content .store-content .buy-album { float:left; width:240px; padding:20px 5px 5px 5px; }
#content .store-content .buy-album .album-photo {  }
#content .store-content .buy-album .title { font-size:20px; padding:15px 0 5px 0; }
#content .store-content .buy-album .author { font-size:20px; color:#d2d2d2; }
#content .store-content .buy-album .description { width:250px; background:#A00; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; margin-top:10px; padding:5px; }
#content .store-content .buy-album .buy { font-size:20px; color:#d2d2d2; padding:25px 0 5px 0; }
#content .store-content .buy-album .buy p { padding:4px 0 4px 0; }
#content .store-content .buy-album .buy a { color:#d2d2d2; }

#content .events-content { overflow:hidden; position:relative; min-height:650px; }
#content .events-content .left { position:absolute; top:0; left:20px; bottom:0;background:#1f1f1f url(../images/microphone.png) no-repeat top right; background-position:110px 450px; width:355px; }
#content .events-content .left .title { text-align:center; margin:10px 0 5px 0; }
#content .events-content .left h3 { color:#5a5a5a; font-size:14px; text-align:center; padding-bottom:20px; }
#content .events-content .left .video { text-align:center; }
#content .events-content .left .booking-shows { text-align:center; margin:20px 0 20px 0; }
#content .events-content .left .booking-shows .text { font-size:16px; width:200px; margin:0 auto; }
#content .events-content .left .booking-shows .text .phone { color:#bd312c; }
#content .events-content .right { margin:0 0 0 375px; width:590px; padding-top:10px; }
#content .events-content .right li { background:#4c090b; padding:10px 10px 10px 20px; overflow:hidden; margin:10px 0 10px 0 }
#content .events-content .right li .picture { float:left; margin-left:10px; }
#content .events-content .right li .info { margin-left:140px; }
#content .events-content .right li .info h2 { font-size:15px; text-transform:uppercase; }
#content .events-content .right li .info .date { color:#af181c; font-size:16px; }
#content .events-content .right li .info .text { }
#content .events-content .right li .info .address { margin:20px 0 10px 0; font-size:16px; }
#content .events-content .right li .info .address a { color:#D2CDCD; }

#content .gallery-content { overflow:hidden; position:relative; min-height:650px; }
#content .gallery-content .left { float:left; width:355px; overflow:hidden; position:relative; margin-left:20px; }
#content .gallery-content .left-bar { position:absolute; top:0; left:20px; bottom:0; width:355px; background:#460706; }
#content .gallery-content .left .title { text-align:center; margin:10px 0 5px 0; }
#content .gallery-content .left .text { padding:10px 10px 10px 20px; }
#content .gallery-content .left .video { text-align:center; padding:10px 0 10px 0; }
#content .gallery-content .right { margin:40px 0 0 420px; }
#content .gallery-content .right .gallery { width:400px; }
#content .gallery-content .right .text { width:130px; float:right; margin-right:100px; }

#content .news-content { overflow:hidden; position:relative; min-height:650px; }
#content .news-content .left { float:left; width:355px; overflow:hidden; position:relative; margin-left:20px; }
#content .news-content .left-bar { position:absolute; top:0; left:20px; bottom:0; width:355px; background:#460706; }
#content .news-content .left .title { text-align:center; margin:10px 0 5px 0; }
#content .news-content .left .news-block { margin:20px; }
#content .news-content .left .news-block .caption { color:#c6161c; text-transform:uppercase; font-size:18px; float:left; }
#content .news-content .left .news-block .date { color:#8d8b8b; text-transform:uppercase; font-size:16px; float:right; }
#content .news-content .left .news-block .text { padding-top:30px; }
#content .news-content .right { margin:10px 0 0 420px; }
#content .news-content .right .title { text-align:center; margin:0 0 5px 0; }
#content .news-content .right .article { padding:10px 50px 20px 20px; overflow:hidden; }
#content .news-content .right .article .writer { float:right; padding:10px 30px 0 0; }

#content .contact-content { overflow:hidden; }
#content .contact-content .left { float:left; width:354px; height:508px; background:url(../images/marlena_contact.jpg); margin-left:20px; }
#content .contact-content .left .title { text-align:center; margin:10px 0 15px 0; }
#content .contact-content .left .address { font-size:20px; margin-left:20px; }
#content .contact-content .left .address p { line-height:24px; }
#content .contact-content .right { margin:20px 10px 10px 390px; }
#content .contact-content .right .title { color:#000; text-transform:uppercase; font-size:18px; border-top:1px solid #FAA; border-bottom:1px solid #FAA; width:565px; }
#content .contact-content .right .title p { line-height:50px; }
#content .contact-content .right form { margin:10px 0 0 0; }
#content .contact-content .right form p { color:#d2252a; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 5px 0; }
#content .contact-content .right form input { width:267px; height:33px; border-radius:5px; border:1px solid #A55; color:#888; font-size:12px; margin-right:20px;}
#content .contact-content .right form input[type=submit] { background:url(../images/send.jpg); width:108px; height:40px; float:right; margin-right:75px; margin-top:5px; border:none; cursor:pointer; }
#content .contact-content .right form textarea { width:565px; height:100px; border-radius:5px; border:1px solid #A55; color:#888; font-size:12px; resize:none; }
#content .contact-content .thankyou { margin:0 auto; color:#FFF; font-size:32px; padding-top:80px; text-align:center; line-height:32px; }


#footer .footer-wrapper { width:1024px; margin:0 auto; text-align:center; font-size:12px; padding-top:35px; }

#footer-about { background:#000; }
#footer-about .footer-wrapper { width:1024px; height:318px; margin:0 auto; }
#footer-about .footer-wrapper .text { float:left; width:340px; padding:10px; margin:40px 0 0 90px; }
#footer-about .footer-wrapper .events { float:left; width:269px; height:300px; margin:5px; position:relative; }
#footer-about .footer-wrapper .events .caption { background:url(../images/upcoming_events_label.png) no-repeat; width:269px; height:52px; position:relative; z-index:5; margin-top:4px; }
#footer-about .footer-wrapper .events .block-content { background:#1b1b1b; position:absolute; top:0; left:15px; right:15px; bottom:5px; z-index:4; padding:55px 5px 5px 5px; }
#footer-about .footer-wrapper .events .block-content h3 { text-align:center; }
#footer-about .footer-wrapper .events .block-content .event { margin:10px 0 0 20px; overflow:hidden; }
#footer-about .footer-wrapper .events .block-content .event .picture { float: left; width:105px; }
#footer-about .footer-wrapper .events .block-content .event .info { float: left; width:100px; }
#footer-about .footer-wrapper .events .block-content .event .info .date { margin-top:20px; }
#footer-about .footer-wrapper .events .block-content .event .info .place { margin-top:20px; }
#footer-about .footer-wrapper .events .block-content .more-events { text-align:right; position:absolute; bottom:10px; right:10px; }
#footer-about .footer-wrapper .events .block-content .more-events a { color:#d2cdcd; }

#footer-about .footer-wrapper .orders { float:left; width:256px; height:300px; margin:5px; position:relative; }
#footer-about .footer-wrapper .orders .caption { background:url(../images/order_cds.png) no-repeat; width:255px; height:52px; position:relative; z-index:5; margin-top:10px; }
#footer-about .footer-wrapper .orders .block-content { background:#1b1b1b; position:absolute; top:0; left:13px; right:13px; bottom:5px; z-index:4; padding:55px 5px 5px 5px; }
#footer-about .footer-wrapper .orders .block-content .album { padding:5px; overflow:hidden; }
#footer-about .footer-wrapper .orders .block-content .album .picture { float:left; width:100px; }
#footer-about .footer-wrapper .orders .block-content .album .info { float:left;  width:100px; padding:10px 0 0 5px; }
#footer-about .footer-wrapper .orders .block-content .album .info a { color:#d2cdcd; font-size:12px; }
#footer-about .footer-wrapper .orders .block-content .more-cds { text-align:right; position:absolute; bottom:10px; right:10px; }
#footer-about .footer-wrapper .orders .block-content .more-cds a { color:#d2cdcd; }

#footer-store { width:1024px; height:140px; background:#000; margin:0 auto; }
#footer-store .footer-block { width:356px; height:140px; background:#460706; margin-left:20px; }

#footer-events { height:80px; }
#footer-events .footer-wrapper { width:1024px; margin:0 auto; }
#footer-events .footer-wrapper .gray-block { background:#1f1f1f; width:355px; height:80px; margin-left:20px; }

#footer-gallery { height:80px; }
#footer-gallery .footer-wrapper { width:1024px; margin:0 auto; }
#footer-gallery .footer-wrapper .red-block { background:#460706; width:355px; height:80px; margin-left:20px; }

.hadrout { color:#888; font-size:9px; text-transform:uppercase; }
.hadrout a { color:#888; text-decoration:none; }
.hadrout a:hover { text-decoration:underline; }




