/* Miles DeFeyter of Miles D Marketing www.milesd.com 12-05-07 */

body {background:#fff; margin:40px auto;font:normal 76.01% verdana,arial,helvetica,sans-serif;text-align:center;color:#656666;position:relative;}
img {border:0;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;}
.sm {font-size:0.95em}
.clear {clear:both;}
div.clear {clear:both;line-height:0;height:0 !important;padding:0 !important;margin:0 !important; _display:inline;}


h1,h2,h3,h4,h5,h6,form,div,p,i,img,ul,li,ol,table,tr,td,fieldset,label,dt{margin:0;padding:0;}

h3 {font-weight:normal;padding-bottom:20px;_font-size:1.3em;}
ul {list-style-type:none;}

.l {float:left}
.r {float:right}

#content {width:890px;background:#fff;margin:0 auto;text-align:center;}
#head {border-bottom:solid 2px #000;}
#head h1 {float:right;width:304px;height:18px;overflow:hidden;display:block;margin:3px 5px 4px 0;font-size:1.1em}

#mn {clear:both;float:left;width:412px;padding-left:10px;}
#mn li {float:left;}
#mn li a {color:#5a5a5a;padding:5px 5px 0 5px;font-size:1.3em;display:block;text-decoration:none;}
#mn li a:hover {color:#5a5a5a;text-decoration:underline;}
#mn li a.on {font-weight:bold;}


h2 {float:right;width:190px;height:20px;overflow:hidden;display:block;margin:4px 5px;font-size:1.1em }
#sn {float:left;margin:5px 0 0 10px;}
#sn li {float:left;display:inline;padding-right:10px;}
#sn li a {color:#5a5a5a;font-size:1.1em;padding:0 0 0 8px;text-decoration:none;display:block;background: url(images/bullet-off.png) no-repeat 0 6px;}
#sn li a:hover, #sn li a.on {text-decoration:none;background: url(images/bullet-on.png) no-repeat 0 6px;color:#000;}

.l202 {width:182px;float:left;padding:10px;text-align:left;font-size:0.9em;color:#000;}
.l202 p {padding-bottom:12px}
.l688 {width:688px;float:right;}


#f {text-align:right;padding:0;}
#f li {display:inline;padding:0 6px;font-size:0.81em;color:#787979;}
#f li a {color:#787979;}

/* start lightbox css */
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none;}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(http://americenters.com/redesign/www/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://americenters.com/redesign/www/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(http://americenters.com/redesign/www/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%}
#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}		
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
/* end lightbox css */