/* CSS Document */


/*	
body, body div, body p, body th, 
body td, body li, body dd    {    /* more specific to override imported rule *
    font-size: 76%;           /* false value for WinIE4/5 
    voice-family: "\"}\"";        /* trick WinIE4/5 into thinking rule is over 
	voice-family: inherit;        /* recover from trick *
	font-size: 76%;           /* intended value for better browsers*
	/*font-size: 100%;*
	margin: 0;
	padding: 0;
	
    }

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
    font-size: 76%;            /* be nice to Opera *
    }*/
html {
	height: 100%;
}
body {
	background: url(../images/bg_tile.png) top center repeat-y;
    font-size: 62.5%;
    margin: 0;
	padding: 0;
	height: 100%;
}

img {
	border: none;
	}
#background {
	height: 100%;
}
#wrapper {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 10px;
	width: 88em;
	height: 100%;
	background-color: #fff;
	text-align: left;
	/*max-width: 100%;*/
	font-family: "Avenir", Verdana, Arial, Helvetica, sans-serif;
	}
	
#header {
	width: 100%;
	background-color: #91a5a4;
	height: 4em;
	max-width: 100%;
	margin: 0;
	padding: 0;
	}
	
#header img {
	width: 22em;
	height: 4em;
	background-color: #50482f;
	margin: 0;
	padding: 0;
	}
	
#body {
	margin: 40px 0;
	/*background-color: #ff99cc;*/
	width: 100%;
	height: 49em;
	}
	
#leftNav {
	width: 21em;
	float: left;
	/*background-color: #9ae;*/
	}	
	
#leftNav ul {
	display: block;
	margin: 0;
	padding: 0;
	}
	
#leftNav li {
	border-top: solid 1px #ccc;
	list-style-type: none;
	padding: 0;
	
	}
	
#leftNav ul li a {
	padding: .5em 0;
	display: block;
	color: #50482f;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: -9999px;
	height: 1%;
	overflow: hidden;
/*	background-color: #91a5c4;
	background: url(../images/nav/company_profile.gif) top left no-repeat; */
	}
	
.company a {background: url(../images/nav/nav_01.gif) top left no-repeat;}	
.team a {background: url(../images/nav/nav_02.gif) top left no-repeat;}
.affiliated a {background: url(../images/nav/nav_03.gif) top left no-repeat;}	
.portfolioCurrent a {background: url(../images/nav/nav_04.gif) top left no-repeat;}
.portfolioPast a {background: url(../images/nav/nav_05.gif) top left no-repeat;}	
.news-port a {background: url(../images/nav/nav_news-portfolio.gif) top left no-repeat;}
.news-archive a {background: url(../images/nav/nav_archive.gif) top left no-repeat;}
.news-bcc a {background: url(../images/nav/nav_news-bcc.gif) top left no-repeat;}
.news-events a {background: url(../images/nav/nav_events.gif) top left no-repeat;}
.contact a {background: url(../images/nav/nav_07.gif) top left no-repeat;}
.login a {background: url(../images/nav/nav_08.gif) top left no-repeat;}
.current a {background: url(../images/nav/nav_current.gif) top left no-repeat;}
.archive a {background: url(../images/nav/nav_archive.gif) top left no-repeat;}

.company a:hover, .company a.active {background: url(../images/nav/nav_01_on.gif) top left no-repeat;}	
.team a:hover, .team a.active {background: url(../images/nav/nav_02_on.gif) top left no-repeat;}
.affiliated a:hover, .affiliated a.active {background: url(../images/nav/nav_03_on.gif) top left no-repeat;}	
.portfolioCurrent a:hover, .portfolioCurrent a.active {background: url(../images/nav/nav_04_on.gif) top left no-repeat;}
.portfolioPast a:hover, .portfolioPast a.active {background: url(../images/nav/nav_05_on.gif) top left no-repeat;}	
.news-port a:hover, .news-port a.active {background: url(../images/nav/nav_news-portfolio-on.gif) top left no-repeat;}
.news-archive a:hover, .news-archive a.active {background: url(../images/nav/nav_archive-on.gif) top left no-repeat;}
.news-bcc a:hover, .news-bcc a.active {background: url(../images/nav/nav_news-bcc-on.gif) top left no-repeat;}
.news-events a:hover, .news-events a.active {background: url(../images/nav/nav_events-on.gif) top left no-repeat;}
.contact a:hover, .contact a.active {background: url(../images/nav/nav_07_on.gif) top left no-repeat;}
.login a:hover {background: url(../images/nav/nav_08_on.gif) top left no-repeat;}
.current a:hover, .current a.active {background: url(../images/nav/nav_current_on.gif) top left no-repeat;}
.archive a:hover, .archive a.active {background: url(../images/nav/nav_archive_on.gif) top left no-repeat;}

#leftNav a.newsletter-link {
	display: block;
	width: 210px;
	height: 137px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	background: transparent url(../images/btn-newsletter.jpg) no-repeat 0 0;
}	
#leftNav a.newsletter-link:hover {
	background: transparent url(../images/btn-newsletter.jpg) no-repeat 0 -137px;
}	
#content {
	position: relative;
	margin:0 0 0 23em;
	/*background-color: #eee;*/
	height: 100%;
	}
	
#contentHeader {
	width: 100%;
	margin: 0;
	padding: 0;
	/*background-color: #91a5a4;*/
	height: 6.75em;
	max-width: 100%;
	border-top: solid 1px #ccc;
	}
        
#timeline {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    color: #91a5a4;
}


	
#contentIndex {
	width: 100%;
	height: 42em;
	overflow: auto;
	color: #666;
	}
	
#contentIndex h1 {
	padding: 0 10px 0 0;
	line-height: 1.5;
	font-size: 1.7em;
	color: #91a5a4;
        color: #50482f;
        color: #555;
	font-weight: normal;
	margin: 0;
        text-transform: capitalize;
	}
        
#contentIndex h2 {
	padding: 0 10px 0 0;
	line-height: 1.4;
	font-size: 1.4em;
	color: #91a5a4;
        color: #555;
	font-weight: normal;
	margin: 0;
	}
        
#contentIndex h3 {
	padding: 0 10px 0 0;
	line-height: 1.2;
	font-size: 1.2em;
	color: #91a5a4;
	margin: 10px 0 0 0;
	}
	
#contentIndex p {
	margin: 0;
        padding: 0 10px 10px 0;
	line-height: 1.6;
        font-size: 1.2em;
	}

#contentIndex p.release {       
    text-transform: uppercase;
    color: #bbb;
    margin: 0 0 20px 0;
}

#contentIndex p.author {       
    font-style: italic;
    color: #999;
}

#contentIndex p.date {
    /*color: #999;*/
}

#timeline a:link, #timeline a:visited {
    padding: 0 5px;
}

#timeline a:link, #timeline a:visited, #contentIndex a:link, #contentIndex a:visited {
    color: #666;
    text-decoration: none;
    text-transform: capitalize;
}

#contentIndex a:hover { text-decoration: underline;}

#timeline a:hover, #timeline a.active { color: #f90; }
	
#contentIndex ul {
	margin: 0;
	padding: 0 0 10px 0;
        list-style-type:disc;
	}
	
#contentIndex li {
    margin: 5px 0 10px 0;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #91a5a4;
}
	
#contentIndex img {
	margin: 0;
	padding: 15px 0 0 0;
	}
        
#contentIndex p.back {
        margin: 8px 0 0 0;
}

	
#contentIndex table {
	width: 60%;
	border: solid 1px #eee;
	}
	
#contentIndex tr {
	height: 20px;
	}

#contentIndex td {
	padding: 0 5px;
	}

#contentBody {
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 42em;
	}

	
.contentBodyColumn {
	border-left: solid 1px #ccc;
	width: 33%;
	height: 42em;
	float: left;
	overflow: auto;
	/*background-color: #ccc;*/
	padding: 0;
	}
	
.contentBodyColumn img {
	margin: 10px 0 10px 10px;
	padding: 0;
	}
        
.contentBodyColumn p {
    margin: 0;
    padding: 0;
}
	
.contentBodyColumn p a {
	padding: 0 0 0 10px;
	color: #666;
	line-height: 1.8;
	font-size: 1.2em;
	text-decoration: none;
	}
	
.contentBodyColumn p a:hover {
	color: #ff9900;
	}
	
.contentBodyColumnWide {
	border-left: solid 1px #ccc;
	width: 66%;
	height: 42em;
	float: left;
	padding: 0;
	}
	
#contentIndex a.link:link, #contentIndex a.link:visited {
	color: #91a5a4;
	text-transform: none;
	text-decoration: underline;
}

#contentIndex a.link:hover {
	color: #f90;
	text-decoration: none;
}
	
#bioContent {
	position: relative;
	margin:0 0 0 23em;
	padding: 20px;
	/*background-color: #eee;*/
	height: 44.9em;
	border: solid 1px #ccc;
	}
	
#bioBody {
	padding: 10px 0;
	color: #666;
	}
	
#bioBody p {
	line-height: 1.6;
    font-size: 1.2em;
	}
#bioBody a {
	color: #91a5a4;
	text-decoration: underline;
}

#bioBody a:hover {
	color: #f90;
	text-decoration: none;
}
	
#bioPic {
	float: right;
}

#bioName {
}

#bioNav {
	position: absolute;
	left: 20px;
	bottom: 10px;
	width: 94%;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	}


#footer {
/*	margin: 40px 0 0 0;
	background-color: #ff99cc;*/
	width: 100%;
	height: 1em;
	color: #999;
}
	
#footer img {
	width: 100%;
	height: 1em;
	}
	
img.rollover {
	position: absolute;
	left: .4em;
	bottom: 0px;
	}
	
img.rollover2 {
	position: absolute;
	left: 21.8em;
	bottom: 0px;
	}
	
img.rollover3 {
	position: absolute;
	left: 43.4em;
	bottom: 0px;
	}
	
.right {
	float: right;
	}
	
.clear {
	clear: right;
	margin: 70px 0 0 0;
	}

.grey {
	background-color: #eee;
	}	
	
.prsubhead {
	color: #333;
	}