* {margin:0;padding:0}
div,p,li{font-size:12px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:0px 0px; margin:0px 0 0px 0; border:0px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}


.buttons{padding:0px;}
.buttons span{color:#ffffff;padding:0 0px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}


/* Sample 5*/
#box5{
	position:absolute;
	width:430px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}
/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:570px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.mask1{
	position:relative;
	width:560px;
	height:180px;
	overflow:hidden;
}

.mask2{
	position:relative;
	width:430px;
	height:285px;
	overflow:hidden;
}
.info{
	width:430px;
	height:60px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}



.normalText 
{ /* Normal text */
font-size: 11px; 
text-align:justify;
text-justify:inter-ideograph;
font-weight: normal; 
padding-top: 0em; 
padding-left: 0em; 
padding:0px;
line-height: 12pt; 
color: #282828; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
body {
  background-color: #7c9dc7;
  background-image: url(images/back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 80%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.contactText 
{ /* Normal text */
font-size: 10px; 
text-align:justify;
text-justify:inter-ideograph;
font-weight: normal; 
padding-top: 0em; 
padding-left: 0em; 
padding:0px;
line-height: 10pt; 
color: #282828; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
}



a:link { 
color: 005094;
text-decoration: none;


}
a:visited { 
color: 005094;
text-decoration: none;


}
a:hover {
color: 005094; 

text-decoration: underline;


} 

p a { color: #BE7A40; }
h1 { font: 20px "Georgia"; color: #666; }
p, ul { font: 13px "Lucida Grande", "Verdana"; color: #333; }
#back a { font-size: 11px; }
#demo { margin: 0px 0px 0px; }
h2 { font: 18px "Georgia"; color: #666; margin-top: 0; }
h3 { font: 13px "Lucida Grande", "Verdana"; color: #999; text-transform: uppercase; font-weight: bold; }
#slideshow-options ul { padding: 0; }
#slideshow-options ul li { list-style-type: none; display: inline; padding-right: 0; }

#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('bg_shadow.gif') no-repeat top; position: relative; padding: 3px 0 15px; width: 615px; height: 287px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('gallery/bg.jpg'); width: 449px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 449px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('bg_side.jpg'); list-style-type: none; width: 166px; height: 245px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }