body {margin:20px 0; padding:0; font:normal 10.5pt Verdana; color:#fff; background:#000;}

a {color:#eee;}
a:hover {color:orange;}

img {border:none;}

strong {font-weight:normal; color:orange;}
h1 {font-size:12pt; color:#ccc; border-bottom:1px solid orange;}
h2 {font-size:11pt; color:orange;}

.clear {clear:both;}

#center {text-align: center;}
#width {width:800px; margin:auto;}

#sun2shade {position:relative; height:600px;}
#sun2shade img {float:left; margin:0; border:none; display:block; margin:7px;}
#sun2shade span {width:420px; height:235px; background:#7A7A7A url(../images/sun2shade.jpg) no-repeat; text-align:center; padding:80px 5px 0 5px; position:absolute; top:150px; left:184px;}

#content {text-align:left; background:#7A7A7A url(../images/sun2shade-repeat.jpg) repeat-x top left;}
#content span {padding:30px 10px;}

#slides {padding:0 10px 10px 10px; text-align:center;}
#slides td { font-size:9pt;}
#slides td {text-align:center;}
#slides h1 {text-align:left;}
#slides img {text-align:left;}

#testimonials {padding:10px;}
#testimonials p {padding:3px; border:1px solid orange;}

p#links {font-size:8pt; text-align:center; color:#999;} 
p#links a {color:#999;}
p#links a:hover {color:orange;}

#smltx {font-size:8pt;}

.photo {width:750px; height:650px; text-align:left; position:relative; margin:0 auto;}

.photo ul {padding:0; margin:0; list-style:none; width:750px; height:auto; position:relative; z-index:10;}

.photo ul li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#f90;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:600px; padding:40px 60px; border:20px solid #f90; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:600px; padding:40px 60px; border:20px solid #f90; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:250px; height:200px; border-color:#000;}
