* {margin: 0; padding: 0}
body {font-family: Arial, sans-serif ; font-size: 62.5%}
img {display: block}
a img {border: 0}
ul, ol {list-style-type: none}
h1, h2, h3, h4, h5, h6 {font-weight: normal}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {margin: 0 auto}
.hide {display: none}
:focus {outline: 0}

#wrapper {width: 1000px; margin: 30px 0 0 40px; padding: 0 0 40px 0; overflow: hidden}
#colLeft {width: 125px; padding: 0 15px 0 0; float: left}
#colLeft h1 {font-size: 1.7em; color: #808080; text-transform: uppercase; font-weight: normal; letter-spacing: 0.25em}
#colLeft h1 {margin: 0 0 20px 0}
#colLeft a {font-size: 1.2em; color: #a6a6a6; text-decoration: none; text-transform: lowercase; display: block}
#colLeft a {padding: 3px 0; border-bottom: 1px dashed #d9d9d9}
#colLeft a.top {border-top: 1px dashed #d9d9d9}
#colLeft a:hover {background: #f7f7f7}

#colRight {width: 860px; float: right}
#colRight a.intro {margin: 0px 0 0 0; padding: 3px 0; font-size: 1.2em; color: #a6a6a6; text-transform: lowercase; cursor: pointer; display: block}
#colRight a.intro {border: 1px dashed #d9d9d9; border-left: none; border-right: none}
#colRight a.intro:hover {background: #f7f7f7}
#colRight ul {margin: 12px 0 0 0; overflow: hidden}
#colRight ul.first {margin: 20px 0 0 0}
#colRight ul li {width: 225px; margin: 0 12px 0 0; float: left}
#colRight ul li.last {margin: 0}
.toggle-container {width: 700px; padding: 25px 0 20px 0; background: #fff; display: none; position: absolute; z-index: 2}
.toggle-container p {margin: 0 0 15px 0; font-size: 1.2em; color: #808080; line-height: 1.5em}

#colRight-img {width: 500px; float: left}
#colRight-img img {margin: 39px 0 0 0}
#colRight-img p.caption {font-family: Georgia, serif; font-size: 1.2em; color: #808080; font-style: italic}
#colRight-img p.caption {margin: 5px 0 15px 0; padding: 0 0 6px 2px; border-bottom: 1px solid #d9d9d9}
#colRight-img p.description {margin: 0 0 10px 0; font-size: 1.1em; color: #808080; line-height: 1.4em}
#colRight-img p.abt {margin: 40px 0 0 0; padding: 3px 0 150px 0; font-size: 1.2em; color: #808080; line-height: 1.5em}
#colRight-img p.abt {border: 1px dashed #d9d9d9; border-left: none; border-right: none}
#colRight-img p.abt a {color: #808080}
#colRight-img p.abt a:hover {text-decoration: none}

#colRight p.footer,
#colRight-img p.footer {margin: 40px 0 0 0; font-size: 1.2em; color: #a6a6a6}

/* GALLERY CSS */
/*********************************************************************************/
.content {display: none; clear: both}
.navigation {margin: 20px 0 0 0}
.navigation a {text-decoration: none}
.content a:hover,
.content a:active {text-decoration: none}
.slideshow-container {height: 720px; width: 700px; position: relative; overflow: hidden}
.loader {width: 700px; background: transparent url(../images/loader.gif) no-repeat center center; position: absolute; top: 0; left: 0}
.slideshow {overflow: hidden}
.slideshow .image-wrapper {display: block; position: absolute; top: 10px; left: 0}
.slideshow .advance-link {color: #fff}
#colRight ul.thumbs {padding: 0 0 10px 0; overflow: hidden}
#colRight ul.thumbs li {height: 50px; width: auto; margin: 0 15px 10px 0; float: left}
#colRight ul.thumbs li a.thumb {height: 50px; width: auto; display: block}
#colRight ul.thumbs li a.thumb img {max-height: 50px; height: expression(this.height > 50 ? 50: true)}
.controls {font-size: 1.2em}
.controls a {color: #808080; text-decoration: none}
.controls a+a {margin: 0 0 0 20px}
.ss-controls {display: none}