/* ZEN CONCEPT */


/* animated or scripted items */

div#projectDetail {
	position: relative;
}

div#projectInformationHidden {
	display: none;
}

div#projectInformation {
	display: block;
	padding-top: 10px;	/* late fix */
	clear: both;
	background-color:white; 
}

div#projectQuoteHidden {
	display: none;
}	

div#projectQuote {
	display:block;
	position: absolute; 
	top:70px;
	left: 30px;
	width:585px;
	text-align: center;
}

#awardsHidden {
	display: none;
}	

#awards {
	display:block;	
	clear: both;	/* late fix */
	padding-top: 10px;
}

#notesHidden {
	display: none;
}	

#notes {
	display:block;	
}

/* text */


h2 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom:12px;
}


h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom:12px;
	color: rgb(97,117,157);
}

p, li {
	font-size: 11px;
}

ul#contactinfo li,  ul#copyrightinfo li{
	font-size:10px;
	font-weight: normal;
	color: rgb(97,117,157); ;
	padding-right:1.2em;
	text-transform: uppercase;
}

/* float copyright info right */

ul#copyrightinfo {
	float: right;
	width: 200px;
	text-align: right;
	padding-right:3px;
}

ul#copyrightinfo li {
	text-transform: none;
}

#footer p {
	/* border-top: 1px solid rgb(187,189,196);; */
	margin-top:5px;
	color: rgb(97,117,157); ;
}

p#copyright {
	font-size:9px;
	text-align: right;
	font-weight: normal;
	float:right;
	margin-right:12px;
	width: 200px;	/* floated elements must have a width declared, width here doesn't matter */
	padding-right:5px; /*adjusts for extra 5 px of width added to container (entire viewport) for IE6; brings in line wih photo edge */
	padding-top:1px;
}

#projectSidehead p {
	color: black; /*rgb(97,117,157);*/
	margin-right:10px;
	font-size:12px;
	margin-bottom:10px;
	line-height:18px;
}



#projectDetail p {
	color: black; /*rgb(97,117,157);*/
	font-size:11.5px;
	line-height:1.3em;
	margin-bottom: 11px;
}


p.right {
	text-align: right;
}

p.sideImageWrapper {
	float: right;
	width:150px; /* floated elements must have a width declared */

}

#textPage #projectDetail p.text {
	margin-right: 120px; 
	margin-bottom:12px;
}

#projNameWithCaption  {
	float:left;
	margin-right:5px;
	width: 40%;
}
#teletypeDiv  {
	float:left;
	margin-right:0;
	width: 100%;
	height: 30px; /* IE */
}


p#projectName {
	color: black ;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	padding-top: 4px;
	margin-bottom: 0;
}

p#projectNameHover {
	position: absolute;
	top:325px;
	margin-left:5px;
	text-transform: uppercase;	
}

p#teletype {
	color: black ;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	padding-top: 4px;
}

p#dummy {
	width:10px;
}
#projectDetail p#caption {
	color: rgb(97,117,157) ;
	font-weight: normal;
	font-size: 11px;
	padding-top: 4px;
	margin-bottom: 0;
}

#projectSidehead p.award {
	text-align: right;
	font-style: italic;
	padding-right:10px;
	font-size:10px;
	line-height:11px;
}

/* project quotes were implemented in images rather than as html 
#projectQuote p {
	color: white;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; 
	font-size:26px;
	line-height:1.3em;
	font-weight: bold;
}

#projectQuote  p.attribution {
	text-align: right;
	padding-right:10px;
	font-size:14px;
	line-height:16px;
}

#projectQuote p.attributionItalic {
	text-align: right;
	padding-right:10px;
	font-size:14px;
	line-height:16px;
	font-style: italic;
}
*/
/* images */

#logo {
	width: 343px;
	margin-bottom:2px;
}
#logomark {

}

#placeholder {
	width: 585px;
	filter:alpha(opacity=100); -moz-opacity:100; opacity:100; 	// must specify opacity, else IE throws an error
	/* height:300px; */
}

.fader, #placeholderSwap {
	  
	 
	 /* [if IE]>
		filter:alpha(opacity=0);
	<![endif] */
	 
	 
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0; 
	width: 585px;
	height:300px;
	position: absolute; 
	top:0 ;
	left: 0;
}

img.forwardback {
	width: 16px; 
	display: inline;
	vertical-align: bottom;
}

.pdficon {
	margin-top: 10px;
}

#quoteBubble {
	width: 28px;
	margin-top: 10px;
}

img.menuThumb, img.iconThumb {
	width: 20px;
	height: 30px;
	/* vertical-align: bottom; */
	padding-left: 2px; 
}

img.thumbnail {
	width: 111px;
	height:60px;
	border: 1px solid white; 
	margin-top:3px;  /*margin was 3 px all around */
	margin-top:0;
	margin-left:0;
	margin-right:6px;
	margin-bottom:6px;
	padding:1px;
}

img.sideImage {
	width: 75px;
	float: right;
}

img.sideImage2 {
	width: 75px;
}

/* menus - general */

ul li {
	display: inline; 
	padding-right: .5em;
}

li a {
	font-weight: normal;
	text-decoration: none;
	color: rgb(97,117,157)
}

li a:link {
	color: rgb(97,117,157)
}
li a:visited {
	color: rgb(97,117,157)
}
li a:hover  {
	color: black ; 
}
li a:active {
	color: black; 	
}

li.selected a {
	color:black;
}


/*  menu stylings - mainmenu */





ul#mainmenu {
	margin-bottom: 50px;
	list-style: none; /* new */
	padding: 0; /* new */
	margin-left: 360px; 
	width: 585px; /*  new */
	/* height: 13px; */ /* new */
	 /* 950- 585 (width of photo) */ 
	/* background-color: yellow; */
}

ul#mainmenu li {
	position: relative;
	display:inline;
	font-size: 10px;
	font-weight:bold;	
	padding-bottom: 13px; 	/* must be set deep enough to allow mouse to 'connect' to rollover menu */
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.5px;
	padding-right: 36px;
	/*background-color: gray;*/
}

ul#mainmenu li a {
	padding:2px;	/* IMPROVES GRAB IN IE */
	padding-left:0;
}

li a {
	font-weight: normal;
	color: rgb(97,117,157)
}

li a:link {
	color: rgb(97,117,157);	
}
li a:visited {
	color: rgb(97,117,157); 	
}
li a:hover  {
	color: black ; 
}
li a:active {
	color: rgb(97,117,157); 	
}

#mainmenu li#mainSelected a {
	font-weight: normal; 	
	color: black; 	
}


/* mainmenu submenus */


/* hide submenu */
#mainmenu li ul {

/* 	moved from hover */

	position: absolute;  /* position submenus absolutely relative to mainmenu */
	top: 13px; /* was 13 px */
	left: 0;
	padding-left:0;
	margin-left:0;
	width: 100%;		/* make it wide enough for all submenu items to appear inline */

/* orig */
	
	display: none;
	list-style: none;
}

/* show submenu */
/* NOTE THE CLASS li.over IS USED BY THE HOVER FUNCTIONS IN galleryFunctions.js TO ENABLE DROPDOWN IN IE6 */

#mainmenu li:hover ul, #mainmenu li.over ul {

	background: white; /* fix bug in IE 7 ; if background not declared on submenu cannot select subsequent items in list */
	display: block;
	padding-top:2px;
	left: 5px;
	padding-left:0;
	margin-left:0;
	width:100px; /* IE6 */
	
}

#mainmenu li ul li {
	position: relative; /* new */
	font-size: 10px;
	display: block;
	padding-bottom: 3px;
	left:0;
	margin-left:0;
	padding-left:0;
	padding-right:0;
	color: red ; /* was rgb(97,117,157);
	width:100%; /* IE6 */
}


#mainmenu li#mainSelected ul li a {
	font-weight: normal;
	color: rgb(97,117,157); 
		width:100%; /* IE6 */

}

#mainmenu li#mainSelected ul li a:link {
	font-weight: normal;
	color: rgb(97,117,157); 
}

#mainmenu li#mainSelected ul li a:visited {
	font-weight: normal;
	color: rgb(97,117,157); 
}

#mainmenu li#mainSelected ul li a:hover {
	font-weight: normal;
	color: black;
}

#mainmenu li#mainSelected ul li a:active {
	font-weight: normal;
	color: rgb(97,117,157);
}

/* listing items -- like the award and client listing */

#listing {
	width: 500px;
}

#listing ul {
	margin-bottom:24px;
	list-style: none; /* late add */
}

#listing h2 {
	margin-top:0px;
}

#listing h2.first {
	margin-top:0px;
}

#listing h4 {
	color: black;
}

#listing ul li {
	font-weight: normal;
	color: rgb(97,117,157); 
	display: block;
	margin-top:12px;
	margin-bottom:12px;
}

#listing p.rugby {
	font-weight: normal;
	color: black; 
	display: block;
	font-size:9px;
}

/* news items */

#news h2, #values h2  {
	font-size:14px;
	text-transform: uppercase;
	margin-right:200px;
}
#news h4 {
	font-weight: normal;
	text-transform: uppercase;
}
#news img {
	width:170px; 
	float: right;
}

#news p {
	margin-right:180px; 
}

#values p {
	margin-right:100px; 
}

#news img {
	width:170px; 
	float: right;
}

#news div.newsItem {
	margin-bottom: 32px;	
}

#news p a, #values p a {
	font-weight: normal;
	text-decoration: none;
	color: rgb(97,117,157)
}


#news p a:link, #values p a:link {
	color: rgb(97,117,157);
}
#news p a:visited, #values p a:visited {
	color: rgb(97,117,157);
}
#news p a:hover, #values p a:hover  {
	color: black ; 
}
#news p a:active, #values p a:active {
	color: black; 	
}


/* NEW Documents Listing */

ul#documentsList, ul#documentsList li {
	display: block;
}

ul#documentsList {
margin-bottom:8px;
}

/* this is the style of the selected item in the submenu */
/*
#mainmenu li#mainSelected ul li.selected a:link {
	font-weight: normal;
	text-decoration: none;
	color: black;
}
*/
/* specific menus */

ul#extrasMenu {
	background-color: rgb(187,189,196);
	color: white; 	
	text-align: right;
	height: 20px;
	margin-top:0px;
}

ul#extrasMenu li {
	font-size: 10px;
	padding-right: 25px;
	letter-spacing:1px;
	font-weight: bold;
	text-transform: uppercase;
}

ul#practiceAreas, ul#filterAreas {
	text-align:left;
	list-style: none ; /* late addition */
	display: block;		/* late add fix IE 6 */
	/*width:170px;*/
}

#categoryPage ul#practiceAreas {
	margin-top:0;   /* was 5px */
}

ul#practiceAreas li, ul#filterAreas li {
	display: block; 	
	margin-bottom:15px;
	color: rgb(97,117,157); ;
	font-size: 10px;
	font-weight: normal;
	letter-spacing:1px;
	padding-right: 0; /* was .9em; */
	text-transform: uppercase;
	width:100%; /* FIX IE 6; without this, subsequent li items will appear inline for some reason */
}

ul#filterAreas li {
	padding-left:10px;
}

ul#filterAreas li.filterHeader {
	padding-left:0;
}

ul#practiceAreas li.selected a, ul#filterAreas li.selected a {
	color: black;
	display: block;		/* late add fix IE 6 */
}

#photomenu {
	text-align: right ;
	margin-top:5px;
	margin-right:0; /* was 3px for unknown reasons */ 
	padding-bottom:12px;
}

#photomenu li {
	padding:0;
	margin:0;
	border:0;
	width:22px;
}

#photomenu li a:link {
	/* border: 1px solid white; */
}

#photomenu li a:visited {
	/* border: 1px solid white; */
}


/* IE 7 REQUIRES THIS */
#photomenu li a:hover img {

	 /* [if IE]>
		filter:alpha(opacity=35);
	<![endif] */
	
	 filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; 
 
}

#photomenu li a:active {
	/* border: 1px solid white; */
}


#photomenu li#photomenuSelected a {
	/* border: 1px solid red; */
	
	 /* [if IE]>
		filter:alpha(opacity=35);
	<![endif] */
	
	 filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; 
}

#forwardBackButtons {
	clear: both;
	margin-top: 8px ;
	/* padding-bottom:20px; */
	width: 100%;
}

#categoryPage #forwardBackButtons {
	margin-left: 4px ;
	position:absolute; top:340px;
}

#forwardBackButtons li {
	padding-right:0;
	color: rgb(97,117,157);
	text-transform:uppercase;
}

#forwardBackButtons li a:link {
	color: rgb(97,117,157);
}
#forwardBackButtons li a:visited {
	color: rgb(97,117,157);
}
#forwardBackButtons li a:hover {
	color: black;
}
#forwardBackButtons li a:active {
	color: rgb(97,117,157);
}
/* selected items in menus */

li#photoSelected a:link {
	font-weight: bold;
	color: rgb(173,49,13);	; 
}

li#mainmenuSelected a:link{
	font-weight: bold;
	color: white; 
}


/*  menu stylings - thumbnail images  */

img.thumbnail:link {
	
}
 
img.thumbnail:visited {

}

img.thumbnail:hover {
	
	border: 1px solid rgb(97,117,157) ; /* rgb(173,49,13); */
}

img.thumbnail:active {

}

p#thumbnailWrapper {
	margin-left:0; /* was -10px */
	margin-right:0; /* was -10px */
}

#textPage #footer {
	position:absolute;
	top:500px;
	width:950px;
}

#categoryPage #footer {
	position:absolute;
	top:500px;
	width:950px;
}

div.imageWithLink {
	position: relative;
	float: right;
	width: 90px; 
}

p.absRight {
position: absolute;
top: 0px;
left: 100px; 
}

p.absRight a:link {
	text-decoration: none;
	color: rgb(97,117,157);
}

/*
table {
	border: 0;
	padding-left:60px; 
	border-left: 1px dotted rgb(97,117,157);
}

table td {
	font-size: 10px; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	padding-right: 20px;
	vertical-align: center;
	width:33%;
	color: black; 
}

tr.header td {
	padding-top: 0;
	font-weight: bold; 
	text-transform: uppercase;
	border:0;
}

table tr:hover {
	background-color: rgb(169,201,255);
}
*/

#searchPage #projectDetail {
	border-left: 1px dotted rgb(97,117,157);
}
table {
	border: 0;
	margin-left:20px; 
}

td {
	font-size: 10px; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	padding-right: 20px;
	vertical-align: middle;
	width:33%;
	color: black; 
}

tr.header td {
	padding-top: 0;
	font-weight: bold; 
	text-transform: uppercase;
	border:0;
}

td a {
	text-decoration: none;
	color:  rgb(97,117,157);
}

td a:hover {
	text-decoration: none;
	color: rgb(97,117,157);
	font-weight: bold;
}


table tr:hover {
	background-color:  rgb(212,212,212);
	font-weight: bold;
}


p.alertRed {
	color: red;
}


/* New - links within info text */

a.link {
	font-weight: normal;
	text-decoration: none;
	color: rgb(97,117,157)
}

a.link:link {
	color: rgb(97,117,157);	
}
a.link:visited {
	color: rgb(97,117,157); 	
}
a.link:hover  {
	color: black ; 
}
a.link:active {
	color: rgb(97,117,157); 	
}

/* added 12/16/09 for use in News items */

.ital {
	font-style:italic;
}