* {
	margin: 0px;
	padding: 0px;
}

p { margin:6px 0px; }
a { text-decoration: none; color: #707173; }
a:hover { text-decoration: none; color: #9bd5df; }

body {
	background: #222222 url(../images/bg4.gif) repeat-y  top center;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 1000px;
	margin: 20px auto;
	padding: 0;
	color: #707173;
}

#content {
	clear: both;
	margin: 20px 0px 0px 0px;
}

h1 { 
	float: right;
	width: 200px;
	height: 63px;
	text-indent: -9999px;
	background-image: url(../images/logo2.png);
}

h1.planning { 
	float: right;
	width: 286px;
	height: 31px;
	text-indent: -9999px;
	background-image: url(../images/logo_planning.png);
}

#subnav1 {
	float: left;
	width: 274px;
	margin: 0px 20px 0px 0px;
}

#subnav2 {
	float: left;
	width: 274px;
	margin: 0px 20px 0px 0px;
}

#subnav3 {
	float: left;
	width: 176px;
	margin: 0px 20px 0px 0px;
}

#container {
}

#footer {
	clear: both;
	height: 100px;
}

#subheader {
	border-bottom: 1px dotted #6cd5e1;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	color: #ffffff;
}

#subheader a {
	color: #6cd5e1;
}

/*table {
	width: 548px;
	height: 344px;

}*/
#tablediv {
	width: 548px;
	height: 344px;
	background-color: #444444;
	padding: 10px;
	
}

td {
	border-collapse: collapse;
	border: 10px solid #444444;
	border-spacing: 0px;
}

#subheader a:hover {
	color: #bbbbbb;
}

#subheader .at a {
	color: #ffffff;
}

#leftcol {
	float: left;
	padding: 0px 0px 0px 20px;
}

#singlecol {
	float: left;
	padding: 0px 0px 0px 20px;
}

.at a {
	color: #ffffff;
}

#leftcol h2 {
	width: 568px;
	border-bottom: 1px dotted #9bd5df;

}

#rightcol {
	float: right;
	width: 332px;
	height: 324px;
	background-color: #444444;
	margin: 0px 20px 0px 0px;
	padding: 20px;
	color: #999999;
	overflow: hidden;
}

#rightcol .content ul li { list-style: disc; list-style-type: disc; }

#rightcol p { line-height: 150%; }

#rightcolimg {
	float: right;
	width: 372px;
	height: 364px;
	background-color: #444444;
	margin: 0px 20px 0px 0px;
}

#rightcol #subheader li { list-style: none; }

#rightcol .subcontent ul li.type {
	margin: 0px;
	padding: 0px;
}

#rightcol .subcontent ul li.detail { 
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

a { 
	text-decoration: none;
	color: #888888;
}

#footer {
	padding: 20px;
	font-size: 10px;
}

a:hover { 
	text-decoration: none;
	color: #6cd5e1;
}

#header {
	padding: 20px;
	margin-bottom: 40px;
	height: 240px;
}

#headertext {
	margin-top: 50px;
	width: 565px;
	height: 200px;
	color: #aaaaaa;
	font-size: 13px;
	line-height: 16px;
	overflow: hidden;
	padding-right: 10px;
}

#headertext p{ line-height: 150%; }

.content ul li{
	margin: 2px 10px;
	padding: 2px 10px;

}


.subcontent {
	height: 250px;
}

.subcontent .detail {
	color: #dddddd;
	margin-bottom: 5px;
}

#headertext h4 {
	color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

#headertext p {
	margin-bottom: 10px;
}


#header li {
	list-style-type: none;
}

#header #subnav1 li  {

}

#header #subnav2 li  {

}

#header #subnav3 li  {

}

.section {
	border-bottom: 1px dotted #6cd5e1;
	margin: 0px 0px 13px 0px;
}


h2 {
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/*MAIN NAV*/

.mainnav ul {
	list-style-type: none;
	width: 568px;
	border-bottom: 1px dotted #9bd5df;
	margin-bottom: 10px;
}

.planningnav ul {
	list-style-type: none;
	width: 568px;
	border-bottom: 1px dotted #A5C584;
	margin-bottom: 10px;
}

.mainnav li, .planningnav li {
	display: inline;
	text-transform: uppercase;
	margin-right: 20px;
	font-size: 11px;
}

.planningnav a { text-decoration: none; }
.planningnav a:hover { color:#A5C584; text-decoration: none; }

#level1 { border-bottom: 1px dotted #6cd5e1; width:274px; }
#category { margin: 20px 0px; border-bottom: 1px dotted #6cd5e1; width: 274px; }
#subcategory { float: right; margin: 0px 192px 0px 0px; width: 276px; border-bottom: 1px dotted #6cd5e1; }

/*#healthcare, #education, #commercial, #residential { display: inline; float: left; width: 232px; height: 364px; }
#healthcare, #education, #commercial { padding-right: 8px; }

#healthcare div.captions, #education div.captions, #commercial div.captions, #residential div.captions {
	background: #000;
	color: #FFF;
	font: normal 12px Arial, sans-serif;
	overflow: hidden;
	text-indent: 10px;
	z-index: 10000;
	height: 30px;
	opacity: .7;
	padding: 5px;
	margin-top:-40px;
}*/

ul#projecttypes { list-style:none; margin: 0px 0px 0px 0px; white-space:nowrap; }
ul#projecttypes li{ display:block; float:left; padding-right: 10px; }

div#hold	{ 
	position:relative; overflow:hidden;
	width:564px; height:200px; 
 	z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:528px; height:202px; 
	clip:rect(0px, 528px, 194px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}

div#holdr	{ 
	position:relative; overflow:hidden;
	width:332px; height:250px; 
	}
div#wnr	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:318px; height:252px; 
	clip:rect(0px, 318px, 244px, 0px); 
	overflow:hidden;	
	}

div#holdp	{ 
	position:relative; overflow:hidden;
	width:564px; height:200px; 
 	z-index:100; 
	}
div#wnp	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:528px; height:202px; 
	clip:rect(0px, 528px, 194px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}

div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; /*left:0; top:0;*/ float: right; margin: -3px -5px 0px 0px;
  width:13px; height:194px; 
  font-size:1px; z-index:100;
  }
div#scrollbarr { 
  position:relative; /*left:0; top:0;*/ float: right; margin: -3px -5px 0px 0px;
  width:13px; height:244px; 
  font-size:1px; z-index:100;
  }
div#track { 
  position:absolute; left:0; top:0px;
  width:13px; height:194px;
  background: url("images/track.gif") #4D4638 repeat;
  z-index:101;
  }
div#trackr { 
  position:absolute; left:0; top:0px;
  width:13px; height:244px;
  background: url("images/track.gif") #4D4638 repeat;
  z-index:101;
  }
div#dragBar {
  position:absolute; left:1px; top:0px;
  width:13px; height:10px; /*margin:0px 0px 0px -1px;*/
  background-color:#21CFDC;
  z-index:102;
  }  
div#dragBarPlanning {
  position:absolute; left:1px; top:0px;
  width:13px; height:10px; /*margin:0px 0px 0px -1px;*/
  background-color:#A5C584;
  z-index:102;
  }  
div#dragBarr {
  position:absolute; left:1px; top:0px;
  width:13px; height:10px; /*margin:0px 0px 0px -1px;*/
  background-color:#21CFDC;
  z-index:102;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }