/* ---------------------------------------------------------------------
Tony Webster Photo - CSS Stylesheet
Version: $Id: style.css 29 2010-07-25 04:53:48Z tonywebster $
------------------------------------------------------------------------ */

html, body { font-family: 'Lucida Grande'; background: #333; }
body { background: url('../img/bg.jpg') repeat; background-attachment: fixed; }
#loopedSlider { position: fixed; overflow: hidden; }
#site_container { width: 1071px; margin: 0 auto 0 auto; }
#image_show {  }
#menu { margin-top: 8px; float: left; z-index: 155; width: 292px; margin-left: 804px; }
#menu_nav { list-style-type: none; z-index: 3000; }
#menu_nav li { text-align: left; margin-bottom: 19px; }
#menu_nav li a { padding: 8px; font-size: 12px; display: inline; color: #FF4600; text-decoration: none; text-align: right; font-weight: bold; }
#menu_nav li a span { font-size: 0.75em; font-weight: normal; color: #555; }
#menu_nav li a { background: #222; }
#menu_nav li a span.slash { color: #888; }
#menu_nav li.name { background: none; background: transparent; margin-left: 15px; }
#menu_nav li.name a, #menu_nav li.name a:hover { background: none; background: transparent; }
#menu_nav li a:hover { background: #444; }
.photo { width: 100%; height: 100%; z-index: -1000; position: fixed; margin: 0; padding: 0; top: 0; left: 0;}
#loopedSlider { width: 756px; height: 510px; float: left; text-align: center; top: 30px; border: 1px solid #444; padding: 9px; background: #000; z-index: 0; }
#image_show div img { width: 756px; height: 510px;  }

/* Slider */
.container { width:756px; height:510px; overflow:hidden; position: absolute; cursor:pointer; z-index: 1; }
.slides { position:absolute; top: 0px; left: 0px; }
.slides > div { position:absolute; top:0; width:756px; display:none; }
#loopedSlider,#newsSlider { margin:0 auto; width:756px; position:fixed; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; z-index: 3000; position: absolute; top: 493px; left: 14px; font-size: 0.8em; }
ul.pagination li { float:left; margin-left: 2px; }
ul.pagination li a { padding:2px 4px; text-decoration: none; color: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
ul.pagination li.active a { background: #fff; color: #333; }