/*
Theme Name: Quantum Steps
Theme URI: http://wordpress.org/
Description: Quantum Steps Main Page Theme
Version: 0.1
Author: Independent Software Solutions Ltd
Author URI: http://independentsoftwaresolutions.com
Tags: 
*/

/* menu css --------------------------------- */
#pixopoint_menu_wrapper1
{
height:18px;
left:0;
position:absolute;
top:328px;
width:781px;
z-index:10000;
}

#suckerfishnav
{
	background:#990033 repeat-x;
	font-size:14px;
	color: #FFFFFF;
	font-family:verdana,sans-serif;
	font-weight:bold;
	width:100%;
}

#suckerfishnav, #suckerfishnav ul
{
	float:left;
	list-style:none;
	line-height:25px;
	padding:0;
	border:1px solid #aaa;
	margin:0;
	width:100%;
}

#suckerfishnav a {display:block;color:#ffffff;text-decoration:none;padding:0px 21px;}
#suckerfishnav li {float:left;padding:0;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;	width:162px;font-weight:normal;margin:0;line-height:1;	border:0;border-top:1px solid #666666;	}
#suckerfishnav li li {	width:160px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:verdana,sans-serif;}
#suckerfishnav li li a {padding:4px 10px;	width:150px;font-size:10px;color:#ffffff;}
#suckerfishnav li ul ul {margin:-19px 0 0 160px;}
#suckerfishnav li li:hover {background:#0099cc;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#ffffff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#ffffff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#ffffff;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul
{left:auto;background:#990033;}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#0099cc;}

/* end of menu css --------------------------------- */

.filler
{
   /*width: 100%;
   height: 100%;*/
}

body
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px
}

a img
{
	border: 0;
}

#rss a
{ 
        position: absolute;
	left:0px;
	top:0px;
        height:38px; 
        width:178px;
	z-index:30;

}

#rss
{ 
        position: absolute;
	left:388px;
	top:0px;
        height:38px; 
        width:178px;
	z-index:30;

}
.rss_en 
{ 
        background:#fff url(images/rss.gif) no-repeat 
}
.rss_en:hover 
{ 
        background:#fff url(images/rss-r.gif) no-repeat 
}
.rss_hk 
{ 
        background:#fff url(images/rss-ctrad.gif) no-repeat 
}
.rss_hk:hover 
{ 
        background:#fff url(images/rss-ctrad-r.gif) no-repeat 
}
.rss_zh 
{ 
        background:#fff url(images/rss-csimp.gif) no-repeat 
}
.rss_zh:hover 
{ 
        background:#fff url(images/rss-csimp-r.gif) no-repeat 
}

#rssalt a
{ 
        position: absolute;
	left:0px;
	top:0px;
        height:44px; 
        width:180px;
	z-index:30;

}

#rssalt
{ 
        position: absolute;
	left:381px;
	top:0px;
        height:44px; 
        width:180px;
	z-index:30;

}
.rssalt_en 
{ 
        background:#fff url(images/template2/rss.gif) no-repeat 
}
.rssalt_en:hover 
{ 
        background:#fff url(images/template2/rss-r.gif) no-repeat 
}
.rssalt_hk 
{ 
        background:#fff url(images/template2/rss-ctrad.gif) no-repeat 
}
.rssalt_hk:hover 
{ 
        background:#fff url(images/template2/rss-ctrad-r.gif) no-repeat 
}
.rssalt_zh 
{ 
        background:#fff url(images/template2/rss-csimp.gif) no-repeat 
}
.rssalt_zh:hover 
{ 
        background:#fff url(images/template2/rss-csimp-r.gif) no-repeat 
}

#tourtext 
{ 
        position: absolute;
        top:191px;
        left:278px;
        height:87px; 
        width:505px;
}
.tourtext_en 
{ 
        background:#fff url(images/tour-text.gif) no-repeat 
}
.tourtext_hk 
{ 
        background:#fff url(images/tour-text-ctrad.gif) no-repeat 
}
.tourtext_zh 
{ 
        background:#fff url(images/tour-text-csimp.gif) no-repeat 
}

#alttour
{ 
        position: absolute;
	left:431px;
	top:191px;
        height:87px; 
        width:352px;
}
.alttour_en 
{ 
        background:#fff url(images/template2/tour-text.gif) no-repeat 
}
.alttour_hk 
{ 
        background:#fff url(images/template2/tour-text-ctrad.gif) no-repeat 
}
.alttour_zh 
{ 
        background:#fff url(images/template2/tour-text-csimp.gif) no-repeat 
}

#qstour a
{ 
        position: absolute;
	left:0px;
	top:0px;
        height:38px; 
        width:267px;
}

#qstour
{ 
        position: absolute;
	left:506px;
	top:278px;
        height:38px; 
        width:267px;
}
.qstour_en 
{ 
        background:#fff url(images/quantum-steps-tour.gif) no-repeat 
}
.qstour_en:hover 
{ 
        background:#fff url(images/quantum-steps-tour-r.gif) no-repeat 
}
.qstour_hk 
{ 
        background:#fff url(images/quantum-steps-tour-ctrad.gif) no-repeat 
}
.qstour_hk:hover 
{ 
        background:#fff url(images/quantum-steps-tour-ctrad-r.gif) no-repeat 
}
.qstour_zh 
{ 
        background:#fff url(images/quantum-steps-tour-csimp.gif) no-repeat 
}
.qstour_zh:hover 
{ 
        background:#fff url(images/quantum-steps-tour-csimp-r.gif) no-repeat 
}



#searchform
{
	width: 230px;
	margin-top: 10px;
}

#searchform label
{
	color: #AFAFAF;
	font-weight: bold;
	margin-left: 20px;
}

#s
{
	width: 120px;
}

#searchsubmit
{
	background-image: url(images/search_btn.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	border: 0;
	cursor: pointer;
}

.plugin-support
{
	display: none;
}

#content
{
	position: absolute;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:12px;
	top:370px;
	width:480px;
	z-index:20;
}

#sidebar
{
	left:506px;
	position:absolute;
	top:375px;
	width:280px;
	z-index:100;
	overflow: auto;
        PADDING-BOTTOM: 20px;
}

.qtrans_language_chooser { list-style-type:none }

#qtrans_section
{
       padding-top: 1em;
       margin-left:-2.5em;
       width: 275px;
       height: 30px;
}

#qtrans_section li
{
       float: left;
       margin-right: 0px;
       margin-left: 11px;
}

#testamonial_section
{	
        width: 275px;
	height: 468px;

}

#newsletter_section
{
	WIDTH: 275px;
	HEIGHT: 165px;
	
	background: url(images/newsletter_bg.png) no-repeat;
}

#newsletter_section label
{
	float: left;
	width: 60px;
	margin-left: 1em;
}

#newsletter_section input
{
	float: left;
	width: 170px;
}

#newsletter_section input[type='submit']
{
	width: 100px;
	margin-left: 1em;
}

#newsletter_section h2
{
	text-align: left;
        padding-left: 1em;
	padding-top: 1.4em;
	margin-bottom: 1em;
	font-size: 13px;
	color: red;	
}

#newsletter_section p
{
	margin:0;
}

#events, #events a, #events .filler
{ 
        height:119px; 
        width:277px;
}

.events_en 
{ 
        background:#fff url(images/events.jpg) no-repeat 
}
.events_en:hover 
{ 
        background:#fff url(images/events-r.jpg) no-repeat 
}
.events_hk 
{ 
        background:#fff url(images/events-ctrad.jpg) no-repeat 
}
.events_hk:hover 
{ 
        background:#fff url(images/events-ctrad-r.jpg) no-repeat 
}
.events_zh 
{ 
        background:#fff url(images/events-csimp.jpg) no-repeat 
}
.events_zh:hover 
{ 
        background:#fff url(images/events-csimp-r.jpg) no-repeat 
}

#booking, #booking a, #booking .filler
{ 
        height:119px; 
        width:277px;
}
.booking_en 
{ 
        background:#fff url(images/coaching.gif) no-repeat
}
.booking_en:hover
{
        background:#fff url(images/coaching-r.gif) no-repeat
}
.booking_hk 
{ 
        background:#fff url(images/coaching-ctrad.gif) no-repeat 
}
.booking_hk:hover 
{ 
        background:#fff url(images/coaching-ctrad-r.gif) no-repeat 
}
.booking_zh 
{ 
        background:#fff url(images/coaching-csimp.gif) no-repeat 
}

.booking_zh:hover 
{ 
        background:#fff url(images/coaching-csimp-r.gif) no-repeat 
}

#footer
{
	clear: both;
}



BODY {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

#container {
	POSITION: relative; TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 800px
}