html {
	background:#000 url(/pix/led_bg.jpg) 70px 30px;
}

body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	color:#fff;
	font-size:62.5%;
	scrollbar-base-color:#666;
	scrollbar-arrow-color:#CF0;
}

#wrap {
/*  	text-align:center;*/
}

#body {
	text-align:left;
	width:768px;
/*	margin:20px auto;*/
	min-height:666px;
	height:auto !important;
	height:666px;
}

#top {
	width:768;
	height:210px;
	background:#000 url(/pix/dcom_head.jpg) no-repeat;
}

#flashlogo {
	position:relative;
	top:140px;
	left:270px;
}


h1 {
	display:none;
}

#dmflash {
	display:block;
}

#mid {
	background-color:#888;
	width:768px;
	float:left;
	padding-bottom:30px;
}

#mid_content {
	padding:80px 20px 20px 160px;
	line-height:1.75em;
	float:left;
}

#main_content {
	width:320px;
	float:left;
	padding-right:30px;
}

#right {
	float:left;
	width:200px;
}

#right p {
	color:#bbb;
}


#footer {
	clear:both;
	text-align:right;
	background-color:#333;
	height:36px;
	width:768px;
	margin-bottom:40px;
}

#footer p {
	padding:8px 20px 0 0;
	color:#888;
	margin:0;
}

.creditbutton img {
	border:0px;
	position:relative;
	top:4px;
	left:5px;
}

a.creditbutton img {
	opacity:.4;-moz-opacity:.4;-khtml-opacity:.4;filter:alpha(opacity=40);
}

a.creditbutton:hover img {
	opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);
}

/* ---------- mid content title ---------- */

#home_page #mid_content			{ background:url(/pix/home_head.png) no-repeat; }
#about_page #mid_content 		{ background:url(/pix/about_head.png) no-repeat; }
#services_page #mid_content 	{ background:url(/pix/services_head.png) no-repeat; }
#projects_page #mid_content 	{ background:url(/pix/projects_head.png) no-repeat; }
#associates_page #mid_content 	{ background:url(/pix/associates_head.png) no-repeat; }
#contact_page #mid_content 		{ background:url(/pix/contact_head.png) no-repeat; }

/* ---------- associates ---------- */

#associates_page #right_content {
	display:none;
}

#associates_page #main_content {
	width:580px;
}

/* ---------- type ---------- */

h1		{ font-size: 2em; }
h2		{ font-size: 1.75em; }
h3		{ font-size: 1.5em; }
h4		{ font-size: 1.25em; }
p		{ font-size: 1.2em; }
small	{ font-size: .9em; }

/* ---------- top nav ---------- */

#top_nav {
	border-top:5px solid #CF0;
	background-color:#666;
	height:40px;
}

ul#top_nav_main {
	padding:0;
	margin:0;
	position:relative;
	left:25px;
	list-style:none;
	float:left;
}

ul#top_nav_main li {
	padding:0;
	margin:0;
	float:left;
	font-weight:bold;
}

ul#top_nav_main li a {
	display:block;
	height:40px;
	line-height:40px;
	color:#ccc;
	text-decoration:none;
	font-size:1.5em;
	padding:0 1.25em;
	text-transform:lowercase;
}

ul#top_nav_main li a:hover {
	color:#C5F412;
	background-color:#737373;
}

ul#top_nav_main li a span {
	color:#9A9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

ul#top_nav_main li a:hover span {
	color:#fff;
}


/* ---------- misc ---------- */


#mid_content li,
#mid_content dd,
#mid_content dt {
	font-size:1.25em;
}

#mid_content dt {
	margin-top:1em;
}

#mid_content dd {
	margin-left:0;
}

#mid_content a {
	color:#CCFF00;
	text-decoration:none;
}

#mid_content a:hover {
	text-decoration:underline;
}


input,textarea {
	background-color:#666;
	color: #CCFF00;
	font-weight:500;
	border: 2px solid;
	border-top-color:#444;
	border-left-color:#444;
	border-bottom-color:#999;
	border-right-color:#999;
	
}

.colons {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

.colons_on {
	color: #CCFF00;
}

.colons_off {
	color: #99AA99;
}

a.button:hover {
	border: 2px solid #666666;
	color: #444444;
	background:#CCFF00;
}

.button {
	border: 2px solid #CCFF00;
	color: #CCC;
	font-weight:bold;
	font-size:10px;
	background:#444;
	text-decoration:none;
	padding:3px 9px 3px 9px;
	line-height:24px;
}

.green {
	color: #CCFF00;
	letter-spacing:.1em;
}

.black {
	color: #000;
}

.gray {
	color: #666;
}

.ltgray {
	color: #CCC;
}

.small {
	font-size: 10px;
}

.right {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	line-height:1.25em;
}

.bold {
	font-weight:bold;
}

.associate {
	margin:0px 30px 10px 30px;
	border-top:5px solid #C7F614;
	width:150px;
	float:right;
}

.quote {
	background-color:#666;
	padding:10px;
	width:180px;
	font-size:1.25em;
	line-height:1.75em;
}

.quote_corner {
	width:200px;
	background:#666 url(/pix/graycorner.gif) bottom right no-repeat;
	height:14px;
}