* {
margin: 0;
padding: 0;
}

body {
font-family:Arial, Helvetica, sans-serif;
text-align: left;
background: #eee;
font-size:1.1em;
}

h1 {
color: #a92144;
font-size:1.7em;
font-weight: normal;
}

h2 {
color: #777777;
font-size:1.1em;
font-weight: normal;
}

h3 {
color: #777777;
font-size:0.9em;
font-weight: normal;
}

.left {
width: 15%;
height: 500px;
background: #000000;
float:left;
}

.band {
width: 15%;
height: 500px;
background: #000000;
float:right;
z-index:1;
}

.base {
width: 15%;
right:0px;
position:absolute;
bottom:0px;
background: #000000 url(images/dreams-time.jpg) no-repeat right bottom;
color:white;
font-size:0.9em;
height: 520px;
z-index:0;
}

.base p {
padding:15px;
}

.nav {
width: 100%;
position:relative;
top:30px;
right:15px;
background: none;
z-index:1;
}

.imgl {
width: 15%;
position:absolute;
left:0px;
bottom:0px;
background: #000000;
color: #ffffff;
height: 520px;
z-index:0;
text-align:right;
margin-right:15px;
}

.imgl-in {
width: 100%;
position:absolute;
bottom:25px;
right:15px;
background: none;
z-index:1;
font-size:0.8em;
color:#999999;
}


ul {
text-align: right;
list-style-type: none;
font-weight: bold;
line-height: 1.6;
font-size:0.8em;
}

ul a {
text-decoration:none;
color:#a92144;

}

ul a:hover {
color:#b87082;
background:#000000;
}

a {
font-weight: bold;
color:#a92144;
}

a:hover {
text-decoration:none;
color:white;
background:#a92144;
}

.base a {
color:white;
}

.base a:hover {
color:#000000;
background:white;
}

.content {
width: 62%;
height: 305px;
position:relative;
left:2%;
top:25px;
float:left;
text-align:left;
/*text-align:justify;*/
/*overflow:auto;*/
}

p {
font-size:0.8em;
}

.active {
color: #ffffff;
}

.about {
float:left;
margin-right:10px;
}

#stage {height:320px; width: 62%; text-align:left;}

.small_2 {
position:absolute;
bottom:25px;
right:21%;
}

.right {
position:relative;
left:8%;
top:55px;
background: none;
float:left;
z-index:1;
font-size:0.9em;
color:#eee;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
width: 85%;
}

.half {
width: 350px;
float:left;
margin-right:20px;
}

.social a {display:inline; margin:0;}

.scroller {width: 100%;; height:620px; overflow:scroll; overflow-x:hidden; overflow-y:auto; margin:0; padding:0 15px 0 0;}

/*** CONTACT FORM ***/
.leftc   {text-align:right; float:left; padding-right:5px; margin-top:14px;}
.middle {text-align:left; float:left; margin-top:10px;}
.row {height:30px; font-size:0.8em;}
.wide {width:380px; color:#000; height:20px;}
.high {height:150px;}
.button {width:60px; height:30px; color:#000; margin-top:4px; clear:both;}
#tel-email {margin-top:5px;}
textarea:focus, input:focus {background-color:#eee;}

/*** SHADOW ***/
.shadow-left {float:left; background:url(images/drop-shadow.png) no-repeat bottom right; margin:10px 10px 10px 6px;}
.shadow-left img {display:block; background-color:#fff; border:1px solid #999; margin:-6px 6px 6px -6px; padding: 3px;}