/*
COLORS:
003333 - Background Green
336666 - Grey/Green
006666 - Blue/Green
CCCCCC - Light Grey
*/

html,body { height: 100%;} 
body		{background-color:#003333; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#000000;}
#header		{margin-left:auto; margin-right:auto; width:799px; /*height:394px;*/ height:409px; background-image: url(images/head_pic_logo.jpg); background-repeat:no-repeat; background-position:bottom left; color:#FFFFFF;}
#header .banner { margin-left:198px;}
#header .banner_home { margin-left:198px; background-image:url(images/head_pic_home.jpg);}
#footer		{margin-left:auto; margin-right:auto; color:#FFFFFF; padding-top:20px; width:799px; height:100px; text-align:center; background-image:url(images/foot.jpg); background-repeat:no-repeat; background-position:top; clear:both;}
#container	{margin-left:auto; margin-right:auto; padding-top:10px; width:799px; background-image:url(images/fill.jpg);}
#main		{margin-left:30px; width:769px; height:100%;}
#main_mc	{width:740px; margin-top:10px; }
#main_nav	{margin-left:auto; margin-right:auto; /* padding-top:10px; */ width:799px; background:url(images/fill.jpg);}
#main_nav .bg { margin-left:auto; margin-right:auto; padding:0px 1px 0px 0px; width:754px; height:50px; background: #ffffee url(images/background.png) repeat-x top center; }
#main_nav table {border:none;}
/*#main_nav ul {margin: 0 0 0 22px;}*/
#main_nav ul {margin: 0 0 0 0px;}
#main_nav ul.one { padding: 22px 22px 0px 0px; /* 50 - 28 */}

#flash { margin-left:-10px; margin-top:0px; background-image:url(images/head_pic_home.jpg);}

#cfull {/*width:500px;*/ margin-left:auto; margin-right:auto; /*border:#006666 medium double;*/ padding:5px;}

.textimg {margin-right:10px;}

ul.one li {
	background: url(images/utm_li.png) no-repeat top right;
	display: block;
	float: left;
	/*padding: 0 5px 0 0;*/ /* width of utm_li */
	padding:  0 2px 0 0;
	height: 28px; /* height of 1 unit */
	width: auto;
	}

ul.one li a:link,ul.one li a:visited {
	background: url(images/utm_a.png) no-repeat left 0;
	color: #000;
	display: block;
	font: 12px "Trebuchet MS",verdana,sans-serif;
	text-decoration: none;
	padding: 0;
	height: 28px;
	}

ul.one li a:link span,ul.one li a:visited span {
	background: url(images/utm_span.png) no-repeat right 0;
	display: block;
	padding: 5px 16px 0 22px;
	height: 21px;
	}

/*&&>> Hover <<&&*/

ul.one li a:hover {
	background-position: left -56px;
	}

ul.one li a:hover span {
	background-position: right -56px;
	cursor: pointer;
	}

/*&&>> Current State <<&&*/

.home .one .home, .about .one .about, .services .one .services, .faq .one .faq, .prices .one .prices, .contact .one .contact, .order .one .order {
	background-position: left -28px !important;
	}

.home .one .home span, .about .one .about span, .services .one .services span, .faq .one .faq span, .prices .one .prices span, .contact .one .contact span, .order .one .order span {
	background-position: right -28px !important;
	}

/*&&>> IE <<&&*/

* html ul li a {
	width: 1px;
	}

/*&&>> IE5 Mac Hack <<&&*/
/*\*//*/
.menu ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
	}
.menu ul {
	padding-bottom: 0;
	margin-bottom: -1px;
	}
/**/
#main_lc	{width:190px; float:left; margin-right:10px; /*border-right:#003333 thin solid;*/}
#main_rc	{ margin-right:3px; margin-top:-15px; padding-left:5px; float:right;}
.boxtop		{width:188px; background-color:#336666; height:15px; margin-top:18px; padding-top:4px; text-align: center; font-size: 12px; font-weight: bold; color: #FFFFFF; font-family: Verdana, Arial, Helvetica;}
.box		{width:178px; /*background-color:#E8E4FD;*/ padding:4px; padding-bottom:10px; margin-bottom:10px; font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica; border: 1px solid #336666;  line-height: 14px; }
.hottop		{width:188px; background-color:#006666; height:15px; margin-top:18px; padding-top:4px; text-align: center; font-size: 12px; font-weight: bold; color: #FFFF33; font-family: Verdana, Arial, Helvetica;}
.hot		{width:178px; background-color:#006666; padding:4px; padding-bottom:10px; margin-bottom:10px; font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica; border: 1px solid #006666;  line-height: 14px; }
.cdiv_blank		{ margin:0 25px 10px 0; padding:0px; }

/*#global {font-size:10px; text-align:center; margin-top:5px; /*height:94px; height:110px;}*/

#global {font-size:10px; margin-top:5px; /*height:94px;*/ height:110px; margin-left:-90px;}

img {border:#003333 solid thin;}

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

a.aux:link { font-size:12px; color:#FFFFFF;}
a.aux:visited { font-size:12px; color:#FFFFFF;}
a.aux:hover { font-size:12px; color:#FFFFFF; text-decoration:underline;}
a.aux:active { font-size:12px; color:#FFFFFF;}

h1       { color: #003333; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; font-variant: small-caps; /*border-bottom: 1px solid #000000; width:500px;*/ }
h2       { font-size: 12pt; font-weight:bold; color:#000000;}
h3       { font-size: 10pt; font-weight:bold; color:#003333; }
h4       { font-size: 10pt; font-weight:bold; color:#000000; }
h5       { font-size: 14pt; font-weight:bold; color:#003333; }

/*p		{line-height: 120%;}*/
.blue       { font-size: 10pt; font-weight:bold; color:#00A3C8; }
.red { color: #CC0000; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; font-weight:bold; font-variant: small-caps; }

.small { font-size:9px;}
.small_wh { font-size:9px; color:#FFFFFF;}
.small_gr { font-size:9px; color:#666666;}

ul { line-height: 120%; list-style-position:inside;}

ul.nav { list-style-type:square; color:#FFFFFF; padding:0; margin:14px; list-style-position:outside;}
ul.nav li { margin-bottom:5px;}
ul.nav a:link {color:#FFFFFF; text-decoration:underline;}
ul.nav a:visited {color:#FFFFFF; text-decoration:underline;}
ul.nav a:hover {text-decoration:none;}
ul.nav a:active {color:#FFFFFF; text-decoration:underline;}

ul.avd {color:#FFFFFF; padding:0; margin:0px 0px 0px 20px; list-style-position:outside;}
ul.avd li { margin-bottom:5px;}
ul.avd a:link {color:#FFFFFF; text-decoration:underline;}
ul.avd a:visited {color:#FFFFFF; text-decoration:underline;}
ul.avd a:hover {color:#FFFFFF; text-decoration:none;}
ul.avd a:active {color:#FFFFFF; text-decoration:underline;}

ol {line-height: 140%; list-style-position:inside;}

hr {width:75%;}
hr.spacer {width:75%; color:#FFFFFF; background-color:#FFFFFF; clear:both;}

table {border:#003333 thin solid;}
td.header {background-color:#003333; font-size:110%; color:#FFFFFF; font-weight:bold; text-align:center;}
#pricelist td { border:#336666 thin dashed;}

.menu {
/*width: 14em;  total menu width */
width: 188px; /* total menu width */
background: #fff;
margin-top:10px;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu a, .menu h2 {
font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
/*font: bold 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;*/
/*font: bold 0.7em/1.4em arial, helvetica, sans-serif;*/
display: block;
border-width: 1px;
border-style: solid;
margin: 0;
padding: 2px 3px;
/*width: 18em;*/
width:180px;
}

.menu h2 {
color: #FFFF33;
background: #003333;
border-color: #003333;
text-transform: uppercase;
text-align:center;
font-weight:bold;
font-size:14px;
padding:5px 3px 5px 3px;
line-height:14px;
}

.menu a {
color: #fff;
background: #006666;
border-color: #003333;
text-decoration: none;
}

.menu a:hover {
color: #ccc;
background: #006666;
}
/*END OF STAGE 1*/
.menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}
.menu li {position: relative;}

.menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
/*END OF STAGE 2*/
div.menu ul ul ul 
{display: none;}

div.menu ul ul li:hover ul 
{display: block;}

div.menu ul ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul ul li:hover ul 
{display: block;}

div.menu ul ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}

.menu ul li { float: left; width: 100%; /*width: 13em;*/ }
.menu ul li a {height: 1%; /*width: 100%;*/line-height: 20px;}
.menu li a.node {background:#006666 url(/images/plus.gif) no-repeat bottom right;}
.menu li a.node:hover {background:#006666 url(/images/minus.gif) no-repeat bottom right;}

#stock_exchange td {border:thin #006666 solid;}
/*#stock_exchange img {border:none;}*/

table.banks {
	border-width: medium medium medium medium;
	border-spacing: 2px;
	border-style: double double double double;
	border-color: green green green green;
	border-collapse: collapse;
	background-color: white;
	font-size:10px;
}
table.banks th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.banks td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
div.audiobox {
	width:525px;
	min-height:110px;
	margin:0px 0px 5px 200px;
}
.at300b {
	margin:2px;
}