body, html {	margin:0; padding:0; color:#fff; background:#000; font:11px Verdana,Arial }

#wrap{ width:800px;	margin:0 auto; 	margin-top:10px; background:#000;  color:fff;}

#header{ padding:5px 5px; float:left; width:600px ;}



#navigation{clear:both;padding:5px 5px;}

#main {clear:both;padding:5px 5px; }

#pic{clear:both;padding:5px 5px;}

#text{clear:both;padding:5px 5px;}

#footer{clear:both;padding:5px 5px;}

#footer p {margin:0; text-align:center;}

* html #footer{height:1px;}

select,input,textarea{font:100% Arial,Verdana,Sans-Serif}

/***menu********************/

.menu1 {padding:0 0 0 10px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}

.menu1 li {float:left;}

.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}

.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}

.menu1 li.current a {color:#fff; background:url(button3.gif);}

.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}

.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}

.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}

.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}

.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

/***slideshow************/

#slideshow {list-style:none; color:#fff}

#slideshow span {display:none}

#wrapper {width:506px; margin:50px auto; display:none}

#wrapper * {margin:0; padding:0}

#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}

#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}

#information h3 {padding:4px 8px 3px; font-size:14px}

#information p {padding:0 8px 8px}

#image {width:500px}

#image img {position:absolute; z-index:25; width:auto}

.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(images/left.gif) left center no-repeat}

#imgnext {right:0; background:url(images/right.gif) right center no-repeat}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}

.linkhover {background:url(images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px}

#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}

#slideleft:hover {background-color:#333}

#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}

#slideright:hover {background-color:#333}

#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}

#slider {position:absolute; left:0; height:81px}

#slider img {cursor:pointer; border:1px solid #666; padding:2px}

#blog{width:100px ; float:left; padding-top:100px;}

#blog a{/***menu********************/

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}

.menu1 li {float:left;}

.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}

.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}

.menu1 li.current a {color:#fff; background:url(button3.gif);}

.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}

.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}

.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}

.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}

.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

/***slideshow************/

#slideshow {list-style:none; color:#fff}

#slideshow span {display:none}

#wrapper {width:506px; margin:50px auto; display:none}

#wrapper * {margin:0; padding:0}

#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}

#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}

#information h3 {padding:4px 8px 3px; font-size:14px}

#information p {padding:0 8px 8px}

#image {width:500px}

#image img {position:absolute; z-index:25; width:auto}

.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(images/left.gif) left center no-repeat}

#imgnext {right:0; background:url(images/right.gif) right center no-repeat}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}

.linkhover {background:url(images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px}

#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}

#slideleft:hover {background-color:#333}

#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}

#slideright:hover {background-color:#333}

#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}

#slider {position:absolute; left:0; height:81px}

#slider img {cursor:pointer; border:1px solid #666; padding:2px}

#blog{width:100px ; float:left; padding-top:100px; border:0px}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}