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

/*
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;
}
#extra #thumbnails{
	 position:relative;
	 top:-50px;
     float:right;
	 width:400px;
	 height:110px;
	 vertical-align:bottom;
	 /*border: 1px solid;*/
}
#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;}
#MainMenu ul{float:left; width: 319px; }
ul{padding:0; margin:0; }
ul li{padding:0; margin:0; float:left; width:319px; max-height:22px; _height:10px;}
#MainMenu img.menu2{float:right; margin-left: 52px; margin-top: 3px;}
#MainMenu img.menu3{float:right; margin-left: 12px; margin-top: 3px;}
#MainMenu img.menu4{float:right; margin-left: 3px; margin-top: -3px;}
#MainMenu img.menu5{float:right; margin-left: 0; margin-top: 3px;}
#MainMenu img.menu6{float:right; margin-left: 2px; margin-top: 3px;}
#MainMenu img.menu7{float:right; margin-left: 16px; margin-top: -3px;}
#MainMenu img.menu8{float:right; margin-left: 70px; margin-top: -2px;}
#MainMenu img.menu9{float:right; margin-left: 57px; margin-top: 3px;}