html, body {
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 border: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 13px;
 color: #655849;
 background-image: url(../_interface/bg-site.png);
 background-position: top-left;
 background-repeat: no-repeat;
 text-align: left;
}

a:link {color: #655849; text-decoration: none;}
a:visited {color: #655849; text-decoration: none;}
a:active {color: #655849; text-decoration: none;}
a:hover {color: #655849; text-decoration: underline;}

a.blueLink:link {color: #67c7c5; text-decoration: none;}
a.blueLink:visited {color: #67c7c5; text-decoration: none;}
a.blueLink:active {color: #67c7c5; text-decoration: none;}
a.blueLink:hover {color: #67c7c5; text-decoration: underline;}

a.greenLink:link {color: #c1cc23; text-decoration: none;}
a.greenLink:visited {color: #c1cc23; text-decoration: none;}
a.greenLink:active {color: #c1cc23; text-decoration: none;}
a.greenLink:hover {color: #c1cc23; text-decoration: underline;}

h1 {
 color: #c1cc23;
 font-size: 14px;
 font-weight: 700;
 margin-bottom: 4px;
}

h2 {
 color: #655849;
 font-size: 12px;
 font-weight: 700;
 margin-top: 0px;
 margin-bottom: 4px;
}

h3 {
 color: #655849;
 font-size: 8pt;
 font-weight: 700;
 margin-top: 0px;
 margin-bottom: 4px;
}

p {
 margin-top: 10px;
 margin-bottom: 10px;
}

ul {
 margin-top: 0;
 margin-left: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-left: 15px;
 padding-bottom: 0;
}

li {line-height: 18px;}

#leftcolourbars {
 position: absolute;
 top: 0px; 
 left: 0px;
 width: 30px;
 height: 623px;
}

#luxlogo {
 position: absolute;
 top: 28px; 
 left: 70px;
 width: 158px;
 height: 114px;
 z-index: 100;
}

#menu {
 position: absolute;
 top: 0px; 
 left: 112px;
 width: 200px;
 height: 136px;
 z-index: 1;
}

#rant {
 position: absolute;
 top: 0px; 
 left: 686px;
 width: 241px;
 height: 136px;
}

#clientlogin {
 float: left;
}

#rant {
 float: left;
}

#tower {
 position: absolute;
 top: 145px; 
 left: 28px;
 width: 885px;
 height: 481px;
}

#browntitle {
 position: absolute;
 top: 167px; 
 left: 28px;
 /*
 width: auto;
 height: 84px;
 */
}

#htmlcontent {
 position: absolute;
 top: 257px; 
 left: 69px;
 width: 380px;
 height: 319px;
 background-color: #fff;
}

.newsletterInput {
 margin-top: 4px;
 margin-bottom: 6px;
 padding: 0px;
 background-color: #fff;
 border-color: #67c7c5;
 border-style: solid;
 border-width: 1px;
 width: 150px;
 height: 12px;
 font-size: 10px;
 color: #655849;
}

.newsletterSubmit {
 margin: 0px;
 padding-top: 2px;
 padding-left: 8px;
 padding-right: 8px;
 padding-bottom: 2px;
 background-color: #67c7c5;
 border-color: #67c7c5;
 border-style: solid;
 border-width: 0px;
 font-size: 9px;
 font-weight: 700;
 color: #fff;
}

#minitower {
 position: absolute;
 top: 468px; 
 left: 467px;
 width: 399px;
 height: 158px;
}

#rightcolourbars {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 66px;
 height: 100%;
 background-image: url(../_interface/bg_rightcolourbars.gif);
 background-repeat: repeat-y;
}


/****START FANCY SCROLL BAR CLASSES********************************************************/

.root {
 position: relative;
 height: 282px;
 width: 357px;
 margin: 0px 0px 0px 0px;
 background-position:right;
 background-repeat:repeat-y;
}

.root ul 	{
 margin-bottom: 0px;
 padding-bottom: 0px;
}

.root li 	{
 line-height: 13px;
}

.thumb 		{
 position: absolute;
 height: 14px;
 width: 14px;
 left: 0px;
 cursor: pointer;
}

.up, .dn {
 position: absolute;
 left: 0px;
}

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
 border:			0;
}

/****END FANCY SCROLL BAR CLASSES**********************************************************/



