
@import url('carousel.css');

/****************************************** CORE ****************************************************/

html, body {
	height:100%;
}

body {
	background: #000/* repeat url('images/bg-gray.gif')*/;
	font: normal 11px Arial;
	margin: 0;
	padding: 0;
}

form {
	height: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

h1 {
	color: #fff;
	font: bold 20px Georgia;
	margin: 0px 0 0px 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

#vheight {
	background: transparent;
	float: left;
	height: 50%;
	margin-bottom: -300px;
	width: 100%;
}

#container {
	height: 600px;
	position: relative;
	width: 100%;
}

#container div div {
	overflow: hidden;
}

#header-box {
	clear: both;
	height: 63px;
	margin: 0 auto 0 auto;
	width: 784px;
}

#logo {
	float: left;
	height: 63px;
	width: 123px;
}

#logo img {
	margin: 23px 0 0 0;
	vertical-align: bottom;
}	

#nav-box {
	float: left;
	padding: 0 0 0 0;
}	

#nav-box img {
	vertical-align: bottom;
}	

ul#main-nav {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

ul#main-nav li {
	float: left;
	font: bold 14px Arial;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0 0 0 40px;
	white-space: nowrap;
}

ul#main-nav li a, ul#main-nav li a:visited {
	color: #ddd;
	position: relative;
	text-decoration: none;
}

ul#main-nav li a:hover {
	cursor: pointer;
}

ul#main-nav li a.current {
	color: #1ac5f9;
}

ul#main-nav li img {
	border: 0;
}

ul#main-nav li .nav-hover {
	display: none;
	height: 63px;
	position: absolute;
	width: 100%;
}

.link1 {
	background: #000 top left no-repeat url('images/home.gif');
	height: 11px;
	width: 42px;
}

.link2 {
	background: #000 top left no-repeat url('images/about.gif');
	height: 11px;
	width: 65px;
}

.link3 {
	background: #000 top left no-repeat url('images/showcase.gif');
	height: 11px;
	width: 70px;
}

.link4 {
	background: #000 top left no-repeat url('images/contact.gif');
	height: 11px;
	width: 76px;
}

#no-script, #not-found {
	background: #bdbdbd repeat-x url('images/room-bg.png');	
	border-top: 2px solid #444; 
	border-bottom: 2px solid #444; 
	height: 504px; 
	position: absolute; 
	width: 100%; 
	z-index: 1000;
}

#no-script-inner {
	background: transparent bottom center no-repeat url('images/noscript.gif'); 
	height: 504px; 
	width: 100%;
}

#not-found-inner {
	background: transparent bottom center no-repeat url('images/404.gif'); 
	height: 504px; 
	width: 100%;
}

.stripViewer { 
	background: #bdbdbd repeat-x url('images/room-bg.png');
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;
	height: 500px;
	overflow: hidden;
	position: relative;
	width: 0px;
}

.stripViewer .panelContainer {
	background: transparent;
	position: relative;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {
	background: transparent;
	float: left;
	height: 500px;
	position: relative;
	width: 0px;
}

.stripViewer .panelContainer .room-style {
	background: transparent;
	height: 500px;
	margin: 0 auto;
	width: 784px;
}

/*#content {
	background: #bdbdbd repeat-x url('images/room-bg.png');
	border-top: 2px solid #888;
	border-bottom: 2px solid #888;
	height: 500px;
	position: relative;
	width: 100%;
}

#content .room-style {
	background: transparent;
	height: 500px;
	margin: 0 auto;
	width: 784px;
}

#content .room-style .room-inner {
	padding: 0px;
}*/

#footer {
	background: #000;
	color: #444;
	font: normal 11px Arial;
	margin: 10px auto;
	text-align: center;
	width: 784px;
}

#footer div {
	text-align: center;
}

.clr {
	clear: both;
}

.trigger {
	position: relative;
}

.popup {
 	background: #000;
 	color: #fff;
 	font: normal 11px Arial;
 	left: 0;
 	padding: 10px;
 	position: absolute;
 	top: 0;
 	display: none;
 	z-index: 500;
}

.poptitle {
	background: transparent;
 	color: #fff;
 	display: none;
 	font: normal 11px Arial;
 	margin: 0 0 0 1px;
 	position: absolute;
 	text-align: center;
	width: 64px;
 	z-index: 50;
}

.poptitle .poptitle-inner {
 	background: #000;
	padding: 3px;
}


.poptitle .bubble-top {
	background: transparent top left no-repeat url('images/bubble-top.gif');
	height: 8px;
	width: 64px;
}

.poptitle .bubble-btm {
	background: transparent top left no-repeat url('images/bubble-btm.gif');
	height: 15px;
	width: 64px;
}

#chatbox {
	display: none;
	height: 272px; 
	margin: 0 0 0 133px; 
	position: absolute; 
	top: 238px; 
	width: 518px; 
	z-index: 600;
}

#chatclosebox {
	position: absolute; 
	z-index: 700;
}

#chatinputbox {
	left: 19px; 
	position: absolute; 
	top: 190px;
}

#chatboxbg {
	background: transparent top left no-repeat url('images/chat-bg.png'); 
	height: 272px; 
	width: 518px; 
}

#chathead {
	background: transparent;
	color: #fff; 
	height: 35px; 
	margin: 8px 9px 0px 9px;
	text-align: right; 
	width: 500px;
}

#chathead .closeme {
	margin: 13px 10px 0 0;
}

#chathead h3 {
	font: bold 14px Arial;
	margin: 0;
}

#chathead a, chathead a:visited {
	border: 0;
	color: #fff;
	float: right;
	text-decoration: none;
}

#chatwindow {
	padding: 0px 19px 0px 19px;
	position: relative;
}

#chatwindow-message {
	background: transparent;
	height: 140px;
	margin: 43px 0 10px 0; 
	overflow: hidden;
	position: relative;
	width: 480px;
}

#chatwindow-message-inner {
	font: normal 12px Arial; 
	padding: 0px;
	text-align: left;
}

#chatwindow-message-inner a, #chatwindow-message-inner a:visited {
	color: #1A7793;
	font-weight: bold;
}

#chatwindow-message-inner a:hover {
	color: #23A1C7;
}

#chatinput-box {
	float: left; 
}

#chatinput {
	background: #eee;
	border: 2px solid #02636c;
	/*font: normal 14px Arial; */
	margin: 0 10px 0 0; 
	width: 404px;
}

#chatsend {
	float: left; 
	height: 22px;
	margin: 0 0 5px 0;
	width: 60px;
}

#chatsend input {
	background: transparent;
	border: 0;
	height: 22px;
	width: 60px;
}

.chatsend1 {
	background: transparent top left no-repeat url('images/send1.png');
}

.chatsend2 {
	background: transparent top left no-repeat url('images/send2.png');
}

#chatstatus {
	background: transparent center left no-repeat url('images/pen.png');
	color: #fff;
	display: none;
	float: left;
	height: 20px;
	margin: 30px 0 0 0;
	width: 215px;
}

#chatstatus-inner {
	padding: 5px 0 0 25px;
}

#chatcontrols {
	background: transparent;
	float: right;
	height: 27px;
	margin: 30px 0 0 0;
	position: relative;
	text-align: right;
	width: 200px;
}

#chatcontrols a:hover {
	cursor: pointer;
}

#chatcontrols img {
	margin: 0 0 0 15px;
}

#chatcontrols .cc-hover {
	background: #1A7793; 
	color: #fff; 
	display: none; 
	left: 0px; 
	padding: 4px;
	position: absolute; 
	top: 0px;
}

#chatbox .chatfocus {
	border: 2px solid #039CAA;
}

#chatbox .newmsg {
	margin: 0;
	padding: 2px 5px 2px 5px;
}

.firstmsg {
	margin: 0;
	padding: 5px 5px 2px 5px;
}

#chatbox .usermsg {
	color: #155141;
}

.chatmsg {
	background: #45B9D9;
	margin: 8px 0 0 0;
	padding: 8px;
}

.extra-pad {	
	display: block;
	margin: 8px 0 0 0;
}


/***************************************** INTRO ****************************************************/

/*#loader {
	background: #000;
	color: #fff;
	font: bold 30px Arial;
	height: 500px;
	margin: 2px auto 0 auto;
	opacity: 1;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 300;
}

#fade {
	background: #fff;
	height: 500px;
	margin: 2px 0 0 0;
	opacity: 1;
	position: absolute;
	width: 100%;
	z-index: 100;
}

#door {
	background: transparent;
	color: #fff;
	font: bold 30px Arial;
	height: 500px;
	margin: 2px auto 0 auto;
	opacity: 1;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 200;
}

#door-inner {
	background: transparent;
	height: 100%;
	position: relative;
	width: 100%;
}

#door-left {
	background: #aaa;
	float: left;
	height: 100%;
	position: relative;
	width: 50%;
}

#door-right {
	background: #bbb;
	float: right;
	height: 100%;
	position: relative;
	width: 50%;
}*/


/**************************************** ROOM ONE **************************************************/

#room-uno, #room-dos, #room-tres, #room-cuatro {
	height: 500px;
	position: relative;
}

#new-room-bg {
	background: #000; 
	display: none;
	height: 370px; 
	left: 0px; 
	position: absolute; 
	width: 100%; 
	z-index: 1;
}

#receptionist {
	background: transparent top left no-repeat url('images/receptionist.png'); 
	height: 107px; 
	margin: 144px 0 0 325px;
	position: absolute; 
	width: 117px; 
	z-index: 100;
}

#receptionist:hover, #stv-btn:hover {
	cursor: pointer;
}

#r1 {
	background: transparent top left no-repeat url('images/roof-1.png'); 
	height: 55px;
	margin: 4px 0 0 -11px; 
	position: absolute; 
	width: 11px;
	z-index: 1;
}

#r2 {
	background: transparent top left no-repeat url('images/roof-2.png'); 
	height: 59px;
	position: relative;
	width: 784px; 
	z-index: 2;
}

#r2-inner {
	color: #efefef;
	font: bold 20px Trebuchet MS;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: center;
}

/*
#r2-inner {
	color: #efefef;
	font: bold 24px Trebuchet MS;
	padding: 0 0 0 0;
	width: 784px;
}

@media all and (min-width: 0px)
{
	body #r2-inner { padding-left: 360px; }
}
*/

#t_0 {
	background: transparent top left no-repeat url('images/0.png');
	height: 15px;
	width: 10px;
}

#t_1 {
	background: transparent top left no-repeat url('images/1.png');
	height: 15px;
	width: 7px;
}

#t_2 {
	background: transparent top left no-repeat url('images/2.png');
	height: 15px;
	width: 11px;
}

#t_3 {
	background: transparent top left no-repeat url('images/3.png');
	height: 15px;
	width: 11px;
}

#t_4 {
	background: transparent top left no-repeat url('images/4.png');
	height: 15px;
	width: 11px;
}

#t_5 {
	background: transparent top left no-repeat url('images/5.png');
	height: 15px;
	width: 11px;
}

#t_6 {
	background: transparent top left no-repeat url('images/6.png');
	height: 15px;
	width: 11px;
}

#t_7 {
	background: transparent top left no-repeat url('images/7.png');
	height: 15px;
	width: 11px;
}

#t_8 {
	background: transparent top left no-repeat url('images/8.png');
	height: 15px;
	width: 11px;
}

#t_9 {
	background: transparent top left no-repeat url('images/9.png');
	height: 15px;
	width: 11px;
}

#t_blank {
	background: none;
	height: 11px;
	width: 5px;
}

#t_blank_2 {
	background: none;
	height: 11px;
	width: 1px;
}

#t_dot {
	background: transparent top left no-repeat url('images/dot.png');
	height: 11px;
	margin: 2px 2px 0 2px;
	width: 5px;
}

#t_am {
	background: transparent top left no-repeat url('images/am.png');
	height: 11px;
	margin: 4px 0 0 8px;
	width: 23px;
}

#t_pm {
	background: transparent top left no-repeat url('images/pm.png');
	height: 11px;
	margin: 4px 0 0 8px;  
	width: 23px;
}

.t_in {
	float: left;
	margin: 0 1px 0 1px;
}

#t_box {
	height: 15px;
	margin: 0px auto;
	padding: 9px 0 0 6px;
	text-align: center;
	width: 100px;
}

#r3 {
	background: transparent top right no-repeat url('images/roof-3.png'); 
	height: 55px;
	margin: -55px 0 0 784px; 
	position: absolute; 
	width: 11px;
	z-index: 1;
}

#w1 {
	background: transparent top left no-repeat url('images/window-1.png'); 
	height: 186px;
	margin: 0px 0 0 -6px; 
	position: absolute; 
	width: 7px;
	z-index: 3;
}

#w2 {
	background: transparent top left no-repeat url('images/window-2.png'); 
	height: 186px;
	position: relative; 
	width: 784px; 
	z-index: 4;
}

#w2-view {
	background: transparent top left no-repeat url('images/view.jpg');
	color: #f2f2f2;
	height: 167px;
	font: bold 20px Trebuchet MS,Arial;
	margin: 10px 0 0 3px;
	position: absolute;
	text-align: center;
	width: 778px;
	z-index: 5; 
}

.w2-view-night {
	background: transparent top left no-repeat url('images/view2.jpg');
	display: none;
	height: 167px;
	width: 778px;
	z-index: 5; 
}

#w2-bars {
	background: transparent top left no-repeat url('images/window-bars.png');
	color: #000;
	height: 168px;
	font: bold 20px Trebuchet MS,Arial;
	margin: 10px 0 0 3px;
	position: absolute;
	width: 778px;
	z-index: 6; 
}

#w3 {
	background: transparent top left no-repeat url('images/window-3.png'); 
	height: 186px;
	margin: -186px 0 0 784px; 
	position: absolute; 
	width: 6px;
	z-index: 3;
}

/*#objects {
	background: transparent top center no-repeat url('images/table-objects.png'); 
	height: 112px;
	margin: -105px 0 0 170px;
	position: relative; 
	width: 450px; 
	z-index: 7;	
}*/

#objects {
	background: transparent top center no-repeat url('images/table-objects.png'); 
	height: 105px;
	margin: -98px 0 0 170px;
	position: relative; 
	width: 436px; 
	z-index: 7;	
}

#t {
	background: transparent top left repeat-x url('images/table-bg.jpg'); 
	height: 261px;
	position: relative; 
	width: 784px; 
}

#t-logo {
	background: transparent top left no-repeat url('images/table-logo.png');
	height: 102px;
	margin: 50px auto;
	width: 298px;
}

#c1 {
	background: transparent top left no-repeat url('images/chair-left-2.png');
	height: 280px;
	margin: -291px 0 0 -109px;
	position: absolute;
	width: 109px;
	z-index: 8;
}

#c2 {
	bottom: 0px;
	height: 280px;
	position: absolute;
	width: 784px;
	z-index: 9;
}

#c2-l {
	background: transparent top left no-repeat url('images/chair-left-1.png');
	float: left;
	height: 280px;
	width: 168px;
}

#c2-r {
	background: transparent top left no-repeat url('images/chair-right-1.png');
	float: right;
	height: 280px;
	width: 168px;
}

#c3 {
	background: transparent top left no-repeat url('images/chair-right-2.png');
	height: 280px;
	margin: -291px 0 0 784px;
	position: absolute;
	width: 109px;
	z-index: 8;
}


/**************************************** ROOM TWO **************************************************/

#p1 {
	background: transparent top left no-repeat url('images/screen-left.png'); 
	height: 356px;
	margin: 7px 0 0 -6px; 
	position: absolute; 
	width: 6px;
	z-index: 1;
}

#p2 {
	background: transparent top left no-repeat url('images/screen-mid.png');  
	height: 367px;
	top: 7px;
	position: relative;
	width: 784px; 
	z-index: 2;
}

#p2-inner {
	background: #888;
	color: #efefef;
	font: bold 20px Trebuchet MS;
	height: 308px;
	margin: 23px 0 0 17px;
	position: relative;
	width: 750px;
	z-index: 2;
}

#p-bg {
	background: transparent top left no-repeat url('images/plasma-bg.jpg'); 
	color: #fff; 
	font: bold 16px Arial; 
	height: 309px; 
	overflow: hidden;
	position: relative;
	width: 750px;
}

#fl1 {
	left: 73px;
	top: 267px;
}

#fl2 {
	left: 44px;
	top: 126px;
}

#fl3 {
	left: 342px;
	top: 125px;
}

#fl4 {
	left: 146px;
	top: 164px;
}

#fl5 {
	left: 189px;
	top: 244px;
}

#fl6 {
	left: 465px;
	top: 55px;
}

#fl7 {
	left: 429px;
	top: 208px;
}

#fl8 {
	left: 575px;
	top: 255px;
}

#p-txt-1 {
	background: transparent top left no-repeat url('images/p-txt-1.jpg');
	display: block;
	height: 40px;
	left: 39px;
	position: absolute;
	top: 142px;
	width: 672px;
	z-index: 15;
}

#p-txt-1-u {
	background: transparent top left no-repeat url('images/p-txt-1-u.jpg');
	display: none;
	float: right;
	height: 7px;
	margin: 24px 0 0 0;
}

#p-txt-2 {
	background: transparent top left no-repeat url('images/p-txt-2.jpg');
	display: none;
	height: 176px;
	left: 30px;
	position: absolute;
	top: 66px;
	z-index: 15;
}

#p-txt-3 {
	background: transparent top left no-repeat url('images/p-txt-3.jpg');
	display: none;
	height: 176px;
	left: 30px;
	position: absolute;
	top: 66px;
	z-index: 15;
}

#p-txt-4 {
	background: transparent top left no-repeat url('images/p-txt-4.jpg');
	display: none;
	height: 176px;
	left: 30px;
	position: absolute;
	top: 66px;
	z-index: 15;
}

#p-txt-5 {
	background: transparent top left no-repeat url('images/p-txt-5.jpg');
	display: none;
	height: 176px;
	left: 30px;
	position: absolute;
	top: 66px;
	z-index: 15;
}

#p-txt-6 {
	background: transparent top left no-repeat url('images/p-txt-6.jpg');
	display: none;
	height: 25px;
	left: 71px;
	position: absolute;
	top: 142px;
	width: 604px;
	z-index: 10;
}

.p-dark-bg {
	background: transparent top left no-repeat url('images/plasma-dark-bg.jpg');
	height: 176px;
	left: 30px;
	position: absolute;
	top: 66px;
	width: 690px;
	z-index: 5;
}

.fl {
	background: transparent top left no-repeat url('images/flashing-light.png');
	height: 12px;
	position: absolute;
	width: 12px;
	z-index: 15;
}

#p3 {
	background: transparent top left no-repeat url('images/screen-right.png');  
	height: 356px;
	margin: -360px 0 0 784px; 
	position: absolute; 
	width: 6px;
	z-index: 1;
}

#mc1 {
	background: transparent top left no-repeat url('images/dos/chair-left-2.png');
	bottom: 0px;
	height: 290px;
	margin: 0 0 0 -120px;
	position: absolute;
	width: 120px;
	z-index: 3;
}

#mc2 {
	bottom: 0px;
	position: absolute;
	width: 784px;
	z-index: 4;
}

#mc2-l {
	background: transparent top left no-repeat url('images/dos/chair-left-1.png');
	float: left;
	height: 200px;
	width: 245px;
}

#mc2-r {
	background: transparent top left no-repeat url('images/dos/chair-right-1.png');
	float: right;
	height: 200px;
	width: 245px;
}

#mc3 {
	background: transparent top left no-repeat url('images/dos/chair-right-2.png');
	bottom: 0px;
	height: 290px;
	margin: 0 0 0 784px;
	position: absolute;
	width: 120px;
	z-index: 3;
}

#mod-table {
	background: transparent top center no-repeat url('images/dos/table.png');
	bottom: 0px;
	height: 217px;
	margin: 0 0 0 165px;
	position: absolute;
	width: 451px;
	z-index: 5;
}

#lights {
	background: top center no-repeat url('images/dos/lights.png');
	height: 236px;
	position: absolute;
	top: 0px;
	width: 784px;
	z-index: 6;
}


/**************************************** ROOM THREE **************************************************/

#tv1 {
	background: transparent top left no-repeat url('images/tres/tv-left.png'); 
	height: 484px;
	margin: 0px 0 0 -129px; 
	position: absolute; 
	width: 129px;
	z-index: 1;
}

#tv2 {
	background: transparent top left no-repeat url('images/tres/tv-mid.png');  
	height: 475px;
	top: 0px;
	position: relative;
	width: 784px; 
	z-index: 2;
}

#tv2-inner {
	background: #000;
	color: #efefef;
	height: 293px;
	margin: 36px 3px 36px 3px;
	width: 778px;
}

#tv2-inner-content {
	background: transparent top left no-repeat url('images/tres/tv-screen-off.png');
	height: 290px;
	margin: 2px;
	position: relative;
	width: 774px;
}

#tv2-screen {
	background: transparent top left no-repeat url('images/tres/tv-screen-on.jpg');
	height: 290px;
	width: 774px;
}

#tv2-screen-inner {
	background: transparent top left no-repeat url('images/tres/tv-screen-bg.jpg');
	height: 262px;
	margin: 14px;
	position: relative;
	width: 746px;
}

#tv2-screen-content {
	font: bold 20px Arial;
	height: 218px;
	margin: 22px;
	position: relative;
	width: 702px;
}

#tv2-screen-content #tv2-welcome {
	margin: 90px auto; 
	text-align: center;
}

#tv2-screen-content #tv2-loader {
	background: transparent center no-repeat url('images/loader.gif');
	display: none;
	height: 48px;
	left: 327px;
	position: absolute;
	top: 85px;
	width: 48px;
	z-index: 8;
}

#tv2-screen-content-inner {
	padding: 20px;
	position: relative;
	z-index: 500;
}

#tv2-screen-content-inner img {
	border: 0;
}

#tv2-cover-left {
	background: transparent top left no-repeat url('images/tres/tv-cover-left.png');
	float: left;
	height: 290px;
	left: 0;
	position: absolute;
	top: 0;
	width: 385px;
}

#tv2-cover-right {
	background: transparent top right no-repeat url('images/tres/tv-cover-right.png');
	height: 290px;
	position: absolute;
	right: 0;
	top: 0;
	width: 389px;
}

#tv3 {
	background: transparent top left no-repeat url('images/tres/tv-right.png');  
	height: 484px;
	margin: -475px 0 0 784px; 
	position: absolute; 
	width: 129px;
	z-index: 1;
}

#ts-left {
	background: transparent bottom center no-repeat url('images/tres/ts-left.png');
	bottom: 0;
	height: 222px;
	margin: 0px 0 0 -112px; 
	position: absolute;
	width: 112px;
	z-index: 3;
}

#ts-mid {
	background: transparent bottom center no-repeat url('images/tres/ts-mid.png');
	bottom: 0;
	height: 214px;
	position: absolute;
	width: 784px;
	z-index: 3;
}

#ts-right {
	background: transparent bottom center no-repeat url('images/tres/ts-right.png');
	bottom: 0;
	height: 221px;
	margin: -212px 0 0 784px; 
	position: absolute;
	width: 120px;
	z-index: 3;
}

#stv-box {
	bottom: 0;
	height: 181px;
	margin: 0 0 0 165px; 
	position: absolute;
	width: 478px;
	z-index: 10;	
}

#stv {
	background: transparent bottom center no-repeat url('images/tres/tv-small.png');
	height: 181px;
	width: 478px;
}

#stv-screen {
	float: left;
	height: 166px;
	left: 39px;
	top: 15px;
	/*margin: 15px 0 0 30px;*/
	position: relative;
	width: 400px;
}

.screenon {
	background: transparent top left no-repeat url('images/tres/stv-screen-on.png');
}

.screenoff {
	background: transparent top left no-repeat url('images/tres/stv-screen-on.png');
}

#sc-box-1, #sc-box-2 {
	width: 390px;
}

.sc-screen {
	float: left;
	height: 178px;
	text-align: center;
	width: 273px;
}

.sc-info {
	float: left;
	font: normal 11px Arial;
	height: 178px;
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 368px;
}

.sc-info img {
	margin: 0 0 0 0;
	padding: 0;
}

.sc-info p {
	margin: 8px 0 8px 0;
}

.sc-info h2 {
	color: #aabdbb;
	font: bold 16px Arial;
	margin: 0 0 4px 0;
}

#stv-side {
	background: none;
	height: 181px;
	position: absolute;
	right: 0px;
	width: 39px;
	z-index: 500;
}

#stv-light {
	background: transparent top left no-repeat url('images/tres/tv-light-off.png');
	height: 19px;
	margin: 33px 0 0 9px;
	width: 19px;
}

.lighton {
	background: transparent top left no-repeat url('images/tres/tv-light-on.png');
	height: 19px;
	width: 19px;
}

.lightoff {
	background: none;
}

#stv-btn {
	height: 14px;
	margin: 109px 0 0 4px;
	width: 32px;
}

.btnlighton {
	background: transparent top left no-repeat url('images/tres/tv-on.png');
}

.btnlightoff {
	background: transparent top left no-repeat url('images/tres/tv-off.png');
}

#stv-content #sc-nav-box {
	height: 37px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 399px;
}

#stv-content #sc-nav-links {
	background: transparent top left no-repeat url('images/tres/stv-nav-bar.gif');
	height: 29px;
	left: 4px;
	position: relative;
	top: 4px;
	width: 391px;
}

#stv-content #sc-nav-bar {
	height: 29px;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	width: 399px;
	z-index: 500;
}

#stv-content ul#sc-nav-bar li {
	float: left;
	list-style-type: none;
	padding: 10px;
}

#stv-content ul#sc-nav-bar li h3 {
	font: bold 14px Arial;
	margin: 0;
}

#stv-content ul#sc-nav-bar li h3 a, #stv-content ul#sc-nav-bar li h3 a:visited {
	color: #eee;
	text-decoration: none;
}

#stv-content ul#sc-nav-bar li h3 a:hover {
	color: #57e7fd;
	text-decoration: none;
}

#stv-content ul#sc-nav-bar li.ui-tabs-selected a, #stv-content ul#sc-nav-bar li.ui-tabs-selected a:visited {
	color: #57e7fd;
	text-decoration: none;
}

/*#stv-content ul#sc-nav-bar li.sc-first h3 {
	color: #eee;
	padding-left: 22px;
}*/	

#stv-content ul#sc-nav-bar li.sc-first {
	padding-left: 142px;
}	

#stv-content ul#sc-nav-bar li.sc-second {
	padding-left: 13px;
}	

.ui-tabs-active { color: #57e7fd; }	
.ui-tabs-hide { display: none; }


