/**/

html {
background: #212121 url('../images/bodyback.jpg') repeat center top;
}

body {
background: transparent url('../images/imageonly_b.jpg') no-repeat center -20px;
}

.wrapper{
z-index: 998;
height: 380px;
text-align: center;
margin-top: 250px;
}

.date {
z-index: 0;
margin: -105px auto 40px;
padding:0 0 20px;
display: block;
width: 400px;
}

.loading {
position: absolute;
z-index: 999;
text-indent: -9000px;
opacity: 0.6;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0px 0px -25px;
background: black url('../images/ajax-loader.gif') no-repeat center center;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}

#header {
font: normal 1.4em/35px 'Open Sans Condensed', Helvetica, serif;
background: transparent url("../images/backstripe.png") repeat-x left 0px;
padding: 15px 0px 10px;
text-align: center;
color: #dddacf;
text-transform: uppercase;
letter-spacing: .1em;
}

#header h1 {
font-weight: 700;
display: inline;
text-transform: uppercase;
text-shadow: 0px 1px 1px #000;
}

#header h2 {
font-weight: normal;
display: inline;
text-shadow: 1px 1px 1px #000;
color:#aba9a1
/*color:#7Ac3c0;*/
}

#header h2 em {
color:#fff;
font-style: normal;
}

#header h2:before { content: " # "; }

#box, #vvk, #downbox, #contact, #lineup {
width: 850px;
margin: 50px auto;
text-align: center;
display: block;
clear: both;
}

#box {
/*background: transparent url('../images/lady_800.png') center top no-repeat; */
padding: 20px 0 0;
}


h4 {
font: 700 1.6em/35px 'Open Sans Condensed', Helvetica, serif;
padding: 15px 0 20px;
color: #db4648;
text-shadow: 1px 1px 1px #000;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
}


#box p {
font: 400 1em/20px 'Droid Serif', serif;
color: #ddd;
margin: 0 10px;
padding:0 0 20px;
}

.col_4, .col_2, .col_21 {
width: 31.666666666667%;
background: url('../images/back_blackfade.png') 0 bottom no-repeat;
/*background: rgba(100, 100, 100, 0.1);*/
margin-left: 1.24999999999998%;
margin-right: 1.24999999999998%;
margin-top: 50px;
margin-bottom: 0;
float: left;
display: block;
height: 270px;
color: #dddacf;
}

.col_2, .col_21 {
width: 48.8%;
margin-right: 0;
margin-left: 0;
margin-top:0px;
height: 50px;
background: url('../images/black_opaque.png') 0 bottom repeat;
font: 300 1.1em/48px 'Open Sans Condensed', Helvetica, serif;
padding: 0;
text-shadow: 1px 1px 1px #000;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
}

.col_21 {
margin-right: 2.4%;
}

a.col_4:link, a.col_2:link, a.col_21:link,
a.col_4:visited, a.col_2:visited, a.col_21:visited,
a.col_4:active, a.col_2:active, a.col_21:active {
color: #dddacf;
text-decoration: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all 0.5s ease-in-out;  
}

a.col_4:hover {
background: rgba(221, 218, 207, 0.1);
}

a.col_2:hover, a.col_21:hover {
background: url('../images/white_opaque.png') 0 bottom repeat;
}

a.col_4 em.info {
color: #db4648;
text-shadow: 1px 1px 1px #000;
}

#wrap_vvk {
background: url('../images/back_white.jpg') 0 bottom repeat;
margin: 120px 0 0;
padding: 0 0 50px;
font: 400 .9em/1.3em 'Droid Serif', serif;
}

#wrap_vvk h3 {
background: url('../images/back_section.png') 0 top repeat-x;
font: 700 3em/60px 'Open Sans Condensed', Helvetica, serif;
padding: 100px 0 20px;
text-align: center;
color: #db4648;
text-shadow: 1px 1px 1px #000;
letter-spacing: .2em;
text-transform: uppercase;
}


#vvk {
margin: 0px auto 50px;
}

#vvk ul {
margin: 0 0 150px;
}

#vvk li a {
color: #db4648;
text-shadow: none;
font-weight: 300;
font-style: italic;
letter-spacing: .1em;
}

#vvk li a:hover {
color: #212121;
text-shadow: 0px 1px 1px #dddacf;
}

#vvk li {
font: 400 1.1em/28px 'Droid Serif', serif;
text-shadow: 0px 1px 1px #dddacf;
display: block;
color: #212121;
background: #9f9b99;
background: rgba(33, 33, 33, 0.2);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
margin: 20px 0 30px;
padding: 10px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow: inset 0px 0px 0px, 0px 5px 0px 0px #7d7975, 0px 10px 5px #999;
}

#vvk li:hover {
background: rgba(33, 33, 33, 0.3);
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}

#vvk h4 {
font: 700 1.5em/35px 'Open Sans Condensed', Helvetica, serif;
padding: 0 0 5px;
}

#vvk p {
margin: 0px 0px 8px;
}

#vvk p.long {
color: #3d322d;
margin: 0px 0px 20px;
padding:0 50px;
}

#vvk li p em.b {
font-weight: 700;
}

h3#lineup_head {
background: url('../images/back_section_2.png') 0 top repeat-x;
font: 700 4em/1em 'Droid Serif', serif;
padding: 180px 0 0px;
text-align: center;
color: #1b5452;
text-shadow: 2px 2px 1px #7ac3c0;
letter-spacing: .1em;
}

#lineup {
padding-top: 40px;	
}

#lineup p {
color: #dddacf;
font: 700 2.2em/2em 'Droid Serif', serif;
text-shadow: 1px 1px 1px #2b8683;
margin-bottom: 50px;
}

#lineup p.info {
color: #212121;
font: 400 1.2em/2em 'Droid Serif', serif;
text-shadow: 0px 1px 1px #dddacf;
background: #dddacf;
background: rgba(221, 218, 207, 0.4);
margin: 0px 0 50px;
padding: 10px 5px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
}

#lineup p span {
padding: 0 0 0 10px;
white-space: nowrap;
}

#lineup p em {
font: 400 italic .63em 'Droid Serif', serif;
text-shadow: none;
}

#lineup p span:nth-child(even) {
color: #2b8683;
text-shadow: 1px 1px 1px #dddacf;
}

#lineup p span.last {
font: 700 1.8em/2.4em 'Droid Serif', serif;
color: #1b5452;
text-shadow: 2px 2px 1px #7ac3c0;
}

#lineup p span em:before {
content: "(";
}

#lineup p span em:after {
content: ")";
}

#social-media {
position: absolute;
margin: 0;
padding: 0;
background: url('../images/contact-sprite.png') 0 0 no-repeat;
top: 56px;
right: 8%;
width: 44px;
height: 96px;
padding-left: 6px;
}

#social-media li a {
display: block;
background: url('../images/contact-sprite.png') 0 0 no-repeat;
text-indent: -9999em;
width: 38px;
height: 38px;
margin-top: 6px;
opacity: .2;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
transition: opacity 0.25s ease-in-out;  
}

#social-media li a:hover {
opacity: 1;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
transition: opacity 0.25s ease-in-out;  
}

#social-media li.facebook a { background-position: 0 -215px;}
#social-media li.twitter a {
background-position: 0 -256px;
margin-top: 4px;
}

.hr hr {
display: none;
}

.hr {
background: url(../images/separator.png) no-repeat 50% 50%;
border: none;
height: 30px;
margin: 30px 0 30px;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}



#contact .left-col {
    width: 270px;
    float: left;
}

#contact .right-col {
    width: 540px;
    float: left;
    margin-left: 40px;
}

#contact form .field {
    position: relative;
}

#contact form input,
#contact form textarea,
#contact form button,
#contact form label,
#contact form label .required {
    background: transparent url(../images/form.png) 0 0 no-repeat;
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
}

#contact form label {
    position: absolute;
    height: 19px;
    text-indent: -9999em;
    overflow: hidden;
    top: 22px;
    left: 15px;
}

#contact form label .required {
    text-indent: -9999em;
    overflow: hidden;
    background-position: -389px -548px;
    width:8px;
    height:9px;
    position: absolute;
    right: 0;
    top: 0;
}

#contact form input {
    width: 190px;
    height: 36px;
    background-position: 0 -204px;
    padding: 10px 15px 10px 80px;
    margin-bottom: 15px;}

#contact form textarea {
    width: 485px;
    height: 174px;
    padding: 10px 15px 15px 100px;
    line-height: 1.6;
    resize: none;
}

#contact form .invalid input {
    background-position: -320px -204px; 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  
}

#contact form .invalid textarea {
    background-position: 0 -265px;
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  
}

.error {
    text-align:center;
    padding: 0 0 10px 0; 
    color: #c14063;
}

.thanks {
    text-align: center;
    padding: 0 0 10px 0; 
    padding-bottom: 20px;
}

#contact #name-label    { background-position: -390px -466px; width: 55px; top: 19px;}
#contact #email-label   { background-position: -390px -487px; width: 56px; top: 19px;}
#contact #phone-label   { background-position: -390px -511px; width: 49px;}
#contact #message-label { background-position: -390px -529px; width: 77px; top: 19px;}

#contact form button {
    width: 124px;
    height: 124px;  
    background-position: 0 -469px;
    text-indent: -9999em;
    overflow: hidden;
    margin-top: 10px;
    float: right;
}

#contact form button:hover {
    background-position: -129px -469px;
}

#contact form button:active {
    background-position: -258px -469px;
}

.ajax-loader {
    float: right;
    margin-right: 30px;
    margin-top: 60px;
    display: none;
}

.ajax-loader img {
    vertical-align: middle;
}


a:link, a:visited, a:active {
color: #96293b;
}

a.sectionlink:link, a.sectionlink:visited, a.sectionlink:active {
color: #dddacf;
background: #212121;
font: 400 14px/20px 'Droid Serif', serif;
margin-top:20px;
padding: 10px;
text-align: center;
letter-spacing: .2em;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all 0.5s ease-in-out;  
}

a.sectionlink:hover {
background: rgba(43, 134, 131, .8);
color: rgba(221, 218, 207, 1);
}

a.sectionlink:hover {
/*background: url('../images/white_opaque.png') 0 bottom repeat;*/
}
/**/