*, html { padding:0; margin:0; }
body{font-family: Myriad Pro, Arial; color:#4d4d4d; cursor:default; font-size:11pt;}
a{color:#4d4d4d; text-decoration: none;}
a:link{}
a:hover{}
a:visited{}
img {border:none;}
li {list-style-type:none;}

h1 {font-family: Myriad Pro, Arial; color:#4d4d4d; cursor:default; font-size:10pt;}
.down {font-family: Myriad Pro, Arial; color:#4d4d4d; cursor:default; font-size:9pt;}

.fl {float:left;}
.fr {float:right;}
.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.cl {display:block; clear:both; font-size:0; height:0; line-height:0;}

.wrap {width:798px; margin:0 auto; margin-top:20px;}
.contentWrap {background-color:#4d4d4d; height:100%;}
.pageContentWrap {padding:22px; background-color:#4d4d4d;}
.previewWrap {padding:22px 0 22px 22px;}
.spacer {height:35px;}
.brdH {height:22px;}
.brdW {width:22px;}
.name {font-size:17px;}

span.new {color:#aa2d0d;}
.nOnS { font-size:10pt; line-height:20px; color:#a7a7a7; }
.nOnS div.sq {width:10px; height:10px; font-size:0; background-color:#aa2d0d; margin:6px 4px 0 0; float:left; }

.nameFont{font-size:17px;}
.textFont{font-size:17px; color:#9d9d9d;}
.bgD{background-color:#4d4d4d;}
.bgM{background-color:#868686;}
.bg10{background-color:#d9d9d9;}
.preview{background-color:#666;}
.photo{background-color:#666;}
.page{font-size:12px; word-spacing: 3px; font-weight:bold; text-align:center;}
.page a{color: #b9b9b9;}
.aPage{color: #fff;}
.hint{width:200px; padding:4px 2px 4px 10px; text-align:left; font-size:10pt; color:#000; background-color:#ebebeb;}
.abs{position:absolute; z-index:100;}
.sh{display:block;}
.hd{display:none;}

#photoWrap { position:relative; height:462px; width:798px; overflow:hidden; background:#000;}
#photoWrap IMG.active { z-index:2; opacity:1.0; }
#photoWrap IMG { position:absolute; top:0; left:0; border:none; }
#slideShow { top:217px; left:249px; width:300px; height:27px; font-family:Verdana; position:absolute; background:transparent url(images/sladeshow.png) no-repeat; background-position:0 0; display:none; z-index:100;}
#slideShow .slideshowLeft { float:left; text-align:center; font-size:20px; width:160px; line-height:27px; color:white; }
#slideshowButton { float:left; line-height:27px; width:40px; }
#slideShow .slideshowCount { font-size:18px; font-weight:bold; }
#slideShow .slideshowRight { float:right; text-align:center; font-size:14px; width:100px; line-height:27px; }

#previewUL {list-style-type:none; width:300px;}
#previewUL li {float:left; width:100px; height:100px;}
#previewUL li img {margin:5px 3px 0;}

#result {width:418px; height:418px;}
#gDesc{ color:#fff; padding:20px 35px;}

.arr {background-image:url(images/arrow.gif); width:15px; height:15px; display:block; margin:0 4px; line-height:0; font-size:0; visibility:hidden;}
.arrL:hover {background-position:0 -15px;}
.arrR {background-position:0 -30px;}
.arrR:hover {background-position:0 -45px;}
.arrT {background-position:0 -60px;}
.arrT:hover {background-position:0 -75px;}

.navList {float:left; position:relative; z-index:1000; height:22px;}
.navList li {text-align:center; padding:3px 2px; color:#4d4d4d; border:1px solid #aaa; font-size:13px; min-width:80px;}
.navList span.active {color:#000;}
.navList li li {margin-top:-1px;}
.navList li.header {border:none; width:82px;}
.navList li.header.active {background-color:#c1c1c1; color:#fff;}
.navList li.header:hover, .navList li.header.ie6 {background-color:#4d4d4d; color:#fff;}
.navList a:hover {color:#fff;}
.navList li ul {position:absolute; top:-999em; background-color:#868686; margin-left:-2px;}
.navList li:hover ul, .navList li.ie6 ul {top:23px; left:2px;}

.navList li li.new {background-color:#aa2d0d;}
.navList li.header.new{color:#aa2d0d;}

.navList li.header.link a {display:block;}
.navList li.header.link:hover a {color:#fff;}


.navList li.header.ie6 ul {top:22px;}
.navList li.header.ie6 li {width:80px;}
.navList li.header.link.ie6 a {color:#fff;}