/* {{{ reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
    border:0;
}
/* }}} */

body {
    font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    color: #808080;
}

h1 {
    display: none;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #333;
}

/*{{{ header */
div#header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 25px;
    line-height: 25px;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

div#header a {
    color: #fff;
    text-decoration: none;
}

div#header li {
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

ul#sub_menu {
    margin-left: 440px;
}

ul.artist_menu {
    display: none;
    position: absolute;
    top: 25px;
    background-color: #f6f6f6;
    padding: 5px 10px;
    line-height: 22px;
    z-index: 1;
}

li#photographers:hover ul, li#directors:hover ul {
    display: block;
}

div#header ul.artist_menu li {
    float: none;
    margin: 0;
}
div#header ul.artist_menu li a {
    color: #666;
}
div#header ul.artist_menu li a:hover {
    color: #333;
}

/* }}} */

.main_content {
    position: absolute;
    top: 85px;
    left: 20px;
    right: 0;
    overflow: auto;
    bottom: 0;
}

h2 {
    font-family: Times, Georgia, serif;
    font-size: 26px;
    color: #000;
}

#home_content h2, #artist_menu h3 {
    color: #ff7135;
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 12px;
}
ul.home_menu {
    margin-bottom: 20px;
}

#artist_menu ul {
    margin-bottom: 12px;
}

.artist_photo {
    position: absolute;
    top: 60px;
    left: 400px;
    bottom: 20px;
}

.artist_photo img {
    height: 100%;
}

#artist_thumbs {
    position: absolute;
    left: 240px;
    top: 60px;
    bottom: 20px;
    overflow: auto;
}

#artist_thumbs a {
    display: block;
    margin-bottom: 2px;
    padding-right: 20px;
}

/*{{{ artist infos (bio) */
#artist_info_menu {
    position: absolute;
    top: 68px;
    left: 240px;
}

#artist_info_content {
    left:400px;
    position:absolute;
    top:68px;
    width:450px;
}

#artist_info_content.press_content {
    width: auto;
}

#artist_info_content h3 {
    color: #333;
}

#artist_info_content ul {
    margin-bottom: 20px;
}

#artist_info_content li span {
    color: #555;
}

p.bio_quote {
    font-family: Times, Georgia, serif;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 30px;
    color: #80B1AF;
}

div.press_block {
    margin: 0 40px 24px 0;
}
/*}}}*/

/*{{{ News */
div#news_subcol {
    position: fixed;
    left: 5px;
}

div#news_subcol h2 {
    width: 262px;
    height: 210px;
    background: url(../images/whats_up_big.png) no-repeat top left;
    text-indent: -9999px;
}

div#news_subcol ul {
    margin-top: 20px;
    margin-left: 20px;
}

div#news_list {
    margin-left: 320px;
}

div.news_block {
    margin-bottom: 40px;
    width: 550px;
    margin-right: 100px;
}

div.news_block .date {
    color: #80B1AF;
}
div.news_block h3 {
    font-size: 20px;
    font-family: Times, Georgia, serif;
}
/*}}}*/

#about_subcol, #contact_subcol {
    background-color: #dbdbce;
    position: fixed;
    left: 0;
    top: 25px;
    bottom: 0;
    width: 284px;
}

#about_subcol h2 {
    width: 231px;
    height: 220px;
    background: url(../images/about.gif) no-repeat top left;
    text-indent: -9999px;
    margin-top: 60px;
    margin-left: 16px;
}

#contact_subcol h2 {
    width: 236px;
    height: 224px;
    background: url(../images/contact.gif) no-repeat top left;
    text-indent: -9999px;
    margin-top: 60px;
    margin-left: 16px;
}

#about_text_wrapper, #contact_text_wrapper {
    margin-left: 304px;
    width: 450px;
}

#about_quote, #contact_text_wrapper {
    font-family: Times, Georgia, serif;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 30px;
    color: #80B1AF;
}

#contact_text_wrapper {
    color: #333;
    margin-top: 10px;
}

/* flash CSS */
.hasFlash {
    height: 100%;
    overflow: hidden;
}

.hasFlash body {
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

.hasFlash div#site_content {
    height: 100%;
}