body 
{
	background: #6b665e /*url('../images/bg.jpg') no-repeat*/;
	margin: 0px;
	padding: 0px;	
}

td
{
	font-family: Arial;
	font-size: 10pt;
	text-align: left;
	color: #706b63;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

#biggest
{
	width: 972px;
	min-height: 811px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	margin-top: 10px;
	border: 1px solid #3d3a32;
	display: block;
	padding: 0px 0px 20px 0px;
}



#wrapper
{
	width: 954px;
	min-height: 704px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px solid #b8af95;
	background-color: #ddd4c4;
	padding: 0px 0px 20px 0px;
	display: block;
	position: relative;	
}

#topbar
{
	width: 953px;
	height: 104px;
	background: #ffffff url('../images/topbar_03.jpg') no-repeat;
	text-align: right;
	padding: 0px 0px 0px 0px;
}

#topbar a
{
	font-family: Tahoma;
	font-size: 7pt;
	padding: 75px 12px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #9e958b;
	text-decoration: none;
	display: inline-block;
}

#topbar a:hover
{
	color: #9e958b;
}

#wrapper_left
{
	width: 292px;
	min-height: 600px;
	float: left;
}

#wrapper_right
{
	width: 662px;
	min-height: 600px;
	float: left;
}

#mainwindow 
{
    width: 620px;
    height: 301px;
    background-color: #FFF5E2;
    border: 1px solid #938D81;
    padding: 10px;
    position: relative;
}

#mainwindow-shadow 
{
	width: 642px;
	height: 9px;
	background: url(../images/mainwindow-shadow.png) no-repeat;
}

#slider_images img
{
	width: 616px;
	height: 276px;
	background-color: #938D81;
    border: 2px solid #827D73;
}

#controls {
    bottom: 9px;
    left: 275px;
    position: absolute;
}

#controls a {
    background: url("../images/pager.png") no-repeat scroll left top transparent;
    float: left;
    height: 13px;
    margin-right: 6px;
    width: 13px;
}

#controls a:hover {
    background: url("../images/pager.png") no-repeat scroll left bottom transparent;
}

#menu_wrapper
{
	width: 251px;
	min-height: 428px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff5e2;
	border: 1px solid #938d81;
	padding: 10px 0px 0px 0px;
}

/*menu_multi*/
#menu_multi {display:block;}
#menu_multi a, #menu_multi a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_multi.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_multi a:hover {background-position:left bottom; overflow:hidden;}

/*menu_industrial*/
#menu_industrial {display:block;}
#menu_industrial a, #menu_industrial a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_industrial.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_industrial a:hover {background-position:left bottom; overflow:hidden;}

/*menu_retail*/
#menu_retail {display:block;}
#menu_retail a, #menu_retail a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_retail.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_retail a:hover {background-position:left bottom; overflow:hidden;}

/*menu_institutional*/
#menu_institutional {display:block;}
#menu_institutional a, #menu_institutional a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_institutional.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_institutional a:hover {background-position:left bottom; overflow:hidden;}

/*menu_parking*/
#menu_parking {display:block;}
#menu_parking a, #menu_parking a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_parking.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_parking a:hover {background-position:left bottom; overflow:hidden;}

/*menu_tilt*/
#menu_tilt {display:block;}
#menu_tilt a, #menu_tilt a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_tilt.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_tilt a:hover {background-position:left bottom; overflow:hidden;}

/*menu_pervious-concrete*/
#menu_pervious-concrete {display:block;}
#menu_pervious-concrete a, #menu_pervious-concrete a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_pervious-concrete.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_pervious-concrete a:hover {background-position:left bottom; overflow:hidden;}

/*menu_public*/
#menu_public {display:block;}
#menu_public a, #menu_public a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_public.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_public a:hover {background-position:left bottom; overflow:hidden;}

/*menu_wwtp*/
#menu_wwtp {display:block;}
#menu_wwtp a, #menu_wwtp a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_wwtp.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_wwtp a:hover {background-position:left bottom; overflow:hidden;}

/*menu_velodrome*/
#menu_velodrome {display:block;}
#menu_velodrome a, #menu_velodrome a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_velodrome.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_velodrome a:hover {background-position:left bottom; overflow:hidden;}

/*menu_employment*/
#menu_employment {display:block;}
#menu_employment a, #menu_employment a:visited {display:block; width:250px; height:38px; background: #ffffff url('../images/menu_employment.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_employment a:hover {background-position:left bottom; overflow:hidden;}

#velodrome_slideshow_wrapper
{
	width: 350px;
	height: 244px;
	margin-right: 10px;
	float: left;
}

#velo-buttons_wrapper
{
	margin: 252px 0 0 0px;
	padding: 0px;
}

.Lrgbuttons
{
	float: left;
	margin: 0px 3px 0px 0px;
}

.Lrgbuttons a
{
	font-family: Verdana;
	font-size: 7pt;
	color: Gray;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	border: 1px solid gray;
}

.Lrgbuttons a:hover
{
	color: #000;
}

#slideshow_wrapper
{
	width: 251px;
	height: 327px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #938d81;
}

#slideshow_img
{
	width: 230px;
	height: 172px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

#slideshow_caption
{
	width: 251px;
	height: 17px;
	background: #ffffff url('../images/caption_bg_09.jpg') no-repeat;
}


.caption p
{
	font-family: tahoma;
	font-size: 8pt;
	text-align: left;
	padding: 20px 15px 0px 15px;
	margin: 0px;
	display: block;
	color: #908b80;
}
	

.main h1
{
	font-family: arial;
	font-size: 16pt;
	text-align: left;
	color: #706b63;
	padding: 20px 0px 10px 0px;
	margin: 0px;
}

.main p
{
	font-family: Arial;
	font-size: 10pt;
	text-align: left;
	color: #706b63;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

.project-sub-header
{
	font-family: Arial;
	font-size: 14pt;
	text-align: left;
	color: #706b63;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

.main img, iframe
{
	float: left;
	margin-right: 10px;
	border: 1px solid #938d81;
}

#buttons_wrapper
{
	margin: 5px 0px 0px 10px;
	padding: 0px;
}

.buttons
{
	width: 12px;
	height: 12px;
	border: 1px solid gray;
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.buttons a
{
	font-family: Verdana;
	font-size: 7pt;
	color: Gray;
	text-decoration: none;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	display: block;
}

.buttons a:hover
{
	color: #000;
}

#copyright
{
	width: 972px; height: 20px;
	margin-left: auto;
	margin-right: auto;
}

#copyright p
{
	font-family: Arial;
	color: #968e84;
	text-align: left;
	font-size: 7pt;
	padding: 0px;
	margin: 0px;
}

#copyright a
{
	font-family: verdana;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	color: #968e84;
}

#copyright a:hover
{
	color: #fff;
}

#bottom_menu
{
	width: 954px;
	text-align: center;
}

#bottom_menu a
{
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	color: #847d74;
	text-decoration: none;
}

.submenu
{
	display: none;
	min-width: 100px;
	min-height: 100px;
	background-color: #fff5e2;
	border-top: 1px solid #938d81;
	border-right: 1px solid #938d81;
	border-bottom: 1px solid #938d81;
	padding: 10px 10px 10px 0px;
	margin: 0px;
	z-index: 1000;
}

.submenu a
{
	min-width: 100px;
	height: 15px;
	font-family: Verdana;
	font-weight: bold;
	text-align: left;
	font-size: 7pt;
	color: #938d81;
	background-color: #fff5e2;
	padding: 5px 10px 0px 10px;
	margin: 0px;
	display: block;
	text-decoration: none;
}

.submenu a:hover
{
	color: #7a766b;
	background-color: #ebe2d0;
}

#submenu_multi
{
	position: absolute;
	top: 118px;
	left: 269px;
}


#submenu_industrial
{
	position: absolute;
	top: 156px;
	left: 269px;
}

#submenu_institutional
{
	position: absolute;
	top: 194px;
	left: 269px;
}

#submenu_retail
{
	position: absolute;
	top: 232px;
	left: 269px;
}

#submenu_parking
{
	position: absolute;
	top: 270px;
	left: 269px;
}
#submenu_tilt
{
	position: absolute;
	top: 308px;
	left: 269px;
}
#submenu_public
{
	position: absolute;
	top: 384px;
	left: 269px;
}
#submenu_wwtp
{
	position: absolute;
	top: 422px;
	left: 269px;
}
	

.activeSlide
{
    background-color: #ABB5C1;
    color: White !important; 
}

.projects-box
{
	width: 200px;
	height: 100px;
	background: transparent url('../images/projects-box.jpg') no-repeat;
	text-align: left;
	padding-left: 8px;
	border: 0px solid red;
}


#projects-box a
{
	display: block;
	text-decoration: none !important;
	color: #ABB5C1 !important;
}