/* SMITH DESIGN
=============================================================== */

/*
GLOBAL ---------------------------------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:
baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.hiddenPic { display: none; }

/*
STRUCTURE -----------------------------------------------------------------
*/
html, body {
     height:100%;
}
body {
     text-align:center; /* horizontal centering for IE Win quirks */
     background: #ffffff url(grid.jpg) no-repeat center center;
     color: #0f0f0f;
     font-family: Arial, sans-serif;
	 font-weight:bold;
}
#distance {
     width:1px;
     height:50%;
     margin-bottom:-289px; /* half of container's height */
     float:left;
}
#container {
     margin:0 auto;
     position:relative; /* puts container in front of distance */
     text-align:left;
     height:578px;
     width:964px;
     clear:left;
	 
}
#flashintro{position:absolute; height:578px; widows:964px;}
#header {
     width: 316px;
     height: 111px;
     float: left;
     background: url(logo.jpg) no-repeat top left;
}
#nav {
     width: 316px;
     height: 467px;
     clear: left;
     float: left;
     border-top: 1px solid #cccccc;
     text-align: right;
	 
}
#extra {
     width: 647px;
     height: 111px;
     float: right;
     border-left: 1px solid #cccccc;
}
#content {
     height: 467px;
     width: 647px;
     float: right;
     overflow: auto;
     border-top: 1px solid #cccccc;
     border-left: 1px solid #cccccc;
}

#footers{position:absolute; margin-top:580px!important; margin-left: 378px;}
/*
STYLES --------------------------------------------------------------------
*/
#container a {
     color: #cccccc;
	 text-decoration:none;
}
#container a.current, #container a:hover {
     color: #0f0f0f;
}
#header h1 {
     display: block;
     width: 316px;
     height: 111px;
     text-indent: -99999em;
     background: url(img/logo.jpg) no-repeat center center;
}
#extra {
     text-transform: lowercase;
     font-size: 10px;
	 padding:0px;
	 margin:0px;
}
#extra #thumbnails{
	 display:block;
	 /*position:relative;*/
	 float:right;
	 top:0px;
	 left:0px;
	 width:500px;
	 height:10px;
}
#extra p {
/*     margin: 45px 0 0 5px;*/
}
#content {
     font: normal 13px Arial, Helvetica, sans-serif;
     vertical-align: baseline;
     overflow: hidden;
}
#content a {

}

.opacity{
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;

}

.opacity:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;

}

#content p {
     line-height: 1.1;
     margin: 2px 240px 0 2px;
	 letter-spacing:-0.02em;
	 padding-bottom:10px;
	  font-weight:bold;
}
#content ul {
     font-size: 16px;
     font-weight: bold;
     line-height: 1.2;
     margin: 200px 0 0 0;
}
#content ol {
     width: 690px;
}
#content ol li {
     display: inline;
}
#content ol li a {
     display: block;
     float: left;
     width: 190px;
     height: 135px;
     text-indent: -9999em;
     margin: 0 39px 32px 0;
}

#description{
padding-top:45px;
}

#slideshow {


}
#slideshow a{
font-family: 'arial black';
text-transform:lowercase;
font-size:24px;
text-decoration:none;
letter-spacing:-0.05em;


}

/**********MENU***************/
#MainMenu{/*margin-top:-9px;*/float:right; width: 315px; font-size: 20px; font-family: Arial Black,Arial, Helvetica, sans-serif; text-transform:lowercase; font-size: 27px; letter-spacing:-3; }
#MainMenu h2{float:right!important;width: 315px;margin:0; padding:0; text-transform:lowercase; font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu1{margin-top:-9px; margin-right:-2px; text-align:right;text-transform:lowercase; font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu2{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu3{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu4{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu5{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu6{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu7{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
/*#MainMenu h2.menu7{margin-top:-18px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}*/
#MainMenu h2.menu8{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu9{margin-top:-14px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}
#MainMenu h2.menu10{margin-top:-15px; margin-right:-2px; text-align:right;text-transform:lowercase;font-family: Arial Black,Arial, Helvetica, sans-serif; font-size: 27px; letter-spacing:-3;}

/*****credit images******/
img.contact {position:absolute; margin-top: 145px;}
img.credit1 {position:absolute; margin-top: 450px;}
img.credit2 {position:absolute; margin-top: 450px; margin-left:64px; }
img.credit3 {position:absolute; margin-top: 450px; margin-left:304px;}
img.credit4 {position:absolute; margin-top: 450px; margin-left:449px;}

/*****gallery************/
ul.thumbs li{float:left;margin:0; padding-right: 6px; padding-bottom: 6px;}
#controls{position:absolute; margin-left: 80px; margin-top: 90px; text-align:right;}

