body {
	padding: 20px;
	margin: 0px;
	background: #FFFFFF;
	font-family: helvetica, tahoma, arial;
	font-size: 12px;
	color: #6d6d6e;
	line-height: 14px;
}

.hide {
	display: none;
}

a:active, a:focus {
	outline: 0;
}

.csc-textpic-caption {
padding-top: 5px;
}

#left p.bodytext {
margin: 0px;
padding: 0px;
}

.catholder p.bodytext {
margin: 0px;
padding: 0px;
}

a, a:hover, a:active {
	overflow: hidden;
}

a, a:hover {
	color: #5b5b5c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.catholder a img {
	border: 2px solid #FFFFFF;
}

.conimg a img, .conimg a:hover img {
	border: none;
}

.catholder a {
	color: #050708;
}

.catholder a:hover {
	color: #1390c9;
	text-decoration: none;
}

#page {
	width: 980px;
	margin: 0px auto;
}

#wrapper {
	padding: 0px;
	width: 948px;
	margin: 0px auto;
}

#header {
	clear: both;
	width: 980px;
	height: 100px;
}

#branding h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}

#branding h1 a, #branding h1 a:hover {
	display: block;
	width: 151px;
	height: 93px;
	text-indent: -100000px;
}

.mainlogo h1 a {
	background: url('../site-images/cmg-logo-v2.gif') no-repeat;
}

.sublogo h1 a {
	background: url('../site-images/cmg-logo-sub-v2.gif') no-repeat;
}

#topnav {
	float: left;
	padding: 42px 0px 0px 90px;
}

#topnav ul {
	list-style: none;
	padding: 0px;
	height: 10px;
}

#menu li {
	float: left;
	padding: 0px 20px 0px 20px;
}

.page-item a {
	color: #919191;
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#sub a {
	color: #000000;
	font-style: italic;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#submenu a {
	color: #919191;
	font-style: italic;
	text-decoration: none;
	text-transform: lowercase;
}

ul#submenu a:hover {
	color: #000000;
}

.page-item a:hover, .active a, .active a:visited, .page-item.active a {
	color: #000000;
}

.page-item a {
	text-indent: -100000px;
	display: block;
	height: 15px;
}

.page-item a:hover, .active a, .active a:visited, .page-item.active a {
	background-position: left 30px;
}

.projects a {
	background: url('../site-images/projects-b3.gif') left top;
	width: 56px;
}

.firm a {
	background: url('../site-images/firm-b3.gif') left top;
	width: 30px;
}

.news a {
	background: url('../site-images/news-b3.gif') left top;
	width: 34px;
}

.contact a {
	background: url('../site-images/contact-b3.gif') left top;
	width: 50px;
}

.keywords a {
	background: url('../site-images/keywords-b3.gif') left top;
	width: 60px;
}

.kw {
	display: block;
	background: url('../site-images/keywords-b3.gif') left top;
	background-position: left 15px;
	width: 60px;
	height: 15px;
	text-indent: -100000px;
}

.kwn {
	display: block;
	background: url('../site-images/keywords-b3.gif') left top;
	background-position: left 0px;
	width: 60px;
	height: 15px;
	text-indent: -100000px;
}

li.dropdown.kw a {
	color: #919191;
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav.kw a:hover {
	color: #000000;
}

.faded a {
	background-position: left 15px;
}

#menu {
	padding: 45px 0px 0px 0px;
	margin-bottom: 0px;
}

ul#submenu {
	clear: both;
	margin-left: 10px;
}

#submenu li {
	float: left;
	padding: 0px 5px 0px 5px;
}

.sub-page-item a {
	text-indent: -100000px;
	display: block;
	height: 24px;
}

.sub-page-item a:hover, .subactive a, .subactive a:visited,  .sub-page-item.subactive a {
	background-position: left 24px;
}

.gardens a {
	background: url('../site-images/navigation/projects/gardens-b.gif') left top;
	width: 63px;
}

.infrastructure a {
	background: url('../site-images/navigation/projects/infrastructure-b.gif') left top;
	width: 80px;
}

.current a {
	background: url('../site-images/navigation/projects/current-b.gif') left top;
	width: 61px;
}

#submenu li.planning {
	padding:0px 5px 0px 0px;
}

.planning a {
	background: url('../site-images/navigation/projects/planning-b.gif') left top;
	width: 68px;
}

.parks a {
	background: url('../site-images/navigation/projects/parks-b.gif') left top;
	width: 47px;
}

.urban-spaces a {
	background: url('../site-images/navigation/projects/urban-spaces-b.gif') left top;
	width: 82px;
}

.campuses a {
	background: url('../site-images/navigation/projects/campuses-b.gif') left top;
	width: 65px;
}

.other a {
	background: url('../site-images/navigation/projects/other-b.gif') left top;
	width: 44px;
}

.more a {
	background: url('../site-images/navigation/projects/more-b.gif') left top;
	width: 47px;
}

.ecologies a {
	background: url('../site-images/navigation/projects/ecologies-b.gif') left top;
	width: 65px;
}

.approach a {
	background: url('../site-images/navigation/firm/approach-b.gif') left top;
	width: 59px;
}

.services a {
	background: url('../site-images/navigation/firm/services-b.gif') left top;
	width: 52px;
}

.people a {
	background: url('../site-images/navigation/firm/people-b.gif') left top;
	width: 47px;
}

.collaborators a {
	background: url('../site-images/navigation/firm/lectures-exhibitions-b.gif') left top;
	width: 121px;
}

.awards-publications a {
	background: url('../site-images/navigation/firm/awards-publications-b.gif') left top;
	width: 121px;
}

.jobs a {
	background: url('../site-images/navigation/firm/jobs-b.gif') left top;
	width: 35px;
}

.contenttable {
	line-height: 14px;
}

.contenttable td {
	vertical-align: top;
}

#content {
	clear: both;
	padding: 15px 0px 0px 0px;
	width: 948px;
	height: 500px;
}

.fitting {
	clear: both;
	width: 948px;
}

.conimg {
	clear: both;
	width: 948px;
	height: 441px;
}

.slide {
	background: #FFFFFF;
	width: 948px;
	height: 500px;
}

#left {
	clear: both;
	float: left;
}

#right {
	float: right;
}

.left {
	clear: both;
	float: left;
	padding-top: 15px;
}

.right {
	float: right;
	padding-top: 15px;
}

.projectscatleft {
	position: relative;
	width: 210px;
	padding: 0px 20px 0px 0px;
	line-height: 20px;
	height: 460px;
}

.projectscatright {
	width: 705px;
	padding: 25px 0px 0px 0px;
}

.newscatleft {
	position: relative;
	width: 245px;
	padding: 0px 20px 0px 0px;
}

.newscatleft ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.newscatleft li {
	padding: 5px 0px 5px 0px;
}

.planningright {
	padding: 15px 0px;
}

.tt7, .tt6 {
	padding: 15px 0px;
}

.tt6 div {
	float: left;
}

.tb4 {
	padding: 7px 0px
}

.catholder {
	float: left;
	width: 330px;
	padding: 0px 0px 25px 20px;
}

.catholder h1.csc-firstHeader a {
	width:154px;
	float:right;
	text-align:left;
}

.catholder p {
	margin:0px;
	font-size:10px;
}

.catholder.last {
	padding: 0px 0px 0px 20px;
}

.catimg {
	float: left;
	width: 162px;
	height: 83px;
}

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0px;
}

.catholder p.bodytext {
	float: left;
	width: 150px;
	padding: 0px;
	font-size: 10px;
	line-height: 14px;
	color: #6d6d6e;
}

.cattxt p {
	margin: 0px;
}

.smargins {
	margin-top: 5px;
}

.cattxt h4, .projectscatleft h4, .csc-firstHeader, .catholder h1, .projectscatleft h1 {
	margin: 0px;
	font-weight: normal;
	font-size: 10px;
	color: #050708;
	text-transform: uppercase;
}

h3.csc-firstHeader {
	font-size: 12px;
	color: #6d6d6e;
}

.panel h4 {
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #d3d4d4;
	text-transform: uppercase;
}

h4.main {
	color: #050708;
}

.top {
	clear: both;
	padding-top: 15px;
}

.top div {
	float: left;
}

.middle {
	padding: 0px 32px 0px 32px;
}

.awards.middle {
	float: left;
	width: 440px;
	padding: 0px 5px 0px 5px;
	line-height: 20px;
}

.awards.right {
	float:right;
	width:220px;
	padding:0px 0px 0px 10px;
}

.bottom {
	clear: both;
}

.tb4 {
	width: 941px;
}

.tl5 {
	float: left;
	width: 450px;
}

.tl3 {
	float: left;
	width: 616px;
}

.tr5 {
	width: 450px;
}

.right.tr5 {
	position: relative;
	height: 445px;
}

.tr5bottom {
	position: absolute;
	bottom: 0px;
}

.sliderheader {
	clear: both;
	width: 948px;
}

.projectscatleft h4, #left .csc-firstHeader, .projectscatleft h1, .sliderheader h1, .newscarousel h1, .newscatleft h1, .staticnewscarousel h1, .awards.right h1 {
	font-size: 12px;
}

.projectdetails {
	position: absolute;
	bottom: 0;
	font-size: 10px;
}

.pc, .detail {
	float: left;
	padding: 0px 5px 0px 0px;
	color: #8e989e;
}

.projectdetails p {
	padding: 0px;
	margin: 0px;
}

.pddl a {
	color: #1390c9;
	text-decoration: none;
}

.csc-menu-def {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer {
	clear: both;
	width: 948px;
}

div.slideshow {
  position: relative;
}
.slideshow div {
  position: absolute;
  top: 0;
  left: 0;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 948px; /*Width of Carousel Viewer itself*/
height: 480px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{ 
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 948px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.newscarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 480px; /*Height should enough to fit largest content's height*/
line-height: 20px;
}

.staticnewscarousel {
float: left;
width: 650px; /*Width of Carousel Viewer itself*/
min-height: 480px; /*Height should enough to fit largest content's height*/
line-height: 20px;
}

.awards.middle .panel p {
	margin: 0px 0px 0px 0px;
}

.staticnewscarousel .panel {
	margin: 15px 0px 0px 0px;
}

.newscarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.newscolleft {
	float: left;
	width: 300px;
	padding-right: 30px;
}

.newscolleft .csc-default {
	margin-bottom:50px;
}

.newscolright {
	float: right;
	width: 300px;
}

.newscarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#carousel-nav {
	clear: both;
	width: 948px;
}

#carousel-nav ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#carousel-nav li {
	float: left;
	padding: 0px 5px 0px 5px;
}

#carousel-nav img {
	border: none;
}

.firmp.left, .firmp.middle, .firmp.right {
	float: left;
	width: 280px;
	line-height: 20px;
	padding-top: 10px;
}

/*Top level list items*/
li.dropdown,
li.dropdown li,
li.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

li.dropdown {
 position: relative;

}

li.dropdown li {
	float: left;
	vertical-align: middle;
	padding: 0px;
	background: url('../site-images/sub-bg.png') top left repeat;
	color: #000000;
	position: relative;
}

li.dropdown ul li {
	padding: 0px;
	width: 180px;
}

/*Sub level menu*/
li.dropdown ul {
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

/* Sub level menu links style */
li.dropdown ul li a {
font-weight: normal;
display: block;
padding: 5px;
text-indent: 10px;
}

li.dropdown ul li a:hover {
color: #000000;
text-decoration: none;
background: #d3d4d4;
}

li.dropdown a:link, li.dropdown a:visited	{ 
	color: #000000; text-decoration: none;
}

li.dropdown a:hover		{ 
	color: #000000; 
}

li.dropdown a:active	{ 
	color: #000000; 
}

#sub li {
	padding: 0px;
}

/* Holly Hack for IE \*/
* html .sub ul li { float: left; height: 1%; }
* html .sub ul li a { height: 1%; }
/* End */

.csc-menu {
	list-style:none;
	margin:0px;
	padding:0px;
}
.csc-menu li {
	margin:4px 0px;
	padding:0px;
}

h1.csc-firstHeader a {
	font-weight:normal;
}

h1.csc-firstHeader {
	color:#5b5b5c;
	font-weight:bold;
}

.newscatleft h1.csc-firstHeader a {
	font-weight:bold;
}