* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body 
{
	background-color: #666;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000;
}
html>body
{
}
a
{
	color: #990000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}
ul
{
	list-style: none none;
	margin: 0px;
}
li
{
}
p
{
}

h1 {
}

h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
	margin-bottom: 10px;
	}

img
{
	border: none;
}
#container
{
    margin: 0 auto;
	width: 998px;
	background-color: #333;
	position: relative;
    height: 695px;
}

#mainDiv
{
    margin: 0 auto;
    top: 9px;
    left: 0px;
	width: 998px;
	padding: 0px 9px 0px 9px;
	background-image: url(/images/ui_cw/bak_huge_sketched2.png);
	/*background-position: 0px -760px;*/
	background-position: 0px -520px;
	background-repeat: repeat-y;
	position: relative;
    height: 686px; /* For IE */
	text-align: left;
}
html>body #mainDiv
{
    width: 980px;
}
#topBorder
{
	float: left;
	width: 980px;
	height: 9px;
	background-color: #fff;
	background-image: url(/images/ui_cw/top_bak.png);
	background-repeat: repeat-x;
}
html>body #topBorder
{
	margin-bottom: 0px;
}
#splashFlash
{
	width: 980px;
	height: 686px;
	position: absolute;
	top: 0px;
	left: 9px;
	z-index: 999;
	display: block;
}

#leftArea
{
	width: 490px;
	height: auto;
	float: left;
}
#rightArea
{
	width: 490px;
	height: auto;
	float: right;
	padding: 1px 1px 0px 0px;
}
html>body #rightArea
{
	width: 489px;
}
#rightArea div.leftCol
{
	width: 188px;
	height: auto;
	float: right;
}
#rightArea div.rightCol
{
	width: 188px;
	height: auto;
	float: right;
}
#rightArea div.contactCol
{
	padding-left: 112px;
}
#rightArea img
{
	margin-bottom: 2px;
}
html>body #rightArea img
{
	margin: 2px;
}
#logoArea
{
	width: 490px;
	height: 118px;
	float: left;
}
#logoArea a
{
	display: block;
	width: 360px;
	height: 95px;
	background-image: url(/images/ui_cw/logo_redonwhite.png);
	background-repeat: no-repeat;
}
#navCol
{
	width: 122px;
	height: auto;
	background-position: 9px 0px;
	padding-left: 9px;
	float: left;
}
html>body #navCol
{
	width: 113px;
}
#navInner
{
	width: 113px;
	height: auto;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}
#navInner ul li
{
	margin-bottom: 2px;
}
#navInner ul li a
{
	display: block;
	width: 113px;
	height: auto;
	color: #fff;
	font-size: .9em;
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration: none;
	padding: 3px;
	padding-left: 24px;
	background-color: #990000;
	/*border: 1px solid #ccc;*/
	background-image: url(/images/ui_cw/nav_dot.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
html>body #navInner ul li a
{
	width: 84px;
	padding-top: 2px;
	padding-bottom: 2px;
	`padding-top: 3px;
	`padding-bottom: 3px;
}
#navInner ul li.projectsBtn
{
	margin-top: 10px;
}
#navInner ul li a:hover
{
	color: #fff04c;
	/*border: 1px solid #666;*/
}
#navInner ul li a.sel
{
	background-image: url(/images/ui_cw/nav_dot_sel.png);
	color: #fff04c;

}
#navInner ul ul
{
	margin-top: 2px;
}
#navInner ul ul li
{
	margin-bottom: 0px;
}
#navInner ul ul li a
{
	background-image: url(/images/ui_cw/dots_red.png);
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	background-color: Transparent;
	color: #000;
	border-bottom: 1px solid #a21919;
}
#navInner ul ul li a:hover
{
	color: #000;
	text-decoration: underline;
}
#navInner ul ul li a.sel
{
	/*background-image: url(/images/ui_cw/navchild_dot_sel.png);*/
	background-image: url(/images/ui_cw/dots_red_sel.png);
	background-color: #fff04c;
	color: #000;
}
#navInner ul ul ul li a
{
	/*background-image: url(/images/ui_cw/navchildchild_dot.png);*/
	background-image: url(/images/ui_cw/dots_level3.png);
	height: 25px;
}
#navInner ul ul ul li a.sel
{
	background-image: url(/images/ui_cw/dots_level3_sel.png);
}

#contentCol
{
	width: 368px;
	height: auto;
	float: left;
	padding-left: 10px;
}
html>body #contentCol
{
	width: 358px;
}
#contentInner
{
	width: 351px;
	height: auto;
	padding: 0px 9px 0px 9px;
	margin-bottom: 9px;
}
html>body #contentInner
{
	width: 333px;
}
#contentInner h1
{
	color: #990000;
	font-size: 21px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	margin-bottom: .7em;
}
#contentInner p, #contentInner div
{
	line-height: 1.4em;
	font-size: .9em;
	margin-bottom: .8em;
}
html>body #contentInner p, #contentInner div
{
	line-height: 1.3em;
	margin-bottom: .6em;
}
#contentInner a:hover
{
	background: #fff04c;
}
#contentInner div
{
	margin-bottom: 0;
}

#footer
{
	width: 998px;
	height: 28px;
	margin: 0 auto;
	padding: 0px;
	padding-top: 10px;
	position: relative;
	text-align: left;
	background-color: #666;
	background-image: url(/images/ui_cw/top_bak.png);
	background-repeat: repeat-x;
}
html>body #footer
{
	height: 18px;
}
#footer p
{
	color: #000;
	font-size: 90%;
	padding-left: 12px;
}
#footer a
{
	color: #ccc;
}


p.small{
	font-size: 90%;
}
p.large{
	font-size: 110%;
}
input.textbox {
	font-size: 11px;
}
html>body input.textbox {
	padding: 1px;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hidden
{
	display: none;
	visibility: hidden;
}
/* Projects menu*/
#projectsMenu
{
	padding-top: 140px;
}
#projectsMenu h2
{
	color: #b74c4c;
}
#projectsMenu ul
{
}

#projectsMenu ul li a
{
	display: none;
}
#projectsMenu ul li ul li ul
{
	position: absolute;
	left: 500px;
	top: 168px;
}
#projectsMenu ul li ul li ul li
{
	margin-bottom: 2px;
}
#projectsMenu ul li ul li ul li a
{
	display: block;
	width: 480px;
	height: auto;
	color: #fff;
	font-size: .9em;
	font-family: Arial, Sans-Serif;
	padding: 3px;
	padding-left: 34px;
	background-color: #990000;
	/*border: 1px solid #ccc;*/
	background-image: url(/images/ui_cw/nav_dots3.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
html>body #projectsMenu ul li ul li ul li a
{
	width: 443px;
	padding-top: 2px;
	padding-bottom: 2px;
	`padding-top: 3px;
	`padding-bottom: 3px;
}
#projectsMenu ul li ul li ul li a:hover
{
	color: Yellow;
}
.hideThird ul ul ul
{
	display: none;
}