/* RESET STYLES
-------------------------------------------------*/
html {min-height: 100%; margin-bottom: 1px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a { 
	margin:0;
	padding:0;
}

table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,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;}


/* DEBUGGING
-------------------------------------------------*/
.debug {border:1px solid red;}


/* MAIN STRUCTURAL ELEMENTS
-------------------------------------------------*/
body {
  /* background:#dddedd url(../images/common/page_bg.jpg) repeat-x; */ 
  font-family:Verdana, sans-serif; 
  color:#fff; 
  font-size:.875em;
}
  
#page_container {position:absolute; width:883px;}


/* NAVIGATION ELEMENTS
-------------------------------------------------*/
#navigation {width:255px; height:50px; background:url(../images/common/navigation.png) no-repeat; position:absolute; top:167px; left:551px;}

#navigation li,
#navigation a 
{height:50px; display:block; float:left; text-decoration:none;}

a span {display:none;}

#navigation #tab1, #navigation #tab1 a {width:71px;}
#navigation #tab2, #navigation #tab2 a {width:100px;}
#navigation #tab3, #navigation #tab3 a {width:84px;}

#navigation #tab1 a:hover, #About #tab1 a  {background:transparent url(../images/common/navigation.png) 0 -50px no-repeat;}
#navigation #tab2 a:hover, #Portfolio #tab2 a {background:transparent url(../images/common/navigation.png) -71px -50px no-repeat;}
#navigation #tab3 a:hover, #Contact #tab3 a {background:transparent url(../images/common/navigation.png) -171px -50px no-repeat;}

/* OLD NAVIGATION
 #about {position:absolute; top:166px; left:551px;} 
#rates {position:absolute; top:170px; left:558px;}
#portfolio {position:absolute; top:166px; left:609px;}
#contact {position:absolute; top:170px; left:690px;}

#about,
  #about span {display:block; width:71px; height:47px; overflow: hidden;}
#about span {height:94px; background: url(../images/common/about_sprite.png) 0 0 no-repeat; text-indent:-9000px;}
#about:hover span {position:relative; top:-47px;}


#portfolio,
  #portfolio span {display:block; width:100px; height:50px; overflow: hidden;}
#portfolio span {height:100px; background: url(../images/common/portfolio_sprite.png) 0 0 no-repeat; text-indent:-9000px;}
#portfolio:hover span {position:relative; top:-50px;}


#contact,
  #contact span {display:block; width:84px; height:43px; overflow: hidden;}
#contact span {height:86px; background: url(../images/common/contact_sprite.png) 0 0 no-repeat; text-indent:-9000px;}
#contact:hover span {position:relative; top:-43px;}
*/


/* LINKS
-------------------------------------------------*/
a {color:#dddedd;}
a:hover {text-decoration:none;}
#Contact a {text-decoration:none;}
#Contact a:hover {color:#ffedbf;}


/* CONTENT AREAS
-------------------------------------------------*/
#content {position:relative; bottom:328px; z-index:100; height:328px; padding:20px 36px;}
p {margin-bottom:1em; text-align:justify; font-size:90%;}


/* STYLES SPECIFIC TO INDEX PAGE
-------------------------------------------------*/
#photo-credit {
  width:97%; 
  text-align:right; 
  position:relative; 
  top:-27px; 
  font-family:Helvetica, sans-serif; 
  color:#fff; 
  font-size:70%; 
  font-weight:bold;
}


/* STYLES SPECIFIC TO ABOUT PAGE
-------------------------------------------------*/
#hi {margin-bottom:8px; margin-right:8px; position:relative; top:.5em;}
#mug {margin-left:12px; margin-bottom:0px; margin-top:20px; float:right;}


/* STYLES SPECIFIC TO RATES PAGE (currently not being used)
-------------------------------------------------
.content-block {float:right; width:48%; }
#rates-table {float:left; width:48%; margin-right:1em; margin-top:}
#rates-table th {background:#274d4e; font-weight:bold; padding:8px; border:1px solid #000;}
#rates-table td {background:#fff; color:#000; font-size:84%; font-weight:bold; padding:8px; border:1px solid #000;}*/


/* STYLES SPECIFIC TO PORTFOLIO PAGE
-------------------------------------------------*/
#thumb-group-wrapper {margin-top:45px; width:100%;}
.thumb-wrapper {/* width:148px;  */margin-right:16px; text-align:center;}
.caption-top, .caption-bottom {text-align:center; font-weight:bold;}
.caption-top {font-size:82%; margin-bottom:4px;}
.caption-bottom {font-size:70%;}


/* STYLES SPECIFIC TO CONTACT PAGE
-------------------------------------------------*/
#email {width:100%; text-align:center; font-size:200%; margin-top:125px;}




#ie6-warning {text-align:center; font-weight:bold; background:#8a2213; padding:4px 8px;}