html, body 
{
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #5f6162;
    height: 100%;
    background-color: #fff;
    }

img, div { behavior: url(../javascript/iepngfix.htc) }

h1
{   
    font-size: 14px;
    font-weight: bold;
    }

#container
{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    z-index: -2;
}

#wrapper
{
float: left;
background-color: #FFF8E5;
height: 100%;
}

label.contact{
float: left;
width: 150px;
margin-top: 5px;
color: #656565;
}

label.contact2{
float: left;
width: 200px;
margin-top: 5px;
color: #656565;
}


input.contact, textarea.contact{
border: solid 1px #5f6162;
margin-top: 5px;
font-size: 11px;
}
    
#header
{
    width: 100%;
    height: 130px;
    float:left;
    }    
    
#logo
{
    margin-left: 85px;
    margin-top: 15px;
    width: 276px;
    height: 160px;
    float: left;
    z-index: 1000;
    position: absolute;
}
    
    
#slogan
{
    width: 253px;
    height: 130px;
    float: right;
    margin-top: 85px;
    margin-right: 30px;
    }
   
#placeholder
{
    width: 800px;
    float: left;
    }
    
#navigation
{
    width: 800px;
    height: 245px;
    float: left;
    }

#art
{
    width: 278px;
    height: 0px;
    float: left;
    position: absolute;
    margin-top: -100px;
}
    
#menu
{
    width: 580px;
    height: 16px;
    float: right;
    margin-top: 10px;
    z-index: +10000;
    }
    
#nav
{
   list-style: none;
   margin: 0; padding: 0;
   float: right;
}

#nav li {
    float: left;
    font-family: Arial,Verdana, Sans-Serif;
    font-size: 11px;
    color: #5f6162;
    font-variant: small-caps;
    font-weight: bold;  
}

#nav li a 
{
   display: block;
   padding-left: 8px;   
   padding-right: 8px;
   height: 15px;
   text-align: center;
   color: #969899;
   text-decoration: none;
}

.borderleftandright
{
    border-left: solid 2px #969899;
    border-right: solid 2px #969899;
    }
 
.borderdright
{
    border-right: solid 2px #969899;
    }

.borderleft
{
    border-left: solid 2px #969899;
    }


#nav li a:hover
{
   color: #5f6162;
   background-image: url(../images/menu_h.gif);
   background-repeat: repeat-x;   
}
    
#welcome
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 125px;
    width: 600px;
    text-align: center;   
}
    
#welcome input
{
    border: solid 1px #5f6162;
    font-size: 11px;
    }

#discrimination
{
    font-size: 8px;
    width: 303px;
    text-align: right;
    margin-top: -140px;
    margin-left: 85px;
    float: left;
    z-index: 50000;
    }   


#footer
{
    float: right;
    font-size: 8px;
    width: 500px;
    text-align: right;
    margin-top: -50px;
    margin-right: 30px;
    }   
         
#home
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/home.jpg);
    background-repeat: no-repeat;
}

#experience
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/experience.jpg);
    background-repeat: no-repeat;
}

#experience_pg
{
    float: left;
    width: 760px;
    position: relative;
    height: 426px !Important;
    background-image: url(../images/static_experience.jpg);
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-top: 40px;
}

#explore
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/explore.jpg);
    background-repeat: no-repeat;
}

#soon
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/soon.jpg);
    background-repeat: no-repeat;
}

#wise
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/wise.jpg);
    background-repeat: no-repeat;
}

#hoffman
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
}

#voices
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/voices.jpg);
    background-repeat: no-repeat;
}

#loginPool
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
}


#contact_static
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/static.jpg);
    background-repeat: no-repeat;
}

#slideshow_static
{
    float: left;
    width: 800px;
    position: relative;
    height: 466px !Important;
    background-image: url(../images/ballet-background.jpg);
    background-repeat: no-repeat;
}

#contact_static ul {
    margin: 15px;
}


#contact_static li {
    list-style-image: url(../img/submenu-carrot.gif);
}


#paypal
    {
    width: 375px;
    height: 10px;
    float: right;
    }

#interior
    {
    margin-left: 230px;
    margin-top: 80px;
    padding: 10px 10px 10px 10px;
    float: left;
    width: 500px;
    height: 300px !Important;
    z-index: 20000;
    }

    #slideshow_interior
    {
    margin-left: 243px;
    margin-top: 35px;
    padding: 10px 10px 10px 10px;
    float: left;
    width: 520px;
    height: 395px !Important;
    z-index: 20000;
    }
    
.maxheight
    {
    height: 240px;
    }
    
.roundedcorner
{
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    width: 720px;
    height: 386px !Important;
    background-color: #eee;
    z-index: 3000;
    }        



.error
{
    color: Red;
    }
    
#photograph {
    text-align: right;
    width: 350px;
    float: left;
    padding-top: 10px;
    padding-right: 5px;
    }      

#photocontrol {
    width: 350px;
    float: right;
    }
    

h1.join {
    width: 239px;
    height: 54px;
    overflow: hidden;
    text-indent: -1000em;
    background-image: url(../images/join.png);
    background-repeat: no-repeat;
    }

h1.contact {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8pt;
    /*
    font-family: Franklin Gothic Medium;
    overflow: hidden;
    width: 58px;
    height: 11px;
    background-image: url(../images/contact.png);
    text-indent: -1000em;
    */
    background-repeat: no-repeat;
    }

h1.register {
    width: 157px;
    height: 13px;
    overflow: hidden;
    text-indent: -1000em;
    background-image: url(../images/register.png);
    background-repeat: no-repeat;
    }