/*CSS common.*/
* {
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    list-style:none;
}
body {
    background:#747354;
}
div#wrapper {
    height:1px;
    width:100%;
    position:absolute;
    top:50%;
}
div#sound {
    height: 20px;
    width: 100px;
    float: right;
    clear: right;
    margin: 0 20px 0 0;
}
div#content {
    position:absolute;
    top:-335px;
    margin-left:-400px;
    left:50%;
    width: 802px;
    height: 670px;
    overflow: hidden;
}
#iframe {
    /* border: 1px solid white; */
    width: 800px;
    height: 600px;
    overflow: hidden;
    background-color: transparent;
}
h1 {
    display:none;
}
div.pusher {
    clear: both;
    height: 0;
    overflow: hidden;
}
/*

CONTENT PAGES

*/
div.content {
    width: 800px;
    height: 600px;
}
div.content.home {
    background:url(../img/home.jpg) no-repeat top left;
}
div.content.artist {
    background: url(../img/artist.jpg) no-repeat top left;
}
div.content.galleries {
    background: url(../img/galleries.jpg) no-repeat top left;
}
div.content.installations {
    background: url(../img/installations.jpg) no-repeat top left;
}
div.content.contact {
    background: url(../img/contact.jpg) no-repeat top left;
}
/*

FOOTER

*/
.bottomlink {
    color:#CC9966;
    font-family:Verdana;
    font-size:10px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-transform:none;
}
a:hover {
    color:#CC6600;
    text-decoration:underline;
}
a:link {
    color:#993300;
    font-weight:bold;
    text-decoration:none;
}
a {
    color:#CCCCCC;
    font-family:Verdana;
    font-size:10px;
}
/*

MENU

*/
div#enter {
    width:113px;
    padding-top:335px;
    margin:0 auto;
}
div#enter a.enter{
    background:transparent url(../img/btn_enter.png) no-repeat top left;
    height:16px;
    display:block;
}
div#enter a:hover{
    background-position:bottom left;
}
div#enter a.enter span{
    display:none;
}
ul#mainMenu {
    float:right;
    left:495px;
    margin:19px 4px 0 0;
    position:absolute;
    width:300px;
    z-index:1000;
}
/*
ul#mainMenu ul {
float:right;
display:block;
margin:25px 22px 0 0;
width:300px;
}
ul#subMenu {
float:right;
display:block;
margin:0 20px 0 0;
}*/

ul#mainMenu  li{
    clear:both;
    float:right;
    display:block;
    width: auto;
}

ul#mainMenu li ul, ul#mainMenu li.selected ul{
    float:right;
    display:block;
    margin:0 20px 0 0;
} 
ul#mainMenu ul  li{
    clear:both;
    float:right;
}
/* home */
ul#mainMenu li a.home{
    background:transparent url(../img/btn_home.png) no-repeat top left;
    height:23px;
    width:148px;
}
ul#mainMenu li.selected.home {
    background:transparent url(../img/btn_home-selected.png) no-repeat top left;
    height:23px;
    width:148px;
}
/* artist */
ul#mainMenu li a.artist{
    background:transparent url(../img/btn_artist.png) no-repeat top right;
    width:168px;
    float:right;
    padding-top:16px
}
ul#mainMenu li.selected.artist {
    background:transparent url(../img/btn_artist-selected.png) no-repeat top right;
    width:auto;
    display:block;
    float:right;
    padding-top:16px
}

/* statement */
ul#mainMenu ul li a.statement{
    background:transparent url(../img/btn_statement.png) no-repeat top right;
    height:19px;
    width:148px;
    margin:4px 0 0 0;
}
ul#mainMenu ul li.selected.statement {
    background:transparent url(../img/btn_statement-selected.png) no-repeat top right;
    height:19px;
    width:148px;
    margin:4px 0 0 0;
}
/* roots */
ul#mainMenu ul li a.roots{
    background:transparent url(../img/btn_roots.png) no-repeat top right;
    height:20px;
    width:148px;
}
ul#mainMenu ul li.selected.roots {
    background:transparent url(../img/btn_roots-selected.png) no-repeat top right;
    height:20px;
    width:148px;
}
/* involvement */
ul#mainMenu ul li a.involvement{
    background:transparent url(../img/btn_involvement.png) no-repeat top right;
    height:18px;
    width:148px;
}
ul#mainMenu ul li.selected.involvement {
    background:transparent url(../img/btn_involvement-selected.png) no-repeat top right;
    height:18px;
    width:148px;
}
/* gallery */
ul#mainMenu li a.gallery{
    background:transparent url(../img/btn_gallery.png) no-repeat top right;
    width:148px;
    float:right;
    margin:7px 0 0;
    padding-top:24px
}
ul#mainMenu li.selected.gallery {
    background:transparent url(../img/btn_gallery-selected.png) no-repeat top right;
    width:auto;
    margin:7px 0 0;
    display:block;
    float:right;
    padding-top:24px
}
/* portfolio */
ul#mainMenu ul li a.portfolio{
    background:transparent url(../img/btn_portfolio.png) no-repeat top right;
    height:21px;
    width:148px;
    margin:1px 0 0 0;
}
ul#mainMenu ul li.selected.portfolio {
    background:transparent url(../img/btn_portfolio-selected.png) no-repeat top right;
    height:21px;
    width:148px;
    margin:1px 0 0 0;
}
/* available */
ul#mainMenu ul li a.available{
    background:transparent url(../img/btn_available.png) no-repeat top right;
    height:26px;
    width:148px;
}
ul#mainMenu ul li.selected.available {
    background:transparent url(../img/btn_available-selected.png) no-repeat top right;
    height:26px;
    width:148px;
}
/* install */
ul#mainMenu li a.install{
    background:transparent url(../img/btn_install.png) no-repeat top right;
    height:26px;
    width:148px;
    margin:0 0 0;
}
ul#mainMenu li.selected.install {
    background:transparent url(../img/btn_install-selected.png) no-repeat top right;
    height:26px;
    width:148px;
    margin:2px 0 0;
}
/* contact */
ul#mainMenu li a.contact{
    background:transparent url(../img/btn_contact.png) no-repeat top right;
    height:16px;
    width:148px;
}
ul#mainMenu li.selected.contact {
    background:transparent url(../img/btn_contact-selected.png) no-repeat top right;
    height:16px;
    width:148px;
}

ul#mainMenu li.selected {
    cursor:default;
}
ul#mainMenu li a{
    display:block;
}
ul#mainMenu li span{
    display:none;
}
ul#mainMenu li a span{
    display:none;
}
ul#mainMenu li a:hover{
    background-position:bottom right;
}
ul#mainMenu ul li a:hover{
    background-position:bottom right;
}
/*

ARTIST

*/
div#contentContainer {
    float:left;
    font-size:0.1em;
    margin:153px 0 0 85px;
    width:280px;
}
div#contentContainer p{
    margin-bottom: 10px;
}
div#artist_picture {
    margin:35px 0 0;
    float:left;
    clear:left;
    margin:10px 0 10px 0;
    border: 1px solid white;
}
div#involvement_picture {
    margin:35px 0 0;
    float:left;
    clear:left;
    margin:10px 0 10px 0;
    border: 1px solid white;
}
div#contact_picture {
    margin:35px 0 0;
    float:left;
    clear:left;
    margin:10px 0 10px 0;
    border: 1px solid white;
}
/*

CONTACT

*/
div#contentContainer h3{
    color:#993300;
    font-size:1.2em;
    margin:0 0 12px;
}
/*

GALLERIES

*/
div#contentContainer.galleries{
    /*margin:-15px 0 0 80px;
    width:auto;*/
    left:-30px;
    position:absolute;
    top:-8px;
    width:655px;
}
div#content_galleries{
    width:665px;
}
div#title_galleries {
    text-align:center;
    width:600px;
}
div#title_galleries h3{
    color:white;
    font-size:1em;
}
div#links_galleries {
    /*margin:0 0 0 -10px;   */
}
div#links_galleries ul {
    /* width:620px;   */
}
div#links_galleries ul li{
    display:inline-block;
    margin:0 40px 0 10px;
    float:left;
}
div#links_galleries ul li a{

}
div#links_galleries ul li a img{
    border:1px solid white;
}
div#footer_galleries{
    margin:40px 0 0 0px;
    width:500px;
    float:left;
}
div#footer_galleries p{
    color:#FFFFCC;
    font-size:1em;
    font-weight:bold;
}
/*

GALLERY

*/
div#contentContainer.gallery{
    left:-40px;
    position:absolute;
    top:-8px;
    width:665px;
}
div#title_gallery {
    width:160px;
}
div#title_gallery h3{
    color:white;
    font-size:0.9em;
    letter-spacing:-0.05em;
    margin:0 0 11px;
}
div#links_gallery {
    float:left;
    /* height:355px;*/
}
div#image_gallery {
    display:block;
    float:right;
    margin:0 3px 0 0;
    width:467px;
    /* margin:-381px 0 0 195px;*/
}
div#image_gallery img {
    border:1px solid white;
    margin:2px 0 0 0;
}
div#links_gallery ul {
    width: 156px;
    /*margin:0 0 0 -3px;*/
    margin:2px 0 0 0;
}
div#links_gallery ul li{
    display:inline-block;
    margin:0 0 10px;
    float:left;
    height:42px
}
div#links_gallery ul li a{
    margin:0 6px;
}
div#links_gallery ul li a img{
    border:1px solid white;
}
div#links_gallery ul li a img.selected{
    border:2px solid white;
    margin:-1px -1px;
}
div#footer_gallery {
    float:right;
    margin:5px 0 0;
    width:470px;
}
div#footer_gallery p{
    color:white;
    font-size:1em;
    font-weight:bold;
    margin-bottom:0px;
}
/*

INIT NAVEGATION

*/
div#thumbs_nav {
    height:20px;
    margin:4px 0 0;
    width:150px;
    clear:left;
    float:left;
}

div#thumbs_nav ul li {
    float:left;
    color:white;
}
div#thumbs_nav ul li.left {
    float:left;
}
div#thumbs_nav ul li.right {
    float:right;
}

div#thumbs_nav ul li span {
    margin:2px 2px 0 2px;
    display:block;
}

div#thumbs_nav ul li a {
    font-size:10px;
    font-weight:bold;
    color:white;
    text-decoration:none;
    margin:0 4px;
}

div#thumbs_nav ul li a span  {
    display:none;
}

div#thumbs_nav ul li a.thumbs_prev {
    background: url(../img/slide_arrow-prev.gif) no-repeat top left;
    display:block;
    width:5px;
    height:8px;
    margin:3px 17px 0 30px;
}

div#thumbs_nav ul li a.thumbs_next {
    background: url(../img/slide_arrow-next.gif) no-repeat top left;
    display:block;
    width:5px;
    height:8px;
    margin:4px 30px 0 17px;
}