* {  margin: 0; padding: 0; }
* html { height: 1%;} } 
html, body { }
body
{ 
  text-align: center;    margin: 0;  border: 0;  padding: 0;
  background-color: #000000;  color: #cccccc;
  font-family:  Arial, Verdana, Helvetica, sans-serif; 
  font-size: 0.71em;   line-height: 14px;   text-decoration: none;  text-align: center;
/*    height: 100%;  */
}

a, a:visited { color: #666666; text-decoration: none; outline: none; }
a:hover { color: #cccccc; text-decoration: none; outline: none; }

#page    { width: 897px; margin: auto; position: relative; height: 100%; text-align: center; }
#header { float: left; position: relative; width: 897px; height: 88px; padding-top: 15px; z-index: 10;  } 

#header_container { float: left; height: 88px; width: 897px; clear: right; }

#header_logo { float: left; clear: right; padding-left: 2px;  }
#menu_container { position: absolute; left: 380px; top: 80px; height: 15px; width: 522px;  } 

.menu_item { float: left; }
.line { float: left; width: 897px; padding-top: 5px; padding-bottom: 5px; }
.top_line { float: left; width: 897px; padding-bottom: 5px;  }
.bottom_line { float: left; width: 897px; padding-top: 5px;}

.header_line { float: left; width: 897px; padding-top: 0px; padding-bottom: 0px; }

#prepage { position: relative; font-family: Arial; font-size: 16px; top: 0px; width: 897px; margin: auto; min-height: 535px; float: left; }
#prepage_loading { position: absolute; top: 270px; left: 450px; }
html>body #prepage_loading { position: absolute; top: 50%; left: 50%; }
#content { text-align: left; position: relative; margin: auto; width: 897px; display: none; min-height: 535px; clear: both;  }

#index_container { position: relative; width: 897px; height: 530px; top: 0; left: 0; float: left; text-align: center; } 
#index_flash { position: relative; width: 850px; height: 200px; top: 100px; left: 30px; } 
#manifest_home_flash { position: relative; width: 850px; height: 450px; top: 100px; left: 30px; }
#manifest_home_quote { position: relative; width: 515px; height: 15px;  top: 0px; left: 382px; }
html>body #manifest_home_quote { position: relative; width: 515px; height: 20px;  top: 9px; left: 382px; }
#index_quote { position: relative; width: 600px; height: 20px;  top: 0px; left: 100px; }

#footer { position: relative; color: #666666; width: 897px; height: 30px; text-align: left; font-family: Verdana; font-size: 0.9em; top: 0; left: 0; padding-top: 15px;  }

html>body #footer { position: relative; color: #666666; width: 897px; height: 30px; text-align: left; float: left; font-family: Verdana; font-size: 0.9em; bottom: 0; padding-top: 10px;  }

#footer_left  { position: absolute; width: 300px; text-align: left; left: 0; top: 10; font-family: Verdana; padding-top: 10px;  }
#footer_right { position: absolute; width: 497px; text-align: right; right: 0; top: 10; font-family: Verdana; padding-top: 10px;  }

#dlp_header { float: left; color: #666666; padding-top: 0px; padding-bottom: 0px; height: 14px;  }
html>body #dlp_header { float: left; color: #666666; padding-top: 5px; padding-bottom: 5px; height: 14px;  }

.left { float: left; text-align: left;  }
.right { float: right; text-align: right;  }

.right_link { float: right; text-align: right; font-size: 0.8em;  }
a.right_link, a:visited.right_link { font-size: 0.8em;  }

a.selected, a:visited.selected { color: #ccc }

a.next, a:visited.next { font-size: 0.71em; color: #FFFFFF; }
a:hover.next {color: #666666;}
a.previous, a:visited.previous { font-size: 0.71em; color: #FFFFFF;}
a:hover.previous {color: #666666;}

td.td_left {  font-size: 0.7em; color: #666; }

IMG { border: 0; }


#the_gallery { position: relative; width: 907px; height: 447px; top: 5px; margin: auto; float: left;  }
.gallery_content_left { float: left; width: 189px; height: 145px; padding: 5px 10px 5px 0px; }
.gallery_content_right { float: left; width: 189px; height: 145px; padding: 5px 0px 5px 10px; }
.gallery_content_middle { float: left; width: 189px; height: 145px; padding: 5px 10px 5px 10px; }



#gallery_controls { position: absolute; bottom: 0px; left: 0px; width: 907px; z-index: 99; height: 10px; }
#gallery_controls a, #gallery_controls a:visited, #gallery_controls a:hover { font-size: 12px; }

#gallery_next {  position: absolute; right: 20px; top: 1px;  }
#gallery_next_image {  position: absolute; right: 10px; top: 0px;  }

#gallery_previous {  position: absolute; left: 10px; top: 1px;  }
#gallery_previous_image {  position: absolute; left: 0px; top: 0px;  }


html>body #the_gallery { position: relative; width: 897px; height: 447px; top: 5px; margin: auto; float: left;  }
html>body .gallery_content_left { float: left; width: 209px; height: 145px; padding: 5px 10px 5px 0px; } 
html>body .gallery_content_right { float: left; width: 209px; height: 145px; padding: 5px 0px 5px 10px; }
html>body .gallery_content_middle { float: left; width: 209px; height: 145px; padding: 5px 10px 5px 10px; }



#gallery_covers { position: relative; width: 897px; height: 447px; top: 10px; margin: auto; float: left; padding: 0; }
.gallery_cover { float: left; width: 290px; height: 250px; padding: 5px 0px 5px 0px; }
.gallery_middle_cover { float: left; width: 290px; height: 250px; padding: 5px 13px 5px 13px; }
.gallery_image { float: left; width: 290px; height: 200px; padding: 0; }
.gallery_info { float: left; width: 290px; height: 50px; padding-top: 3px; }

#gallery_paging_controls { position: relative; top: 0px; width: 897px; height: 30px;  }
#paging_controls { position: relative; top: 30px; width: 897px; height: 30px;  }
html>body #paging_controls { position: relative; top: 535px; width: 897px; height: 30px;  }
html>body #gallery_paging_controls { position: relative; top: 535px; width: 897px; height: 30px;  }

#next_page { position: relative; top: 0px; right: 5px;  }
#previous_page { position: relative; top: 0px; left: 5px;  }

#left_text  { position: relative; width: 370px; top: 15px; left: 0px; float: left; line-height: 1.6em; text-align: left; }
#right_text { position: relative; width: 517px; top: 15px; right: 0px; float: right; text-align: justify;  }

.headline { font-size: 1.3em; font-family: Verdana; color: #666666; }

.description { font-size: 1.2em; font-family: Verdana; line-height: 1.4em; color: #cccccc }
.description a, .description a:visited { color: #cccccc; }
.description a:hover { color: #666666; }

.description_smaller { font-size: 1.0em; font-family: Verdana; line-height: 1.4em; color: #cccccc }
.description_smaller a, .description_smaller a:visited { color: #cccccc; }
.description_smaller a:hover { color: #666666; }

.description_dark { font-size: 1.2em; font-family: Verdana; line-height: 1.4em; color: #666666; }
.description_dark_smaller { font-size: 1.0em; font-family: Verdana; line-height: 1.4em; color: #666666; }

.big_headline { font-size: 1.5em; font-family: Verdana; color: #666666; }

#artists { float: left; width: 957px; position: relative; height: 600px; top: 0px; padding: 0; margin: auto;  }
html>body #artists { float: left; width: 897px; }

.artist_cover        { float: left; width: 290px; height: 250px; padding: 5px 0px 5px 0px; }
.artist_middle_cover { float: left; width: 290px; height: 250px; padding: 5px 13px 5px 13px; }
.artist_cover_image { float: left; width: 290px; height: 200px; padding: 0; }
.artist_cover_info { float: left; width: 290px; height: 50px; padding-top: 3px; font-size: 1.2em; }

html>body .artist_cover { float: left; width: 290px; height: 250px; padding: 5px 0px 5px 0px; }
html>body .artist_middle_cover { float: left; width: 290px; height: 250px; padding: 5px 13px 5px 13px; }
html>body .artist_cover_image { float: left; width: 290px; height: 200px; padding: 0; }
html>body .artist_cover_info { float: left; width: 290px; height: 50px; padding-top: 3px; font-size: 1.2em; }

.artist { float: left; padding-bottom: 10px; padding-top: 10px;  }
.artist_photo { width: 365px; float: left; padding-right: 17px;  }
.artist_info { float: left; width: 515px; text-align: justify; }
.artist_name { float: left; clear: right; font-size: 1.5em; font-family: Verdana; width: 515px; }
.artist_description { float: left; clear: right; font-size: 1.2em; font-family: Verdana; width: 515px; padding-top: 10px; line-height: 1.4em; color: #666666; }

.news { float: left; padding-bottom: 10px; width: 897px;  }
.news_item { float: left; width: 897px; padding-bottom: 10px; padding-top: 10px;  }
.news_item_left { width: 365px; float: left; padding-right: 17px;  }
.news_item_right { width: 515px; float: left; color: #666666; text-align: justify; line-height: 1.4em; font-size: 1.2em; }
.news_item_date { float: left; width: 75px; font-size: 1.8em;  }
.news_item_headline { float: left; clear: right; font-size: 1.3em; font-family: Verdana; width: 290px; }
.news_item_photo { float: left; width: 365px; padding-top: 10px; }

.case_study {  display: none; float: left; width: 407px; } 
.case_study_image {  display: none; float: left; width: 407px; }
.case_study_selector {  float: left; width: 18px; height: 15px; padding-top: 0px; margin-top: 4px; }
.case_study_title { float: left; color: #cccccc; font-size: 1.5em; padding-top: 10px; padding-bottom: 10px; width: 407px; }
.case_study_images { float: left; width: 407px;  }
.case_study_controls { float: left; width: 407px; padding-top: 5px; padding-bottom: 5px;  }

#subscribe_email { position: relative; margin: auto; top: 0; text-align: center; padding-top: 10px;  }

INPUT
{ 
  border-color: #828282;  border-style: solid;  border-width: 1px;
  font-family: Verdana; color: #cccccc;
  background-color: #000;
 }


IMG { border: 0 }

.error {  color: red; font-size: 1.2em;  }

.case_study_selected { background-color: #666; }