*{margin:0; padding:0; border:0;}

body{
font:10px/1.5 "Gill Sans", Futura, Verdana;
text-align:center;
color:#fff;
background:#000;
}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,ol,p{list-style-position:inside; padding:.5em;}
pre,blockquote{padding:.5em 1em; background:#222; color:#999; overflow:auto;}
pre{display:none;}

h1{line-height:80px;}
h3{background:#111; cursor:pointer; border-bottom:1px solid #999;}
h3 a:link, h3 a:visited {display:block; padding:2px 1em; text-decoration:none;}
h3 a:hover, h3 a:active {color:#999;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*Layout*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#wrap{
width:450px;
margin:0 auto;
text-align:left;
}

#header{position:relative;}

#content{}

#main1{}

#main2{}

#footer{
color:#fff;
background:#000;
text-align:right;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::class*/

.thumb{border:5px solid #222;}
.thumb:hover{border:5px solid #fff;}
.txt{width:360px;}
.L{float:left;}
.R{float:right;}
.C{text-align:center; margin:0 auto;}
.inner{padding:10px;}

.clear{
margin: 0 -1px -1px 0;
overflow: hidden;
line-height: 0;
font-size: 0;
clear: both; 
height: 1px;
width: 1px;
padding: 0;
border: 0;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*switcher*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#switcher{position:absolute; top:0; right:0; line-height:1; font-size:9px; padding:0;}
#switcher li{width:15px; height:10px; float:left; list-style:none; text-align:center;}
#switcher li a{display:block; width:15px; height:10px; line-height:10px; border:1px solid #999; text-decoration:none; color:#fff;}
#switcher li a span{display:none;}
#shrink{background:#000;}
#grow{background:#111;}
#growmore{background:#222;}
#type0{background:#000;}
#type1{background:#fff;}
#type2{background:#900;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*Slideshow*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#mySlideshow
{
	width: 430px;
	height: 240px;
	z-index:5;
}

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*ball*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#ball{float:left; padding:0 10px 10px 0;}

#ball .test {
background: url(../img/test.png) top left no-repeat;
position: relative;
height: 60px;
width: 60px;
left: 0;
top: 0;
cursor: move;
}

#ball .test span{display: none;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*tooltip*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.tooltip {
width: 200px;
color: #fff;
text-align: center;
}

div.tooltip h4 {
color: #fff;
font-weight: bold;
text-shadow: 2px 2px 1px #222;
margin: 0;
padding: 13px 10px 5px;
background: url(../img/balloon.png) top left no-repeat !important;
background: url(../img/balloon.gif) top left no-repeat;
font-size: 9px;
letter-spacing:0;
}

div.tooltip p {
margin: 0;
padding: 0 10px 15px;
text-shadow: 2px 2px 1px #222;
background: url(../img/balloon.png) bottom left no-repeat !important;
background: url(../img/balloon.gif) bottom left no-repeat;
font-size: 10px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SlimBox*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {background: #fff url(img/loading.gif) no-repeat center;}
#lbImage {border: 10px solid #fff;}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(img/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(img/closelabel.gif) no-repeat center;
margin: 5px 0;
}

#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*add*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#subnavi{}
#subnavi h3{
float:left;
width:100px;
}