/* RESET STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { 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:''}
strong { font-weight: bold }
em { font-style: italic }
a { border:none; outline: none; } 
a { text-decoration: none; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clearfix { height:1%; }

/* GENERAL STYLES */
body { background:#25252f; font:12px Arial,Verdana,sans-serif; color:#444;   }
#wrapper { background: white;  margin:10px auto; width:960px; padding: 0px 10px 0 10px; min-height:600px;}
#header { padding: 0px 0 10px;  border-top: 0px solid #888; }
#content { margin:0px 0 0; padding-top: 10px; border-top: 0px solid #888; }
#footer {  margin:10px auto; width:960px;text-align: right; color: white;}

/* FORMATTING STYLES */
a { color:#468; font-weight: bold; }
a:hover { color:#888;  }
p, hr {margin-bottom: 10px; padding: 0 70px 0 0; line-height: 18px; }
fieldset { padding: 10px; background: #eee; border: 1px solid #bbb; margin-bottom: 10px; width: 490px; }
fieldset p { padding: 0;}
#content h1{  border-bottom: 1px solid #ccc; color: #888; padding: 1px; margin: 4px 0 0 0; text-transform: uppercase}
#content h3 { font-weight: bold; }
.left {float: left;}
#content .text-content ul { margin: 10px 0; }
#content .text-content ul li { position: relative; left: 20px; line-height: 18px;  }
ul.center { text-align: center; margin: 0 auto;}

.left img {padding-right: 20px;}
.right {float: right;}
.none {display: none;}


/* NAV STYLES */
ul#navigation { font-size: 12px; font-weight: bold; }
ul#navigation li { float:left; width:110px; }
ul#navigation li a { display:block; color: #888;  padding:9px 5px 9px 5px;  border-right: 1px solid #ccc; }
ul#navigation li.logo a { font-weight: normal; font-size: 18px; border: none; display:block; color: #888;  padding:5px 5px 5px 5px;  border-right: 1px solid #ccc; }
ul#navigation li a:hover, ul#navigation li.active a{  color: #aaa; background:#eee; }

/* ******************** */
/* GALLERY STYLES 			*/
/* ******************** */

/* GALLERY NAV STYLES */
ul.gallery-nav { margin:0 5px 0 0px; font-size: 1.1em; font-weight: bold; text-align: center; }
ul.gallery-nav li { float:left;  }
ul.gallery-nav li a { display:block; color: #888;  padding:5px 3px 5px 3px;  border-right: 1px dotted #eee; }
ul.gallery-nav li p { font-weight: normal;  display:block; color: #aaa; text-transform: uppercase;  padding:6px 5px 5px 5px;  border-right: 1px solid #ccc; }
ul.gallery-nav li a:hover,ul.gallery-nav li a.current{  color: #666; background:#eee; }

/* GALLERY THUMBS STYLES */
ul.gallery-thumbs { float: left; padding-right: 5px; }
ul.gallery-thumbs li img { padding-right: 10px; }
ul.gallery-thumbs li a { display: block; border: 1px solid white; margin-bottom: 10px; }
ul.gallery-thumbs li a:hover,ul.gallery-thumbs li a.selected { border-right: 2px #ccc dotted; }

/* GALLERY IMAGE NAV ARROWS */
ul#imageNav { text-align: center;}
ul#imageNav li { display: inline; text-align: center; font-size: 2.5em; font-weight: bold;}
#media-photo  {width:950px;}
#media-photo p {text-align: center;}