/* CSS Document */

body {
	background: #000000 url(images/body_bg.gif) repeat-x bottom;
	color: #CCCCCC;
	font-family: "Lucida Grande", Helvetica, Arial, Tahoma;
	font-size: 8pt;
	margin: 60px auto 200px auto;
	width: 650px;
}

#sx {
	width: 239px;
	border-right: 1px solid #FFFFFF;
	text-align: right;
	float: left;
}

#sx img.logo {
	margin: 0px 20px 30px 0px;
	border: 0px;
}
#sx ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: right;
}
#sx ul li {
	margin-bottom: 9px;
	border-bottom: 1px solid black;
}
#sx ul li a:link, #sx ul li a:visited {
	display: block;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 20px 0px 0px;
}
#sx ul li a:hover, #sx ul li a:active {
	color: #FFFFFF;
}
#sx ul li a.current {
	background:  transparent url(images/menu_active.gif) no-repeat right center;
	color: #FFFFFF;
}
#sx #google {
	width: 125px;
	clear: right;
	padding: 40px 20px 20px 20px;
	float: right;
}

#dx {
	margin-left: 260px;
	width: 385px;
}
#dx h2 {
	margin: 0px;
	color: #FF9933;
	font-weight: bold;
	font-size: 11pt;
}
#dx h2 span{
	display: block;
	color: #666666;
	font-size: 6pt;
	text-transform: uppercase;
}
#dx p {
	margin: 0.5em 0px 0px 0px;
}
#dx div.portfolio {
	margin: 20px auto -50px auto;
	text-align: center;
}
#dx div.comingsoon {
	padding: 50px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
}
#dx a:link, #dx a:visited {
	color: #FF9933;
	font-weight: bold;
}
#dx a:hover, #dx a:active {
	color: #FFCC99;
	font-weight: bold;
}

#dx div.spacer {
	display: block;
	height: 3em;
}
#dx div.spacer2 {
	display: block;
	height: 6em;
}

#dx form {
	margin: 2em 0px 0px 2em;
}
#dx form label {
	font-weight: bold;
}
#dx form input, #dx form select, #dx form textarea {
	display: block;
	position: relative;
	top: -1.5em;
	left: 10em;
}
#dx form input.button {
	float: left;
	margin: 1em 0.5em 0px 0px;
	
}