/*
Title:		Friesen Tokar master styles for screen
Author:		MChappell
Update:		November, 2009
*/

body {
		font-size: 62.5%;
		font-family:Arial, Helvetica, Verdana, sans-serif;
		color:#333;
		padding:0;
		margin:0;
		line-height:1.5em;
		background:#fff;
		border-top: 5px solid #666666;
		}

/* Links
------------------------------------------------ */

a:link {color:#999999;}
a:visited {color:#999999;}
a:hover {color:#666666; text-decoration:none;}
a:active {color:#666666;}

/* Structure
------------------------------------------------ */

#wrap {
		width:940px;
		margin: 0px; position: absolute; z-index: 9998;
		}
#titleBlock {
		width:740px;
		height: 180px;
		margin: 0px; 
		background: url(../images/grayBlock.gif) no-repeat;
		position:relative;
		}
#titleBlockOpportunities {
		width:740px;
		height: 72px;
		margin: 0px; 
		position:relative;
		}
		
#grayBox {
		width:740px;
		padding-top: 0px;
		margin: 0; 
		position:relative;
		float:left;
		background-color:#eee;
		border-top: 2px solid #FFF;
		}

#grayBox p {
		margin: 0px 40px 0px 295px;
		padding: 0;
}


#grayBox ul {
		margin: 0px 40px 10px 295px;
		padding: 0;
		font-size:1.1em;
}

#titleBlock .title{
		width:550px;
		height: 180px;
		margin: 0px; 
		padding: 0px 0px 10px 190px;
		}
#subNavigation {
		width:200px;
		padding:0; margin: 0;
		float:right;
		position:relative;
}
#titleBlockProjects {
		width:740px;
		height:495px;
		margin:0; 
		left-margin:-20px;
		padding:0;
		position:relative;
		float:left;
		}
#titleBlockNews {
		width:740px;
		height: 180px;
		margin: 0px; 
		background: url(../images/grayBlockNews.gif) no-repeat;
		position:relative;
		}
		
#titleBlockNews .storyImage{
		width:490px;
		height: 180px;
		margin: 0px; 
		float:right;
		}

#projectNav {
		width:250px;
		padding-top: 25px;
		margin: 0px 0px 0px 0px; position: relative;
		float:left;
		}
		

#articleNav {
		width:250px;
		padding-top: 0px;
		margin: 25px 0px 0px 0px; position: relative;
		float:left;
		}

#article {
		width:445px;
		padding-left:45px; margin: 0;
		float:right;
		position:relative;
}

#article .storyImage{
		width:445px;
		margin: 0px; 
		float:right;
}


#newsContent {
		width:740px;
		padding-top: 0px;
		margin: 0px; position: relative;
		}

#firmContent {
		width:740px;
		padding-top: 0px;
		margin: 0px; position: relative;
		}
#firmContent p {
		margin-left: 295px;
		margin-right: 40px;
}


#content {
		font-size: 1.1em;
		line-height:1.7em;
		position:relative;
}
#footer {
	width:940px;
	height:60px;
	float:left;
	position: relative;
		}
#footer p {
		position:absolute;
		padding:0;
		margin:0;
		line-height:normal;
		font-size:1em;
		text-align:left;
		color:#999;
		left:65px;
		top:20px;		
		width:875px;
}

		
/* Header
------------------------------------------------ */

#header {
		height:120px;
		position:relative;
		}
#header h1 {
		position:absolute;
		padding:0;
		margin:0;
		left:65px;
		top:84px;
		text-indent:-5000px;
		background: url(../images/ft3.gif) no-repeat;
		width:374px;
		height:14px;
		}

/* Navigation
------------------------------------------------ */

.nav {	margin-top: 0px; margin-right: 0px; float:right; padding:0px 200px 0 0; width:398px;  height:24px; }	

.nav li { display: inline; }

.nav li a { float:left; height:0px; padding-top:24px; overflow: hidden; background-image: url(../images/mainNavigation.gif); 
			background-repeat: no-repeat; text-indent:-9999px; }
			
.nav .home a { background-position: 0 0px;  width: 53px; }
.nav .news a { background-position: -53px 0px;  width: 54px; }
.nav .firm a { background-position: -107px 0px;  width: 74px;  }
.nav .projects a { background-position: -181px 0px;  width: 141px;  }
.nav .contact a { background-position: -322px 0px;  width: 76px;  }

.nav .home a:hover {  background-position: 0 -24px;  }
.nav .news a:hover {  background-position: -53px -24px;  }
.nav .firm a:hover {  background-position: -107px -24px;  }
.nav .projects a:hover {  background-position: -181px -24px;  }
.nav .contact a:hover {  background-position: -322px -24px;  }

.nav .home a:active {  background-position: 0 -48px;  }
.nav .news a:active {  background-position: -53px -48px;  }
.nav .firm a:active {  background-position: -107px -48px;  }
.nav .projects a:active {  background-position: -181px -48px;  }
.nav .contact a:active {  background-position: -322px -48px;  }

.nav .home a.onstate {  background-position: 0 -24px;  }
.nav .news a.onstate {  background-position: -53px -24px;  }
.nav .firm a.onstate {  background-position: -107px -24px;  }
.nav .projects a.onstate {  background-position: -181px -24px;  }
.nav .contact a.onstate {  background-position: -322px -24px;  }



/* =firm subnavigation
-----------------------------*/
.subNav { margin-top: 0px; margin-left: 0px; float:left; padding:0px; width:118px;  height:18px; }		

.subNav li { display: block; }

.subNav li a { 	float:left; height:0px; padding-top:18px; overflow: hidden; background-image: url(../images/firmNavigation.gif); 
				background-repeat: no-repeat; text-indent:-9999px; }
				
.subNav .profile a { background-position: 0 0px;  width: 118px; }
.subNav .team a { background-position: 0 -18px;  width: 118px; }
.subNav .principals a { background-position: 0 -36px;  width: 118px;  }
.subNav .opportunities a { background-position: 0 -54px;  width: 118px;  }

.subNav .profile a:hover {  background-position: 0 -72px;  }
.subNav .team a:hover {  background-position: 0 -90px;  }
.subNav .principals a:hover {  background-position: 0 -108px;  }
.subNav .opportunities a:hover {  background-position: 0 -126px;  }

.subNav .profile a:active {  background-position: 0 -144px;  }
.subNav .team a:active {  background-position: 0 -162px;  }
.subNav .principals a:active {  background-position: 0 -180px;  }
.subNav .opportunities a:active {  background-position: 0 -198px;  }

.subNav .profile a.onstate {  background-position: 0 -72px;  }
.subNav .team a.onstate {  background-position: 0 -90px;  }
.subNav .principals a.onstate {  background-position: 0 -108px;  }
.subNav .opportunities a.onstate {  background-position: 0 -126px;  }




/* =news subnavigation
-----------------------------*/
.subNavNews { margin-top: 0px; margin-left: 0px; float:left; padding:0px; width:118px;  height:18px; }		

.subNavNews li { display: block; }

.subNavNews li a { 	float:left; height:0px; padding-top:18px; overflow: hidden; background-image: url(../images/newsNavigation.gif); 
				background-repeat: no-repeat; text-indent:-9999px; }

.subNavNews .ten a { background-position: 0 0px;  width: 118px; }
.subNavNews .nine a { background-position: 0 -18px;  width: 118px; }

.subNavNews .ten a:hover {  background-position: 0 -36px;  }
.subNavNews .nine a:hover {  background-position: 0 -54px;  }

.subNavNews .ten a:active {  background-position: 0 -72px;  }
.subNavNews .nine a:active {  background-position: 0 -90px;  }

.subNavNews .ten a.onstate {  background-position: 0 -36px;  }
.subNavNews .nine a.onstate {  background-position: 0 -54px;  }



/* =project subnavigation
-----------------------------*/
.subNavProjects { margin-top: 0px; margin-left: 0px; float:left; padding:0px; width:118px;  height:30px; }		

.subNavProjects li { display: block; }

.subNavProjects li a { 	float:left; height:0px; padding-top:30px; overflow: hidden; background-image: url(../images/projectNavigation.gif); 
				background-repeat: no-repeat; text-indent:-9999px; }
				
.subNavProjects .community a { background-position: 0 0px;  width: 118px; }
.subNavProjects .education a { background-position: 0 -30px;  width: 118px; }
.subNavProjects .health a { background-position: 0 -60px;  width: 118px;  }
.subNavProjects .office a { background-position: 0 -90px;  width: 118px;  }
.subNavProjects .resident a { background-position: 0 -120px;  width: 118px;  }
.subNavProjects .senior a { background-position: 0 -150px;  width: 118px;  }
.subNavProjects .student a { background-position: 0 -180px;  width: 118px;  }

.subNavProjects .community a:hover {  background-position: 0 -210px;  }
.subNavProjects .education a:hover {  background-position: 0 -240px;  }
.subNavProjects .health a:hover {  background-position: 0 -270px;  }
.subNavProjects .office a:hover {  background-position: 0 -300px;  }
.subNavProjects .resident a:hover {  background-position: 0 -330px;  }
.subNavProjects .senior a:hover {  background-position: 0 -360px;  }
.subNavProjects .student a:hover {  background-position: 0 -390px;  }

.subNavProjects .community a:active {  background-position: 0 -420px;  }
.subNavProjects .education a:active {  background-position: 0 -450px;  }
.subNavProjects .health a:active {  background-position: 0 -480px;  }
.subNavProjects .office a:active {  background-position: 0 -510px;  }
.subNavProjects .resident a:active {  background-position: 0 -540px;  }
.subNavProjects .senior a:active {  background-position: 0 -570px;  }
.subNavProjects .student a:active {  background-position: 0 -600px;  }

.subNavProjects .community a.onstate {  background-position: 0 -210px;  }
.subNavProjects .education a.onstate {  background-position: 0 -240px;  }
.subNavProjects .health a.onstate {  background-position: 0 -270px;  }
.subNavProjects .office a.onstate {  background-position: 0 -300px;  }
.subNavProjects .resident a.onstate {  background-position: 0 -330px;  }
.subNavProjects .senior a.onstate {  background-position: 0 -360px;  }
.subNavProjects .student a.onstate {  background-position: 0 -390px;  }



/* =news artical navigation
-----------------------------*/
p.articalNav { font-size:1.1em;
line-height:1.2em;
margin: 0px 0px 15px 65px; float:left; padding:0px;}		

p.articalNav a { float:left; text-align:left); text-decoration:none; font-weight:bold; color:#999; }
				
p.articalNav a:hover {  text-decoration:underline; font-style: bold; color:#666  }

p.articalNav a:active {	text-decoration:underline; font-style: bold; color:#333;  }

p.articalNav a.onstate {text-decoration:none; font-style: bold; color:#333;  }



/* Content
------------------------------------------------ */

p { font-size:1.1em;
margin-right:40px}

h2.grayBoxTitle { margin:20px 40px 10px 295px; font-size:1.5em; font-weight:bold; }
h2.grayFirmBoxTitle { margin:20px 40px 2px 295px; font-size:1.5em; font-weight:bold; }

h3.grayBoxTitle { margin:20px 40px 10px 295px; font-size:1.2em; font-weight:normal; font-variant:small-caps;  }

h2.article { margin:25px 0px 10px 0px; font-size:1.5em; font-weight:bold;  }
h2.projects { margin:25px 0px 3px 0px; font-size:1.5em; font-weight:bold;  }

p.projectSubTitle { font-size:1.1em;
line-height:1.2em;
color:#999;
font-style:italic;
margin: 0px 0px 0px 0px;
}
p.firmSubTitle { font-size:1.1em;
line-height:1.2em;
color:#666;
font-style:italic;
margin: 0px 0px 0px 0px;
}


p.subTitle { font-size:1.1em;
line-height:1.2em;
color:#999;
font-style:italic;
margin: 0px 0px 10px 0px;
padding-bottom: 10px;
border-bottom:#CCC solid 1px;
}

p.articleCaption { font-size:1.5em;
line-height:1.2em;
color:#999;
font-style:normal;
margin: 0px 0px 10px 0px;
padding-bottom: 10px;
border-bottom:#CCC solid 1px;
}
p.relatedPage { font-size:1.2em;
line-height:1.2em;
color:#999;
font-style:italic;
margin: 10px 0px 10px 0px;
padding-top: 10px;
border-top:#CCC solid 1px;
}

h2 { margin:25px 0; font-size:1.5em; font-weight:bold;  }

h3 { margin:0 0 25px 0; font-size:1.2em; }

.lowContrast { color:#ccc; }