*    { padding:0; margin:0; }
html { height:100%; }


body {
	height:100%;
	font:75%/1.3 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana,Arial,Tahoma,Helvetica,sans-serif;
	color:#666666;
	background-color:#F2F2F2;
	background: url('../images/pageBackground.gif') repeat-x #f6f6f6;
}
#container       { width:100%; height:100%; background:url('../images/Urban_BG.gifs') no-repeat top center; }
#content         { position:absolute; top:9%; width:100%; height:79%; z-index:10; left: 50%; margin-left: -50%; }
#contentBgSky    { height:100%; margin:0 auto; text-align:center; }
#contentBgSignalLeft { background:url('../images/urbanSignalLeft.gif') no-repeat bottom left; height:100%; }
#contentBgSignalRepeat { background:url('../images/urbanSignalRepeat.gif') repeat-x bottom left; height:100%; }
#contentBgCrane { background:url('../images/crane.gif') no-repeat bottom center; height:100%; }
#contentBgStreet { background:url('../images/urbanGround.gif') repeat-x bottom left; height:100%; }
#contentBgLeft   { background-repeat:no-repeat; background-position:left bottom; height:100%; }
#contentBgRight  { background-repeat:no-repeat; background-position:right bottom; height:100%; }

.bgHomeLeft      { background-image:url('../images/pageBackgroundHomeLeft.gif'); }
.bgHomeRight     { background-image:url('../images/pageBackgroundHomeRight.gif'); }

.containerWidth  { width:905px; margin:0px auto; height:100%; }
.containerWidthH { width:905px; margin:0px auto; height:100%; cursor:hand; }
#main            { position:relative; height:82%; }

/* menu list */
#menu            { position:absolute; bottom:0px; width:100%; height:13%; z-index:20; left: 50%; margin-left: -50%; background:#9f9f9b; text-transform:lowercase; font: "Trebuchet MS",Verdana,Arial,Tahoma,Helvetica,sans-serif; }
#menu a          { color:#ffffff; text-decoration:none; }

.menulinks       { float:left; width:180px; text-align:right; padding:1px 0; }
.menuright       { float:right; width:710px; text-align:left; padding:1px 0; }
.menuright ul    { list-style-type:none; padding:0px; margin:0px; }
.menuright li    { float:left; padding:0px; margin:0px; margin-right:31px; }
.menuclear       { clear:both; height:0px; overflow:hidden; }

#menu1           { width:100%; background-color:#7f7f7f; padding-bottom:1px; cursor:hand; }
#menu2           { width:100%; background-color:#8a8a88; padding-bottom:1px; cursor:hand; }
#menu3           { width:100%; background-color:#949491; padding-bottom:1px; cursor:hand; }
#menu4           { width:100%; background-color:#9f9f9b; padding-bottom:1px; cursor:hand; }
#menu5           { width:100%; background-color:#aaaaa4; padding-bottom:1px; cursor:hand; }

#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover { background-color:#585858; }
#menu1active, #menu2active, #menu3active, #menu4active, #menu5active { width:100%; background-color:#f5f5f5; padding-bottom:1px; cursor:hand; }
#menu1active a, #menu2active a, #menu3active a, #menu4active a, #menu5active a { color:#58585A; }


.hide            { display:none; padding-left:16px; }
.show            { display:block; padding-left:16px; }


.hr {
	margin: 6px auto;
	border-bottom: 1px solid #727272;
	width: 100%;
	}
.hr hr {
	display: none;
	}
img {
	border: 0;
}
a:link {
	color:#7F7F7F;
}
a:visited {
	color:#A6A6A6;
}
a:active {
	color:#666666;
}
a:hover {
	color:#656565;
}
#wrapper 
{ 
 margin: 0 auto; 
 margin-top: -73px;
 /*border: 1px solid red;*/
 padding: 0; 
 width: 602px; 
 text-align: left; 
}
#wrapperIndex
{ 
 margin: 0 auto; 
 margin-top: 0px;
 /*border: 1px solid red;*/
 padding: 0; 
 width: 602px; 
 text-align: left; 
}
.container {
	width:600px;
	height:95px;
	margin: 0 auto;
}

.nav {
	width:590px;
	padding:5px;
	border:1px solid #BEBEBE;
	text-align:center;
	background-color:#CBCBCB;
}
.nav a {
	text-decoration:none;
	cursor:help;
}
.title {
	width:590px;
	padding:0 5px 5px 5px;
	border:1px solid #BEBEBE;
	text-align:center;
	font-weight:bolder;
	font-size:200%;
	background-color:#D8D8D8;
}

.contentBox {
	text-align:justify;
	border:1px solid #BEBEBE;			
	width:590px;
	padding:5px;
	background-color:#E5E5E5;
}
h1.logo {
	position: relative;
	z-index: 1;
	top: 165px;
	left: 3px;
	text-indent: -5000px;
	width: 212px;
	height: 57px;
	background: url(../images/2foos_gradTran.gif) no-repeat top left;
}
h1.tagline {
	text-align:center;
}
#dockcontent {
	margin: 0 auto;
	overflow:hidden;
}
.contentBlock {
	text-align:justify;
	border:1px solid #BEBEBE;			
	width:590px;
	padding:5px;
	background-color:#E5E5E5;
}
.spacerBlock {
	clear:both;
}
.aboutBlock {
	float:left;
	clear:left;
	width:450px;
	overflow:hidden;
}
.idBlock {
	position:relative;
	/* top:10px; */
	width:133px;
	height:100px;
	float:left;
	clear:right;
}