body{
	text-align:	center;
	margin:		0;
	padding:	0;
	font-size:	10px;
	line-height:	14px;
	font-family:	verdana, arial, sans-serif;
	color:		#606060;
	background:  url(images/page-bg.gif) no-repeat 33% 0;}
img{
	border:		none;
}
a:link, a:visited, a:active, a:hover{
	color:		#71706E;
}
div.page{
	width:		760px;
	margin:		0 auto;
	text-align:	left;

}


div.left{
	width:		186px;
	float:		left;
}

div.middle{
	width:		760px;
	margin-top:	30px;
    margin-bottom:  30px;
	float:		left;

}
div.right{
	width:		564px;
	float:		right;
	margin-top:	93px;
}

* html div.right{
	margin-top:	85px;
}

div.right div.left{
	width:		408px;
	float:		left;
}

div.right div.right{
	width:		117px;
	float:		right;
	padding-left:	15px;
	padding-right:	15px;
	background: #BBBABA;
	margin-top:	0;
}

* html div.right div.right{
	width:		127px;
	padding:	0 8px;
}
div.right div.right p{
	margin:		0;
	padding:	0;
}
#grid .item{
	width:		126px;
	margin-right:	9px;
	margin-bottom:	10px;
	color:		#fff;
	font-weight:	bold;
	float:		left;
	text-align:		center;
}

#grid .item a:link, #grid .item a:visited, #grid .item a:active, #grid .item a:hover{
	color:		#fff;
	text-decoration:	none;
	line-height:	18px;

}


div#introduction{
	text-align:	right;
	padding-left:	40px;
	margin:			6px 0;
}
#telephone{
	font-weight:	bold;
	text-align:		right;
}

#sitename{
	width:		184px;
	height:		164px;
	background:	url(images/css-logo.gif) top left no-repeat;
}	

#sitename h1{
	font-size:		10px;
	margin-left:	-1000px;
}
h4{
	margin:	0;
	padding:	0;
	font-size:	11px;
}
#grid{
	width:		408px;
	float:		left;

}
#grid-item-1{
	background: #8B7E7E;
}
#grid-item-2{
	background: #93896B;
}#grid-item-3{
	background: #68805B;
}#grid-item-4{
	background: #567B7B;
}#grid-item-5{
	background: #65506E;
}#grid-item-6{
	background: #51677D;
}

.photo{
	width:		202px;
	float:		left;
}

#pages h3{
	font-size:		14px;
	font-weight:	normal;
	line-height:	20px;
}

.item h3{
	font-size:		11px;
	color:			#0A702C;
}

#page-item-links{
	text-align:		right;
	font-size:		12px;
}

#page-item-links ul{
	list-style:		none;
}

#page-item-links ul li{
	padding:		4px 0;
	font-weight:	bold;
}


#page-item-links ul a:link, #page-item-links ul a:visited, #page-item-links ul a:active{
	text-decoration:	none;
	color:				#606060;
}

#page-item-links ul a:hover{
	text-decoration:	none;
	color:				#0A702C;
}

#case-study-dropdown select{
	width:				117px;
}

#contact-form div{
	width:				350px;
	float:				left;
	padding:			3px 0;
}
#contact-form label{
	width:	100px;
	float:	left;
}

#contact-form input{
	width:	100px;
	float:	left;
	border:	1px solid #009039;
	background: #009039;
	width:	75px;
	margin-right: 5px;
	color:		#fff;
}

#contact-form input.delete{
	background:	#606060;
}
#contact-form input.text, #contact-form textarea{
	width:	150px;
	float:	left;
	font-size:	10px;
	font-family:	verdana, arial, sans-serif;
	border:	1px solid #009039;
	background:	#fff;
	color: #606060;

}

.left .case-study{
	width:		400px;
	float:		left;
    margin-bottom:  10px;
}
.left .case-study .summary{
	width:		195px;
	height:		160px;
	float:		left;
	background:	#4D6047;
}

.left .case-study .summary p{
	color:		#fff;
	margin:		10px 20px;
}

.left .case-study .summary h3{
	color:		#fff;
	font-size:	14px;
	margin:		20px 20px 0 20px;
}

.left .case-study .photo{
	width:		200px;
	float:		right;
}

.left #photos{
float:  left;
width:  100%;
  padding-bottom:    10px;
}


#case-study-list .case-study{

}

#case-study-list .case-study{
	margin:		5px 0;
	padding:	5px 0;
	border-bottom:	1px dotted #fff;
}
#case-study-list .case-study .photo{
	width:		110px;
}
#case-study-list .case-study .photo img{

	margin-right:		3px;
}

#case-study-list .case-study .photo p{
	font-weight:	bold;
}

#case-study-list .case-study a:link, #case-study-list .case-study a:visited, #case-study-list .case-study a:active, #case-study-list .case-study a:hover{
	font-weight:	bold;
	color:			#009039;
	text-decoration:	none;
}

div#case-studies a:link, div#case-studies a:visited, div#case-studies a:active, div#case-studies a:hover{
	font-weight:	bold;
	color:			#009039;
	text-decoration:	none;
}

#page-summary, #page-summary p{
	font-size:		14px;
	margin:	0;
}


#page-items .item p, #pages .item p{
	padding-left:	12px;
	background:	url(images/paragraph-block.gif) top left no-repeat;
}

#highlights .item{
	width:		117px;
	float:		left;
	color:		#000;
	padding:	8px 0;
}

#latest-projects{
	background: url(images/latest-projects-title.gif) top no-repeat;
	padding:	30px 0 15px 0;
}


div#case-studies{
	background: url(images/case-study-title.gif) top no-repeat;
	padding:	30px 0 15px 0;
	width:		127px;
}

div#case-studies .photo{
	width:		127px;

}

/* MENU: position settings */
#menu { position: absolute; margin: 0; padding: 0; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { float:	left; }
#menu a { display: block; }
#menu div { position: absolute; margin: 0; padding: 0; }

/* MENU: size settings */
#menu {				width:			760px;	}
#menu ul {			width:			100%;	}
#menu li {			width:			100px;
					height:			18px;	}
#menu li li span {	line-height:	18px;	}
#menu a {			width:			100%;
					height:			100%;	}
#menu li div {		width:			150px;	}
#menu li li {		width:			100%;	}
#menu li div div {	width:			150px;
					margin-left:	150px;		/* this should be same as width of parent */
					margin-top:		-18px; }	/* this should be same as height of parent line, only negative */


/* MENU: formatting */
#menu a{
	text-decoration:	none;
	font-weight:		bold;
}	
#menu ul li a{
	background:		url(images/menu-bg.gif) no-repeat;
	text-align:		center;
}
#menu ul li a:hover, #menu ul li.on a{
	background:		url(images/menu-bg-on.gif) no-repeat;
	text-align:		center;
	color:	#fff;
}
#menu ul ul li {
	background:			#fff;
	padding:			0 0 0 0;
}
#menu ul ul li a, #menu ul ul ul li a, #menu ul li.on ul li a{
	background:		#D0D0D0;
	color:			#000;
	font-weight:	normal;
	text-align:		left;
}
#menu ul ul li a:hover, #menu ul ul ul li a:hover, #menu ul li.on ul li a:hover{
	background:		#606060;
	color:			#fff;
	font-weight:	normal;
	text-align:		left;
}
#menu ul ul li span {
	padding:		0 3px 0 3px;
}

body#home .page{
	background: url(images/home-bg.gif) top right no-repeat;
}

.page{
	background:	transparent;
}

#download a{
  color:    #009039;
}