body { margin: 0px auto; min-width: 980px; width: 980px; }
#workspace { position: relative; width: 980px; }


/***** SIDE BAR *****/

#side_nav
{
	width: 172px;
	height: 560px;
	margin-right: 6px;
}

#side_content
{
	border: 1px solid black;
	width: 157px;
	height: 511px;
	padding: 10px 5px 10px 10px;
	background-color: #f1f4f7;
}

#mainMenu
{
	font-size: 110%;
}

#mainMenu ul
{
	margin: 0px;
	padding: 0px;
}

#mainMenu .menuItem,
#mainMenu .subMenuItem li
{
	list-style: none outside;
  display: block;
	padding: 0px;
}

#mainMenu .menuItem { margin-bottom: .5em; }

#mainMenu a.menuText,
#mainMenu .subMenuItem li a { text-decoration: none; color: #039; padding: 0px 0px .3em 0px; display:block; }
#mainMenu .subMenuItem
{
	display: none;
	margin-left: 5px;
	padding: 0px;
	font-size:90%;
}

.bh_1 #mainMenu .subMenuItem,
.bh_2 #mainMenu .subMenuItem,
.bh_3 #mainMenu .subMenuItem,
.bh_4 #mainMenu .subMenuItem,
.bh_5 #mainMenu .subMenuItem,
.bh_6 #mainMenu .subMenuItem { display: block; }

#mainMenu a.menuText:hover { text-decoration: underline; }

#mainMenu .subMenuItem a:hover { text-decoration: underline; }

.welcome #mainMenu a#welcome,
.whatsThis #mainMenu a#whatsThis,
.bh_1 #mainMenu a#bh_1,
.bh_2 #mainMenu a#bh_2,
.bh_3 #mainMenu a#bh_3,
.bh_4 #mainMenu a#bh_4,
.bh_5 #mainMenu a#bh_5,
.bh_6 #mainMenu a#bh_6,
.demoVideo #mainMenu a#demoVideo
{ font-weight: bold; color: #000; text-decoration: none; }
.bh_1 #mainMenu a#bh,
.bh_2 #mainMenu a#bh,
.bh_3 #mainMenu a#bh,
.bh_4 #mainMenu a#bh,
.bh_5 #mainMenu a#bh,
.bh_6 #mainMenu a#bh
{ color: #000; text-decoration: none; }

/***** MAIN CONTENT *****/
#main_content
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 800px;
  background-color: #f1f4f7;
}

#wt_main
{
	position: relative;
	width: 778px;
	border: 1px solid #000;
	display: block;
	padding: 10px;
	height: 511px;
	font-size: 120%;
}


/***** TUTORIAL *****/
#slides {  }

#slide_navbuttons { width: 100px; height: 40px; display: block; float: right; }

#slide_prev { float: left; }
#slide_prev a
{ background-image: url(navButtons.gif); width: 40px; height: 40px; display: block; }
#slide_prev a:hover { background-position: 0px -40px; }
#slide_prev .disabled { background-image: url(navButtons.gif); width: 40px; height: 40px; background-position: 0px -80px; }

#slide_next { float: right; }
#slide_next a
{ background-image: url(navButtons.gif); width: 40px; height: 40px; background-position: -40px 0px; display: block; }
#slide_next a:hover { background-position: -40px -40px; }
#slide_next .disabled { background-image: url(navButtons.gif); width: 40px; height: 40px; background-position: -40px -80px; }

.slideInstruction { font-size: 120%; }
.slideScreenshot { position: absolute; width: 774px; height: 444px; display:block; left: 13px; bottom: 10px; }

/***** HOW TO BOOK HOTEL *****/
.hc_header
{
	position: relative;
	background-image: url(wt_tabs.gif);
	background-repeat: no-repeat;
	display: block;
}

.hc_header.hc_bh { width: 800px; height: 29px; background-position: 0px -58px; }
.hc_header.hc_whatsThis { width: 800px; height: 29px; background-position: 0px 0px; }
.hc_header.hc_title { width: 174px; height: 29px; background-position: 0px -29px; }
.hc_header.hc_demo { width: 800px; height: 29px; background-position: 0px -87px; }
.hc_header.hc_welcome { width: 800px; height: 29px; background-position: 0px -116px; }