/* CSS Document */

/*** default styles **/
body { background: #ffffff url("images/banner.jpg") top left no-repeat; margin-top: 125px;
	margin-left: 10px; font-family: Arial, Helvetica, sans-serif }

p { font-size: 8pt; color: #000 }

li { font-size: 10pt; line-height: 18px; }

img { vertical-align: middle; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*** page contents ***/
#container {  width:700px; padding: 30px 10px 10px 10px; }

.biotext { font-size: 11pt; font-weight: normal; color: #000; }

.awardmainheader { font-size: 14pt; font-weight: normal; color: #356768; }

.awardheader { font-size: 11pt; font-weight: bold; color: #356768; }

.portfoliobg { width: 575px; height: 110px; background: transparent url(images/lines.gif) center center no-repeat; 
	margin-left:50px; padding: 10px; margin-top: 10px; }

.lefttextholder { position:absolute; margin-left: 210px; margin-top: 5px; }
.lefttext { font-size:9pt; font-weight:normal; color: #666666; text-decoration: none; }
	a.lefttext, a.lefttext:link, a.lefttext:visited { font-size:9pt; font-weight:normal; position:absolute; margin-left: 210px; 
		margin-top: 5px; color: #666666; text-decoration: none; }
	a.lefttext:hover, a.lefttext:visited:hover { font-size:9pt; font-weight:normal; position:absolute; margin-left: 210px; 
		margin-top: 5px; color: #666666; text-decoration: underline; }

.righttext { font-size:9pt; font-weight:normal; position:absolute; margin-left: 268px; margin-top: 90px; 
	text-align:right; color: #666666; }
.centertext { font-size:10pt; font-weight:bold; position:absolute; width: 575px; margin-top: 38px; color: #356768; }

/**** subtitles ***/
.bio { background: url(images/subtitle_bio.gif) top left no-repeat; }

.memberships { background: url(images/subtitle_memberships.gif) top left no-repeat; }

.licenses { background: url(images/subtitle_licenses.gif) top left no-repeat; }

.contact { background: url(images/subtitle_contact.gif) top left no-repeat; }

.team { background: url(images/subtitle_team.gif) top left no-repeat; }

.news { background: url(images/subtitle_news.gif) top left no-repeat; }

.awards { background: url(images/subtitle_awards.gif) top left no-repeat; }

.residential { background: url(images/subtitle_residential.gif) top left no-repeat; }

.commercial { background: url(images/subtitle_commercial.gif) top left no-repeat; }

.multi { background: url(images/subtitle_multi.gif) top left no-repeat; }

.restaurant { background: url(images/subtitle_restaurants.gif) top left no-repeat; }

.additional { background: url(images/subtitle_additional.gif) top left no-repeat; }




/***** Staff page *****/
#thumbnails { width: 242px; padding: 2px; border: #000 1px solid; height: 385px; margin: 10px; display: block; }

#thumbnails2 { width: 242px; padding: 2px; border: #000 1px solid; height: 385px; margin: 10px; display: none; }

#thumbnails3 { width: 242px; padding: 2px; border: #000 1px solid; height: 385px; margin: 10px; display: none; }

#bigpic { width: 430px; height:370px; position: absolute; left: 272px; top: 150px; border: #000 1px solid; padding: 10px; margin:10px; }




/***** New Staff page *****/
#slideshow { margin-left: 20px; }

.staffimage { padding: 10px; }
.staffinfo { position: absolute; top: 171px; left: 485px; font-size: 10pt; font-weight: normal; padding: 10px; 
	background: #356768; width: 210px; height: 265px; color: #fff; }

.stafflink { text-decoration: underline; color: #fff; }
	a.stafflink, a.stafflink:link, a.stafflink:visited { text-decoration: underline; }
	a.stafflink:hover, a.stafflink:visited:hover { text-decoration: none; color: #cc0000; }
	
#staff { display: block; margin: 10px 20px 10px 20px; width: 700px; height: 308px; border: #000 1px solid; }


/***** Slideshow ****/

	#mainContainer{ margin:0; width:730px; text-align:left; padding:3px; border:3px solid #317082; }
	
	.clear{ clear:both; }
	/* End of demo CSS */
	
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:260px; }
		
	#DHTMLgoodies_panel_one{ float:left; }
	
	#DHTMLgoodies_thumbs{ overflow:hidden; height:400px; position:relative;	float:left; }
	
	#DHTMLgoodies_largeImage{ width:400px; height:310px; float:left; padding-left:15px;  padding-right:10px; }
		
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%; height:100%; text-align:center; }
		
	#DHTMLgoodies_largeImage img{ border:5px solid #317082; }
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */ width:124px; padding:5px; float:left; }
	
	.strip_of_thumbnails div{ width:120px; height:125px; padding:2px; text-align:center; }

	.strip_of_thumbnails img{ border:0px; padding:5px; }
	
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:4px solid #317082;	/* Green border around active thumbnail */ padding:0px; }

	.leftArrow{ float:left; }

	.rightArrow{ float:right; }
	
	#DHTMLgoodies_thumbs_inner{ position:relative;	/* Never change this */ width:4000px; }