/*
Theme Name:  woskf
Theme URI:   http://www.woskf.co.uk
Description: new professional look of woskf
Author:	davy kelly: honeycomb-web.co.uk
Author URI: http://www.honeycomb-web.co.uk
Version:	  4.0
*/

/***  Reset ***/
*			{ padding:0px; margin:0px; }

/*** main body ***/
body		
{ 
	position:relative; 
	width:100%; 
	height:100%; 
	background-color:#c0c0c0; 
	font-size:12pt; 
	background-image:url(http://www.woskf.co.uk/images/silver1.png); 
	background-repeat:repeat-x; 
	}
#wrapper
{
	position:relative;
	top:0px;
	width:960px;
	min-height: 100%;     
	height: auto !important;
	height: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
	background-color:#2c2c2c;
	background-image:url(http://www.woskf.co.uk/images/silver1.png); 
	background-repeat:repeat-x; 
	border-left:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;
}

/*** static header ***/
#header
{
	position:fixed;
	display:block;
	top:0px;
	width:960px;
	height:80px;
	margin: 0 auto 0 auto;
	text-align: center;
	background-color:#5b5b5b;
	z-index:100;
}
#logo
{
	position:relative;
	display:inline;
	left:0px;
	top:0px;
	margin-left:0px;
	margin-right:auto;
	text-align:left;
	display:inline;
	width:103px;
	height:80px;
	background-image:url(http://www.woskf.co.uk/images/logo.png); 
	background-repeat:no-repeat; 
	float:left;
}

#name
{
	position:relative;
	display:inline;
	left:0px;
	top:0px;
	margin-left:0px;
	margin-right:auto;
	text-align:center;
	display:inline;
	vertical-align:middle;
	font-size:2em;
	color:#547c97;
	width:150px;
	height:80px;
	background-image:url(http://www.woskf.co.uk/images/name.png); 
	background-repeat:no-repeat; 
	float:left;
}
#topbanner
{
	position:relative;
	display:inline;
	left:0px;
	top:0px;
	margin-left:0px;
	margin-right:auto;
	text-align:left;
	width:650px;
	height:80px;
	float:right;
	background-image:url(http://www.woskf.co.uk/images/topbannerchina.jpg); 
	background-repeat:no-repeat; 
	/*delete below*/
	color:#ffffff;
	padding:0px;
}
a#tblink, a#tblink:link, a#tblink:visited, a#tblink:hover, a#tblink:active
{
	border:none;
	top:0;
	right:0px;
}

/*** navigation ***/
#navbar
{
	position:relative;
	display:block;
	top:-5px;
	height:20px;
	width:960px;
	margin:0 auto 0 auto;
	text-align: center;
	background-color:#4c4c4c;
	font-family: Verdana, sans-serif;
	font-size:0.8em;
	text-transform:uppercase;
	z-index:100;
}
#menu 
{
	background-color: #4c4c4c;
	margin:0 auto 0 auto;
	text-align: center;
	list-style-type: none;
	position: relative;
	height:20px;
	width:960px;
	top:0px;
	z-index:100;
}

ul#menu ul 
{
	background-color: #4c4c4c;
	margin:0 auto 0 auto;
	padding: 0px;
	width: 160px;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	visibility: hidden;
	border:1px solid #c0c0c0;
	top:20px;
	z-index: 598;
}
ul#menu li /*top line */
{
	vertical-align: middle;
	float: left;
	width:98px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding:0px 10px 0px 10px;
	border-left:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;
}
ul#menu li:hover > ul 
{
	visibility: visible;
	text-align:left;
}
ul#menu ul li /* drop down */
{
	float: none;
	text-transform:lowercase;
	padding:5px 0px 5px 10px;
	height:20px;
	width:150px;
}
ul#menu ul ul 
{
	padding-top: 10px;
	margin-left:10px;
}
ul#menu li:hover /* top line */
{
	background-color: #6c6c6c;
	color:#32ACD1;
	position: relative;
	height:20px;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	z-index: 599;
}
ul#menu ul li:hover /* drop down */
{
	background-color: #6c6c6c;
	position: relative;
	padding-left:8px;
	width:150px;
	width:147px;
	border-left: 4px solid #32ACD1;
	border-right:none;
	text-align:left;
	z-index: 599;
}
a.nav, a.nav:link, a.nav:visited
{
	width:auto;
	height:20px;
	color:#32ACD1;
	text-shadow: 1px 1px 1px #000, 3px 3px 8px #86B6E3;
	text-decoration:none;
}
a.nav:hover
{
	width:auto;
	height:20px;
	color:#D9E8F6;
	border:none;
}
a.nav:active
{
	color:#32ACD1;
}
li#selected a
{
	color:#D9E8F6;
}
li#selected
{
	height:20px;
	background-color:#6c6c6c;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
}


/*** main home page banner ***/
#banner
{
	position:relative;
	display:block;
	top:110px;
	width:896px;
	height:200px;
	margin:0 auto 0 auto;
	text-align: center;
	border:2px solid #3385d6;
}
#banner IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0.0;
}
#banner IMG.active {
    z-index:10;
	opacity:1.0;
}
#banner IMG.last-active {
    z-index:9;
}


/*** main content ***/
#content
{
	position:relative;
	display:block;
	top:120px;
	width:960px;
	height:100%;
	margin:0 auto 0 auto;
	text-align: center;
	/*background-color:#2c2c2c;*/
	padding-bottom:180px;
}
#main
{
	position:relative;
	display:block;
	width:900px;
	height:100%;
	margin:0 auto 0 auto;
	padding-top:10px;
	padding-bottom:0px;
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	clear:both;
}
#maincontent
{
	position:relative;
	float:left;
	width:650px;
	min-height:600px;
	height:auto;
	margin-left:20px;
	text-align:left;
	background-color:#e7e7e7;
	padding-bottom:0px;
	border:2px solid #3385d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#sidebar
{
	position:relative;
	float:left;
	width:220px;
	height:600px;
	text-align:left;
	background-color:#e7e7e7;
	border:2px solid #3385d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.homeboxL
{
	position:relative;
	float:left;
	width:406px;
	height:400px;
	text-align:left;
	background-color:#e7e7e7;
	border:2px solid #3385d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.homeboxR
{
	position:relative;
	float:right;
	width:406px;
	height:400px;
	text-align:left;
	background-color:#e7e7e7;
	border:2px solid #3385d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/*** decoration ***/
h1
{
	text-align:center;
	color:#ffffff;
	/*color:#32ACD1;/*#B0E0E6;*/
	background-color:#6c6c6c;/*#536878;*/
	padding:-10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	letter-spacing: -0.1;
	padding-bottom:5px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	z-index:-10;
}
h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	letter-spacing: -0.1;
	margin-left:10px;
	margin-top:20px;
	color:#536878;
	text-shadow: 1px 1px 1px #3385d6,
	padding:10px;
}
h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	letter-spacing: -0.1;
	margin-left:10px;
	margin-top:20px;
	color:#536878;
	text-shadow: 1px 1px 1px #3385d6,
	padding:10px;
}
h4
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	letter-spacing: -0.1;
	margin-left:0px;
	margin-top:20px;
	color:#536878;
	text-shadow: 1px 1px 1px #3385d6,
}
p
{
	padding:10px;
}
#reg
{
	position:relative;
	top:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#sidebar ul
{
	list-style-image: none;
	list-style-type: none;
	padding-left:20px;
	top:10px;
}
#sidebar ul li
{
	list-style-image: none;
	list-style-type: none;
	padding-left:0px;
	top:10px;
	height:25px;
}
a.sidenav, a.sidenav:link, a.sidenav:visited
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height:1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#536878;
	text-decoration:none;
}
a.sidenav1, a.sidenav1:link, a.sidenav1:visited
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height:1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#536878;
	text-decoration:none;
}
a.sidenav:hover
{
	color:#2c2c2c;
	text-decoration:underline;
}
a.sidenav:active
{
	color:#32ACD1;
	text-decoration:none;
}
a #selected
{
	text-decoration:underline;
}

a.links, a.links:link, a.links:visited
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	line-height:1.5em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#536878;
	text-decoration:none;
}
a.links:hover
{
	text-decoration:underline;
}
a.links:active
{
	color:#32ACD1;
	text-decoration:none;
}
a.tops, a.tops:link, a.tops:visited
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	line-height:1.0em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	text-decoration:underline;
	letter-spacing: normal;
	color:#2E3A55;
	text-decoration:none;
}
a.tops:hover
{
	text-decoration:underline;
}
a.tops:active
{
	color:#32ACD1;
	text-decoration:none;
}

.play
{
	width:305px;
	float:left;
	margin-left:10px;
}
.english, #english
{
	color:#536878;
}
.chinese, #chinese
{
	color:#990000;
}
.highlight
{
	font-style:italic;
	color:#990000;
}
.ven1
{
	float:left;
	width:80px;
	font-size:1em;
	padding-left:10px;
}
.ven2
{
	float:left;
	width:150px;
	font-size:1em;
}
.ven3
{
	float:left;
	width:280px;
	font-size:1em;
}
.ven4
{
	float:left;
	width:130px;
	font-size:1em;
}
.centre, #centre
{
	text-align:center;
	padding:0px auto 0px auto;
	margin:0px auto 0px auto;
}
#maincontent ul
{
	margin-left:20px;
	padding-left:10px;
	padding-right:10px;
}
.chinese1
{
	float:left;
	width:150px;
	font-size:1em;
	padding-left:10px;
}

/*** form ***/
#theForm
{
	width:550px;
	border:1px solid #3385d6;
	padding-left:20px;
	margin-left:10px;
	text-align:top;
	font-size:1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
legend
{
	font-family:"georgia", serif;
	font-size:1.2em;
	font-style:italic;
	color:#a32446;
	padding:5px 10px 10px 10px;
	margin-left:25px;

}
.contactFormBorder
{
	border:1px solid #3385d6;
	background-color:#ffffff;
	padding:5px;
	margin:2px;
	left:50px;
	font-size:1em;
	color:#000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
label
{
	float:left;
	display:block;
	width:100px;
	text-align:left;
	vertical-align:top;
}
input [type="text"]
{
	float:left;
	display:block;
	font-family:"helvetica", "arial", serif;
	margin-left:50px;
	font-size:1.2em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
option
{
	font-family:"helvetica", "arial", serif;
}
textarea
{
	width:400px;
}


/*** images ***/
.imageright
{
	padding:10px;
}

/*** footer ***/
#footer
{
	position:relative;
	display:block;
	width:960px;
	height:180px;
	margin-top:-30px;
	text-align: center;
	padding-top:20px;
	background-color:#3385d6;
	color:#000000;
	font-weight:bold;
	clear:both;
}

/*** clear ***/
.clear
{
	clear:both;
}

/*** wordpress ***/

.title a.title
{
	position:relative;
	top:20px;
	left:20px;
}
.bold
{
	font-weight:bold;
}

/*** index image rotator ***
.first
{
	background-image:url(http://www.woskf.co.uk/images/indexSprite.gif);
	background-position: -10px -10px;
}
.second
{
	background-image:url(http://www.woskf.co.uk/images/indexSprite.gif);
	background-position: -10px -230px;
}
.third
{
	background-image:url(http://www.woskf.co.uk/images/indexSprite.gif);
	background-position: -10px -450px;
}
.fourth
{
	background-image:url(http://www.woskf.co.uk/images/indexSprite.gif);
	background-position: -10px -670px;
}
.fifth
{
	background-image:url(http://www.woskf.co.uk/images/indexSprite.gif);
	background-position: -10px -890px;
} */