@charset"utf-8";
body { margin:0; padding:0; width:100%; background:#ffffff;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.header { background:url(images/bg.gif) top repeat-x; padding:0; margin:0 auto; height:255px; }
.header h1 { color:#ffffff; text-decoration:none; font: bold 36px Verdana, Georgia; }
.header h1 span { color:#ffffff; text-decoration:none; font: normal 30px Verdana, Georgia; }
.header h1 a { color:#ffffff; text-decoration:none; font: normal 30px Verdana, Georgia;}

.block_header {margin:0 auto; width:993px; padding:0; border:none;}
.toggler{display:inline; width:100%;}
.toggler a{display:block; width:100%; padding:10px 0; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; background:url(images/preview.gif) top repeat-x;}

/* ----------------------------------------------Social Bar-------------------------------------*/
#socialise {padding:0px 0; background:#ffffff;}
#socialise ul{display:inline; margin:0; padding:0; list-style:none; font-size:14px; font-family: Verdana, Georgia, "Times New Roman", Times, serif;}
#socialise li{display:block; float:left; margin:0 38px 10px 0; text-align:center;}
#socialise li span{display:block; margin:8px 0px 8px 0px;}
#socialise li.last{margin-right:0;}
#socialise a {color:#000000; background-color:#ffffff; text-decoration:none;}
#socialise a:hover{color:#000000; background-color:#ffffff;}
#header p toggler{display:inline;}
#header p toggler a{display:block; width:100%; padding:5px 0; text-align:right; text-transform:uppercase; color:#000000; background-color:#ffffff;}

/* logo */
.logo { float:right; padding:0; margin:0px 0px; width:100px; height:110px;}
.rss { width:50%; float:left; text-align:left; font: normal 12px Verdana, Georgia, sans-serif; color:#8a8a8a; padding:0px 0 0 0; margin:10px;}
.rss img { float:left; padding:0; margin:10px 10px 0px 0px;}
.rss h1 { color:#20acc8; text-decoration:none; font: bold 48px sans-serif, Georgia, Verdana; padding:0px 0 0 0; margin:0px 0px 0px 0px;}
.rss h1 a span{ color:#ffffff; text-decoration:none; font: bold 34px Georgia, Verdana; padding:0px 0 0 0; margin:0px 0px 0px 0px;}
.rss h2 { color:#30c8e3; text-decoration:none; font: normal 24px Georgia, Verdana; padding:0px 0 0 0; margin:20px 0px 0px 0px;}
.rss a { color:#8a8a8a; text-decoration:none;}


/* menu */	
.menu { float:left; padding:0px 0 0 0; margin:10px 10px; width:660px;}
.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:left; float:left; margin:0; padding:0; border:0; width:110px;}
.menu ul li a { float:left; margin:0; border-top:0px solid #464646; padding:13px 10px 11px 10px; color:#fffefe; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { color:#7f7f7f; padding:13px 0 11px 0; font: normal 11px Arial, Helvetica, sans-serif;}
.menu ul li a:hover {border-top:1px solid #464646; padding:13px 10px 11px 10px; background:url(images/hover.gif) top repeat-x;	-moz-border-radius: 5px;
	border-radius: 5px; }
.menu ul li a:hover span { color:#30c8e3;}
.menu ul li a.active {background:url(images/hover.gif) top repeat-x;	-moz-border-radius: 5px;
	border-radius: 5px;}
.menu ul li a.active span {color:#30c8e3; }

/*.accord_top_resize */
.accord_top_resize { width:100%; margin:0 auto; padding:0;}
.accord_top_resize h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 10px; margin:0; text-transform:uppercase;}

/* bottom center */

#slider-container1  .ws_bullets {
    top: 5px;
    right: 10px;
}

#slider-container1 .ws_bullets .ws_bulframe {
	top: 20px;
}

#slider-container1 .ws_bullets .ws_bulframe {
	top: 20px;
}

#slider-container1 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:725px;
	height:151px;
	margin:0 auto 15px auto;
	z-index:100;
	background-image: url(./bg.png);
}

#slider-container1 .ws_frame{
	display:block;
	position: absolute;
	left:5px;
	top:5px;
	width:699px;
	height:125px;
	border:solid 8px black;
	opacity:0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

#slider-container1 .ws_shadow{
	width:100%;
	background: url(./shadow.png) left 100%;
	height:38px;
	position: absolute;
	left:0;
	bottom:-15px;
	z-index:-1;
}

#slider-container1 .ws_images{
	position: absolute;
	left:5px;
	top:5px;
	width:715px;
	height:141px;
	overflow:hidden;
}

#slider-container1 .ws_images a{
	color:transparent;
}


#slider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
}

#slider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}


#slider-container1  .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:70;
}

#slider-container1  .ws_bullets div{
	position:relative;
	float:left;
}

#slider-container1 .ws_bullets a { 
	margin: 0;
	width:16px;
	height:15px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -1000px; 
	position:relative;
}

#slider-container1 .ws_bullets a:hover{ 
	background-position: -16px 0;
}

#slider-container1 .ws_bullets a.ws_selbull{
	background-position: right top;
}

#slider-container1 .ws_bullets a.ws_overbull{
	background-position: 50% top;
}

#slider-container1 .ws_bullets a:hover{
	background-position: 50% top;
}

#slider-container1 a.ws_next, 
#slider-container1 a.ws_prev {
	position:absolute;
	display:block;
	top:50%;
	margin-top:-28px;
	z-index:60;
	height: 56px;
	width: 29px;
	background-image: url(./arrows.png);
}

#slider-container1 a.ws_next{
	background-position: 100% 0; 
	right:-24px;
}

#slider-container1 a.ws_prev {
	left:-24px;
	background-position: 0 0; 
}

#slider-container1 .ws-title{
	position: absolute;
	bottom:18px;
	left: 18px;
	margin-right:23px;
	z-index: 50;
	padding:5px;
	color: #FFF;
	background:#000;
    font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
}

#slider-container1 .ws-title div{
	padding-top:5px;
	font-size: 12px;
}
#slider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:15px;
	left:-228px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}

#slider-container1 .ws_bullets a:hover img{
	visibility:visible;
}


#slider-container1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}

#slider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:456px;
}

#slider-container1  .ws_bullets .ws_bulframe{
	display:none;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}

#slider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-11px;
	margin-left:-5px;
	left:228px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}
/* blog_body */
.blog_body_resize { border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; background:#020e1c;}
.blog_body { width:953px; height:150; margin:0 auto; padding:10px 20px;}
.blog_body img { float:left; margin:5px 20px 5px 0; padding:0;}
.blog_body p { font: normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 0 0; margin:0; line-height:1.5em;}
.blog_body a { float:right; color:#22a0b8; font-weight:bold; text-decoration:none;}
.blog_body h1 { font:normal 18px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0; margin:0;}
.blog_body h1 span { font:normal 18px Arial, Helvetica, sans-serif; color:#b3b3b3;}

/********** block index **********/
.body {padding:0 0 30px 0; margin:0; background:#ffffff; }
.body_resize { width:993px; margin:0 auto; padding:0;}
.body h1 { font:normal 18px Arial, Helvetica, sans-serif; color:#020e1c; padding:5px 0; margin:0;}
.body h1 span { font:normal 18px Arial, Helvetica, sans-serif; color:#b3b3b3;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#444; padding:10px 0; margin:0; line-height:1.5em;}
.body p span { font: bold 14px Arial, Helvetica, sans-serif; color:#565656;}
.body a { color:#22a0b8; text-decoration:none;}
.body img {margin:10px auto; padding:0;}
.body img.floated {float:left; margin:10px 10px 10px 0; padding:0; }
.left  { width:45%; float:left; margin:0; padding:10px 20px;} 
.leftabout  { width:60%; float:left; margin:0; padding:10px 20px;} 
.right  { width:45%; float:right; margin:0; padding:10px 20px;} 
.rightabout  { width:30%; float:right; margin:0; padding:10px 20px;} 
.full  { margin:0; padding:0 20px;} 
.port { width:95%; float:left; padding:10px 20px 10px 0; margin:0;}
.port.last { padding:10px 0;}



/*************footer**********/
.footer {padding:0;  margin:0 auto; border-top:1px solid #d7d7d7; background:#020e1c; }
.footer_resize { margin:0 auto; padding:20px; width:953px; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#ffffff;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:5px; margin:0;}
.footer p.left { text-align:left; width:50%; margin:0; padding:15px 0 0 0; float:left;} 
.footer p.right { text-align:right; width:50%; margin:0; padding:15px 0 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:10px 0; background:none; line-height:0;}

ol#toc {    height: 2em;    list-style: none;    margin: 0;    padding: 0;}
ol#toc li {    background: #bdf url(tabs.gif);    float: left;    margin: 0 1px 0 0;    padding-left: 10px;}
ol#toc a {    background: url(tabs.gif) 100% 0;    color: #FFFFFF;    float: left;    line-height: 2em;    padding-right: 10px;    text-decoration: none;}
ol#toc li.current {    background-color: #FFFFFF;    background-position: 0 -60px;}
ol#toc li.current a {    background-position: 100% -60px;    color: #fff;    font-weight: bold;}
div.content {	border: #020e1c solid 3px;	clear: left;	padding: 1em;}