div  {height: 1%;}

/* ------ font module and basic settings ------- */

body { font-size: 76%; font-family: Arial, "Trebuchet MS", sans-serif; color: #fff;  }
html>body { font-size: 12px; }

h1 { font-size: 35px; font-weight: normal; letter-spacing: 15px; }
h2 { font-size: 1.4em; font-weight: normal; letter-spacing: .5em; white-space: nowrap}
h3 { font-size: 1.2em; }
h4 { font-size: 20px; font-weight: normal; letter-spacing: 15px; font-style: italic;  }
h5 { font-size: 1.05em; font-weight: normal; font-style: italic; letter-spacing: .4em; white-space: nowrap }
h6 { font-size: 1em; }

h4.description { color: #666; font-size: 1.6em; padding-top: 50px; letter-spacing: .1em; width: 500px; margin: auto; }

p { font-size: 1em; }

p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0}
p { margin-bottom: 8px; } 

img { border: 0; }

body { background: #333; overflow: hidden; }
	
a { color: #fff; text-decoration: none;}

#outer { width: 956px; margin: 20px auto; overflow: hidden;  }	

.top { background: #1B1B1B url(images/t.gif) repeat-x left top; position: relative;}
.right { background: url(images/r.gif) repeat-y right top; position: relative;}
.bottom { background: url(images/b.gif) repeat-x left bottom; position: relative;}
.left { background: url(images/l.gif) repeat-y left bottom; position: relative; height: 570px; }

div { position: relative; }

.corner {  
width: 30px; 
height: 30px;
position: absolute ! important;  
font-size: 1px;
background-image: url(images/corners.gif);   
}

.tl { background-position: top left; left: 0; top: 0; }
.tr { background-position: top right; right: 0; top: 0;}
.br { background-position: bottom right; right: 0; bottom: 0;}
.bl { background-position: bottom left; left: 0; bottom: 0; }


.inner { padding: 30px; }

#nav { position: absolute; top: 0px; left: 40px; color:#fff;  z-index: 90; width: 900px; }

#nav li, #nav ul { list-style: none; margin: 0; padding: 0; font-size: 10px; }
#nav li { 
float: left; 
border: 1px solid #000; 
margin: 0 5px 0 0; 
color: #fff; 
letter-spacing: .4em;
}

#nav li a { 
display: block;
padding: 2px 4px 2px 8px; 
text-decoration: none; 
color: #fff;
background: #555 url(images/tab-bg.gif) left top repeat-x; 
}

#nav li.active a, #nav li a:hover { background: #124C70 url(images/tab-blue-bg.gif) left top repeat-x; }

#people li.one a { background: #124C70 url(images/tab-blue-bg.gif) left top repeat-x; }
#products li.two a { background: #124C70 url(images/tab-blue-bg.gif) left top repeat-x; }
#places li.three a { background: #124C70 url(images/tab-blue-bg.gif) left top repeat-x; }
#projects li.four a { background: #124C70 url(images/tab-blue-bg.gif) left top repeat-x;  }


.click { float: right; letter-spacing: .2em; font-size: 10px; margin: 3px 15px 0 0; }

#people #nav .click,
#products #nav .click,
#places #nav .click,
#projects #nav .click { display: none;}

.contact { position: absolute; bottom: 60px; right: 20px; }
.contact img { border: 0; }
.contact a { color: #fff; text-decoration: none; }



#mainpage .inner { text-align: center ! important; padding: 200px 0 0 25px; }

#contact .inner { text-align: center ! important; padding: 150px 0 0 25px; }
#contact h4 { margin-bottom: 40px; }
#contact p { width: 300px; text-align: left; margin: 10px auto; }
#contact strong { display: block;}
.contact a { color: #fff; text-decoration: none; }

.thumbsholder { float: right; width: 310px; margin-top: 0px;  text-align: right; }
.thumbsholder img { width: 78px; height: 78px; margin-left: 10px; margin-bottom: 10px; }  

#imageholder p {  padding: 150px 80px 0 80px; font: 2.4em/1.5em normal georgia, serif; color: #888; }

.thumbsholder h2 { margin-right: -5px;}
.thumbsholder h5 { margin-bottom: 30px; margin-right: -1px;}
.thumbsholder .click { margin-right: -3px; margin-top: 10px;}
#imageholder { width: 565px; height: 510px; background: #111; border: 1px solid #000;  text-align: center; vertical-align: middle; overflow: hidden; }
#imageload { height: 520px;}
#imageholder table { height: 100%; width: 100%; }
#imageholder td { vertical-align: middle; text-align: center; padding-bottom: 7px;}

#enlarge { position: absolute; z-index: 99; background: #333; width: 99%; height: 99%; opacity: .9; text-align: center;  filter: Alpha(opacity=90); }
*html  #enlarge { height: 800px;}

#enlargeimg { position: absolute; z-index: 99; height: 99%; text-align: center; overflow: hidden; vertical-align: middle;  width: 700px;  }
#enlargeimg table { width: 600px; height: 450px; margin: auto;  }
#enlargetd { vertical-align: middle; text-align: center; }