@charset "UTF-8";
/* CSS Document */


body { margin: 0; padding: 0; background: #212121 }

p { font-family: Georgia, "Times New Roman", Times, serif; color: #222; font-size: 0.86em }

h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #222; font-size: 1.21em }
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #444; font-size: 1em; padding: 8px; font-weight: normal; line-height: 2 }
h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #121212; font-size: 1em; padding: 8px; text-align: left; font-weight: normal }

a { color: #fefefe; font-size: 1em; text-decoration: none; padding: 0 20px }
a img { border: none }

/* structural layer */

#wrapper { width: 954px; margin:0 auto; padding: 0 10px; background: #444 }
#header { background: #121212 }
#logo { height: 84px }
#nav { background-image: url(images/glossy.gif); height: 40px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#nav p a:hover { #ccc }

#main { width: 914px; margin: 0 auto; padding: 20px; background: #808A8D url(../images/bg.jpg) left top no-repeat; min-height: 430px }
#main p { width: 500px; line-height: 1.5; font-size: .86em; margin: 0; padding: 5px 0 }
#main p:first { width: 500px; line-height: 1.5; font-size: 1em; margin: 0; padding: 5px 0 }

#footer { width: 964px; margin:0 auto; padding: 5px; color: #b4b4b4; border-top: 5px solid #eee; background: #121212; font-size: 0.73em; font-weight: normal  }
#footer a { color: #eee; text-decoration: none; padding: 0 }
#footer a:hover { color: #ccc; text-decoration: underline; padding: 0 }

#content { width: 540px; float: left; clear: none }

#right { width: 350px; float: right; clear: none }

#services { background: #efefef; border: 1px solid #a22c5c; padding: 8px; margin: 0 0 10px 0 }
#services p { padding: 0 10px }
#services h2 { margin: 8px 0px }
#services a { padding: 0; color: #a22c5c }

#frame { width: 914px; margin: 0; padding: 0 0 40px 0; background: #fff }
#set { margin: auto; padding: 7px }
#set a { padding: 0; }
#set a:hover { opacity: 0.8 }


#viewer { width: 914px; background: #121212; height:171px; padding: 1px 0 0 0px; overflow: auto; border: 0px solid #666 }
#viewer ul { width: 1512px; list-style-type: none; padding: 0; margin: 0 }
#viewer ul li { float: left; clear: none; margin: 0 0 0 1px; width: 150px; height: 150px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef }
#viewer ul li a img { margin: 0; padding: 0; border: none }
#viewer ul li a:hover img { opacity: 0.2 }


#viewer ul li a { border: none; margin: 0; padding: 0 } 

/* classes */

.clear { clear: both; height: 1px }
.active { color: #a22c5c }
.top { background: #121212; width: 914px; height: 50px }
.top h2 { padding: 10px 15px 0; margin: 0; color: #b4b4b4 }
.base { background: #121212; width: 904px; height: 30px; padding: 5px }
.small { color: #b4b4b4; font-family: Arial, Helvetica, sans-serif; font-size: 0.68em !important; padding: 5px 15px }
.left { clear: none; float: left }
.left1 { clear: none; float: left; margin: 0 0 0 7px; padding: 1px 0 }