* {  margin: 0; padding: 0; }
* html { height: 1%;} 
html, body { }
body
{ 
  text-align: center;    margin: 0;  border: 0;  padding: 0;
  background-color: #FFFFFF;  color: #333333;
  font-family: Arial;
  font-size: 12px;   line-height: 14px;   text-decoration: none; 

}

a, a:visited { color: #333333; text-decoration: none; outline: none; } 
a:hover { color: #1C1C1C; text-decoration: none; outline: none;} 

#page    { width: 950px; margin: auto; position: relative; min-height: 1000px; text-align: center; }

/* header*/
#header { float: left; position: relative; width: 950px; height: 68px; padding-top: 5px; z-index: 10;  } 
#header_container { float: left; height: 68px; width: 950px; clear: right; }
#header_logo { float: left; padding-left: 0px;  }
#menu_container { float:left;width: 699px;  }
.menu_item { float: left; }
.navigation_arrows_previous{ width: 39px; float: left; padding-top: 15px;}
.navigation_arrows_next{ width: 39px; float: left; padding-top: 15px;}

#prepage { position: relative;; top: 0px; width: 950px; 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%; }

/*main content */
#content { float: left; text-align: left; position: relative; margin: auto; width: 950px; display: none; min-height: 535px; clear: both;  }

#central_container { float: left; width: 950px; height: 400px; background-color: #87CEEB;}

/* gallery artwork */
#the_gallery { float: left; width: 950px; }
/* FUCK YOU IE */
.gallery_content_left { float: left; width: 310px; padding-right: 10px;   padding-top: 10px; }
.gallery_content_middle { float: left; width: 310px; padding-right: 10px;    padding-top: 10px; }
.gallery_content_right { float: left; width: 310px;  padding-top: 10px;}

/*html>body .gallery_content { float: left; width: 300px; padding-right: 10px; padding-left: 10px; clear: right; padding-bottom: 3px; } */
.gallery_thumbnail { float: left; width: 310px; height: 210px; }
.gallery_info { float: left; width: 310px; padding-top: 3px; text-align: left; }
.gallery_category {float: left;  font-size: 0.9em; color: #333333; text-transform: uppercase;}
.gallery_summary {float: left; width: 310px;font-size: 1.0em; font-weight: bold; color:#000000; }

#tooltip { background-color: #CCCCCC; color: #333333; text-align: center; font-size: 10px;}

/* detailed artwork display */
.content_attachment {float: left; width: 950px;}
.content_attachment_info { float: left; width: 950px; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; text-align: justify;}
.content_attachment_description {float: left; width: 950px; padding-top: 5px; padding-bottom: 5px; text-align: justify; font-size:  10px;}
#content_attachment_image {float: left; width: 950px; padding-bottom: 5px; padding-top: 5px;}

/* services section */
#services{ float: left; width: 950px; display: none;}
.services_headers{float: left; width: 950px; color: #1874CD; padding-top: 10px; padding-bottom: 10px; }
.services_text{float: left; width: 950px; text-align: left; padding-bottom: 20px;}

.contact{ float: left; width: 950px; }

/* try out using css only */
.contact_text {float: left; width: 950px; height: 1000px; background-color: #000000; position: relative; color: #1874CD; font-family: Arial; font-size: 36px;  display: none;}
.contact_info { position: absolute; top: 300px; left: 100px; width: 950px; }
.contact_phone { position: absolute; top: 400px; left: 100px; width: 950px; }

/************************************************************************************/


#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;  }


.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; }
a.previous, a:visited.previous { font-size: 0.71em; }

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_middle_content { 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_middle_content { 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;  }






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;  }