body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.19em;
	font-size: 16px;
}

strong {
/*    background: #cc0000;*/
/*    background: #6E3333;*/
/*    background: #fff;*/
/*    color: #000;*/
    color: #f2d652; 
    padding: 2px;
}

form {
    border-left: 1px dotted #fff;
    margin: 0;
    padding-left: 1em;
}

fieldset {
    border: 0;
    padding: 0.5em 0 0 0;
    margin: 0.8em 0 0 0;
}

input {
    width: 240px;
}

a {
    color: #3a3ae3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.FloatClear {
    clear: both;
    height: 0;
    margin-top: 10px;
    padding: 0;
}

/* Image replacement techniques */
.Logo a {
    text-indent: -9000px;
}

.Header {
	position: relative;
	height: 98px;
	width: 100%;
	background: url(../images/header.gif) repeat-x 0 0;
	border-bottom: 1px solid #fff;
}

.Logo {
    background: url(../images/bbiloe.gif) no-repeat 12px 0;
    width: 202px;
    height: 98px;
}

.Logo a {
    display: block;
    width: 100%;
    height: 98%;
}



.Navigation {
    display: block;
    position: absolute;
    right: 105px;
    bottom: 0;
    margin: 0;
    padding: 0;
}
.Navigation li {
    display: inline;
    margin: 0 2px;
    padding: 0;
/*    padding: 10px 0;*/
/*    border: 1px solid red;*/
}

.Navigation a {
    display: inline-block;
    padding: 10px 10px 6px;
    background: #333;
    border: 1px solid #333; /* IE doesn't do transparent borders */
    border-bottom: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;

    color: #fff;
    text-decoration: none;
}
.Navigation a:hover {
    background: #666;
    text-decoration: underline;
}

#home .Navigation li.home a,
#acts .Navigation li.acts a,
#media .Navigation li.media a,
#contact .Navigation li.contact a {
    background: #fff;
    color: #900000;
    border-color: #fff;
/*    border-bottom: 1px solid #fff;*/
}

.Subnavigation a {
    border: 0;
}

li:hover ul.Subnavigation {
    display: block;

}

ul.Subnavigation {
    position: absolute;
    background: #eee;
    border: 1px solid #666;
    border-top: 0;
    display: none;
    padding: 1em;
    left: 78px;
    top: 36px;
    margin: 0;
    list-style: none;
    font-size: 11px;
}

ul.Subnavigation li {
    display: block;
    margin: 0 2px;
}
ul.Subnavigation li a {
    padding: 0;
    background: #eee !important;
    color: #000 !important;
}
ul.Subnavigation a:hover {
    background: inherit;
    text-decoration: underline;
}

.Header h1 {
	margin: 0;
}

.Spotlight {
	margin-top: -3px;
    padding-bottom: 20px;
	background: url(../images/main_gradient_new.gif) repeat-x 0 100%;
	color: #fff;
	line-height: 1.4em;
	border-bottom: 2px solid #000;
}

.Spotlight a {
    color: #6f97e2;
}

.Spotlight .Image {
    height: 220px;
    width: 220px;
/*    background: #fff url(../images/Fotos/foto1_c.jpg) no-repeat 50% 50%;*/
    border: 1px solid #000;
    margin-right: 15px;
    padding: 1px;
    position: relative;
    top: 14px;
    float: left;
}
.Spotlight .Info {
    width: 890px;
}

.Center, 
.Content {
    width: 1000px;
    margin: 0 auto;
/*    position: relative;*/
}

.ContentWrapper {
    background: url(/static/images/content_gradient.gif) repeat-x;
    width: 100%;
}

.Acts {
    padding-left: 14px;
}
.Act {
    width: 48%;
/*    height: 100px;*/
/*    margin: 5px 1%;*/
    padding: 15px 0;
/*    background: #eee;*/
/*    border: 1px dotted #ccc;*/
/*    position: relative;*/
    float: left;
}

.Act h3 {
    font-size: 100%;
    margin: 5px 0;

}
.Act p {
    margin-top: 0;
    font-size: 90%;
}
.Act a {
/*    color: #444;*/
}


.Content .Act img.Thumbnail {
    margin: 5px 15px 5px 5px;
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    padding: 2px;
    float: left;
}

.Photos {
/*    border: 1px solid red;*/
    margin: 0 0;
    margin-left: 20px;
    width: 802px;
    padding: 15px 0;
}
.Photos .Photo {
    float: left;
    margin-right: 4px;
}
.Photos a img {
    padding: 2px;
    border: 1px solid #333;
    -moz-opacity: 0.96;
    opacity: 0.96;
    filter:alpha(opacity=96);
}
.Photos a:hover img {
    background: #ddd;
    border: 1px solid #000;
    -moz-opacity: 1;
    opacity: 1;
    filter:alpha(opacity=100);
}

.Info {
    padding-top: 20px;
    padding-left: 20px;
}

.Footer {
	background: #ccc;
	border-top: 1px solid #999;
	color: #333;
	font-size: 10px;
	text-align: center;
	padding: 4px;
}

.Footer div {
    width: 900px;
    margin: 0 auto;
    text-align: left;
}

.Footer .Colofon {
    position: absolute;
    right: 20%;
}

/* home + acts */
#home .Spotlight,
#media .Spotlight,
#acts .Spotlight {
    border-bottom: 3px solid #000;
}

/* Contact */
#contact form {
    width: 50%;
    margin-bottom: 1em;
}
#contact label {
    display: inline-block;
    width: 100px;
}

#contact label.Focus {
    color: #f2d652;
}

#contact .FormRow {
    margin-bottom: 5px;
}
input, 
textarea {
    background: #fff;
    border: 1px solid #333;
    padding: 0.2em 0.5em;
}

input:focus, 
textarea:focus {
    background: #ffc;
}

.Error input, 
.Error textarea {
    background: pink;
    border: 1px solid #fff;
}

textarea {
    width: 100%;
}

.Submit {
    background: auto;
/*    border: 0;
    padding: auto;*/
    margin-right: -14px;
    float: right;
    width: auto;
    margin-top: 0.4em;
}

#contact .errorlist {
    margin: 0 0 8px 110px;
    padding: 0;
    color: #f2d652;
    list-style: none;
    font-size: 12px;
}

#contact .Message .errorlist {
    margin-left: 0;
}