/* ==================== 

Title:			CSI - main stylesheet
Author:		Benjamin Tollady (http://www.thirststudios.com)
Contact:		ben@thirststudios.com
Version:		0.1
Last Updated:	25/05/2009

==================== */

body {
	color: #fff;
        background: #000;
}
body.home {
	background: #000 url(/assets/images/bg_home.gif) 50% 0 repeat-y;
}
body.about {
	background: #000 url(/assets/images/bg_about.gif) 50% 0 repeat-y;
}
body.work {
	background: #000 url(/assets/images/bg_work.gif) 50% 0 repeat-y;
}
body.school {
	background: #000 url(/assets/images/bg_schools.gif) 50% 0 repeat-y;
}
body.links {
	background: #000 url(/assets/images/bg_links.gif) 50% 0 repeat-y;
}
body.contact, body.terms {
	background: #000 url(/assets/images/bg_contact.gif) 50% 0 repeat-y;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	font: 1.3em/1.4 Trebuchet, "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
}
.left {
	float: left;
}
.right {
	float: right;
}
p, ul, ol {
	margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6, dd, li {
	margin-bottom: 0.5em;
	font-weight: normal;
}
h1 {
	font-size: 1.85em;
}
h2 {
	font-size: 1.23em;
}
a, a:link, a:visited {
	text-decoration: underline;
color: #fff;
}
.links a, .links a:link, .links a:visited {
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
a.block, a.block:link, a.block:visited {
	background: #F75A5A;
	color: #fff;
	padding: 2px 5px 3px 5px;
	text-decoration: none;
}
a.block:hover, a.block:active {
	background: #F75A5A url(/assets/images/arrow_red.png) 98% 60% no-repeat;
	color: #fff;
	padding: 2px 24px 3px 5px;
}
#footer a {
        color: #fff;
}
.links a.block, .links a.block:link, .links a.block:visited {
	background: #4DC27E;
	color: #000;
}
.links a.block:hover, .links a.block:active {
	background: #4DC27E url(/assets/images/arrow_green.png) 98% 60% no-repeat;
	padding: 2px 24px 3px 5px;
}
em {
	font-weight: bold;
	font-style: normal;
}
ul {
	padding-left: 1em;
	list-style: disc;
	margin-left: 0;
}
ol {
	list-style: decimal;
	padding-left: 1.5em;
	margin-left: 0;
}
ul#nav {
	background: transparent;
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0;
	list-style: none;
}
ul#nav li {
	height: 58px;
	width: 160px;
	float: left;
}
ul#nav li a {
	height: 58px;
	width: 160px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
li#home a {
	background: transparent url(/assets/images/nav.png) 0 0 no-repeat;
}
li#about a {
	background: transparent url(/assets/images/nav.png) -160px 0 no-repeat;
}
li#work a {
	background: transparent url(/assets/images/nav.png) -320px 0 no-repeat;
}
li#school a {
	background: transparent url(/assets/images/nav.png) -480px 0 no-repeat;
}
li#links a {
	background: transparent url(/assets/images/nav.png) -640px 0 no-repeat;
}
li#contact a {
	background: transparent url(/assets/images/nav.png) -800px 0 no-repeat;
}
li#home a:hover {
	background: transparent url(/assets/images/nav.png) 0 -58px no-repeat;
}
li#about a:hover {
	background: transparent url(/assets/images/nav.png) -160px -58px no-repeat;
}
li#work a:hover {
	background: transparent url(/assets/images/nav.png) -320px -58px no-repeat;
}
li#school a:hover {
	background: transparent url(/assets/images/nav.png) -480px -58px no-repeat;
}
li#links a:hover {
	background: transparent url(/assets/images/nav.png) -640px -58px no-repeat;
}
li#contact a:hover {
	background: transparent url(/assets/images/nav.png) -800px -58px no-repeat;
}
.home li#home a {
	background: transparent url(/assets/images/nav.png) 0 -116px no-repeat;
}
.about li#about a {
	background: transparent url(/assets/images/nav.png) -160px -116px no-repeat;
}
.work li#work a {
	background: transparent url(/assets/images/nav.png) -320px -116px no-repeat;
}
.school li#school a {
	background: transparent url(/assets/images/nav.png) -480px -116px no-repeat;
}
.links li#links a {
	background: transparent url(/assets/images/nav.png) -640px -116px no-repeat;
}
.contact li#contact a {
	background: transparent url(/assets/images/nav.png) -800px -116px no-repeat;
}
.logo {
	float: left;
}
.logo a {
	display:block;
	height:135px;
	width:239px;
	text-indent:-9999.99em;
}
.home .logo,
.about .logo,
.work .logo, 
.links .logo { background:transparent url(/assets/images/logo.gif) 0 0 no-repeat; }
.school .logo { background:transparent url(/assets/images/logoBlack.png) 0 0 no-repeat; }
.logo, .contact .logo, .terms .logo { background:transparent url(/assets/images/logoWhite.png) 0 0 no-repeat; }

.phoneEmail {
	float: right;
	text-align: right;
	font-size: 1.38em;
	background: transparent url(/assets/images/transWhite.png) 0 0;
	padding: 10px;
	color: #372f2d;
	font-weight: bold;
	overflow: hidden;
}
.phoneEmail a {
	color: #372f2d;
}
#content {
	width: 960px;
	clear: both;
	margin-top: 30px;
	float: left;
	position: relative;
}
.cyclePics {   
    padding: 0;  
    margin:  0; 
	float: left;
} 
.accordion .cyclePics {   
	float: right;
}
.home .cyclePics {   
	width: 630px; 
} 
.cyclePics img {  
    padding: 5px;   
    background: #FBDB7D;
    top: 0;
    left: 0;
} 
.about .cyclePics img {
	background: #d6c198;
}
.school .cyclePics img {
	background: #372F2D;
}
.school .cyclePics {
	margin-bottom: 2em;
}
img.border, .galleria_wrapper img {
	padding: 5px;   
}
.mapPic img {
        padding: 5px;
        background-color: #FEC786;
}
.galleria_wrapper img, .latestPublications img {
	background: #88D6A9;
}
.text {
	width: 460px;
	float: left;
	margin: 0 20px 0 10px;
	display: inline;
	clear: left;
}
.work .galleryText {
	width: 300px;
	float: left;
	margin: 0 20px 0 10px;
	display: inline;
}
.textRight {
	width: 460px;
	float: left;
	margin: 0 10px 0 0;
	display: inline;
	color: #000;
}
.home .text {
	width: 300px;
}
.latestPublications {
	padding: 0 10px;
	width: 940px;
	float: left;
}
.latestPublications ul {
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.latestPublications li {
	margin-right: 20px;
	width: 172px;
	float: left;
}
.latestPublications li.last {
margin-right: 0;
}
#footer {
	overflow: hidden;
	width: 960px;
	clear: both;
	float: left;
	margin: 30px 0 5px;
	font-size: 0.85em;
}
#footer .right, #footer .right a {
	color: #333333;
}
ul#subnav, ul.accordion {
	overflow: hidden;
	padding: 0;
	list-style: none;
}
#subnav li {
	float: left;
}
#subnav li a {
	margin-right: 1px;
	color: #fff;
	padding: 2px 5px;
	display: block;
}
.about #subnav li a {
	background: #006680;
}
#subnav li.here a {
	background: #01AEF0 url(/assets/images/subNavOn.gif) 50% 100% no-repeat;
	color: #000;
	padding: 2px 5px 8px 5px;
	text-decoration: none;
}
.work #subnav li.here a {
	background: #4DC27E url(/assets/images/subNavOnGreen.gif) 50% 100% no-repeat;
}
.work #subnav li a {
	background: #27613F;
}
.school #subnav li.here a {
	background: #F75757 url(/assets/images/subNavOnRed.gif) 50% 100% no-repeat;
}
.school #subnav li a {
        background: #FA8050;
}
.about #content .text .captionContainer {
	float: right;
	margin-left: 10px;
	width: 150px;
}
.about #content .text .cyclePics img {
	background: #555555;
}
#content img.bot {
	position: absolute;
	bottom: 0;
	left: 490px;
}
.accordion h2 {
	padding: 5px 0 5px 20px;
	background: transparent url(/assets/images/expand.gif) 0 0.7em no-repeat;
	border-top: 1px solid #fff;
	font-size: 1em;
}
.textRight .accordion h2 {
	padding: 5px 0 5px 20px;
	background: transparent url(/assets/images/expandBlack.gif) 0 0.7em no-repeat;
	border-top: 1px solid #000;
}
h2.contract {
	padding-left: 20px;
	background: transparent url(/assets/images/contract.gif) 0 0.7em no-repeat;
}
.textRight h2.contract {
	background: transparent url(/assets/images/contractBlack.gif) 0 0.7em no-repeat;
}
.accordion h2:hover {
	cursor: pointer;
	text-decoration: underline;
}
.accordion div {
	padding-left: 20px;
	overflow: hidden;
}
.accordion img {
	background: #555555;
	padding: 5px;
	margin: 0 0 0 10px;
}
.textRight .accordion img {
	background: #d6c198;
}
.galleria_wrapper {
	float: right;
}
ul.galleria {
	float: left;
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.galleria{ list-style:none; width:300px }
.galleria li{ display:block; width:54px; height:54px; overflow:hidden; float:left; margin:0 20px 20px 0; border: 3px solid #555555; }
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
* html .galleria li div span{width:300px} /* MSIE bug */
.galleria_container {
	position: relative;
	overflow: hidden;
	padding-bottom: 2em;
	float: right;
}
.galleria_container .caption {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	color: #000;
        background: #88d6a9;
        padding: 2px;
}
li.last {
	margin-right: 0;
}
.author {
	font-size: 0.85em;
	font-style: italic;
	color: #999;
}
.latestPublications .author {
	color: #fff;
}
.school .author {
	color: #666;
	clear: both;
}
.work dt {
	float: left;
}
.work dd {
	padding-left: 60px;
}
.textRight dl {
	color: #000;
}
.textRight .author {
	color: #666;
}
.contact .textRight {
	color: #fff;
}
.testimonial, .testimonialRight {
	width: 304px;
	background: transparent url(/assets/images/speechBubbleBottom.gif) 0 100% no-repeat;
	color: #999;
	overflow: hidden;
	margin-bottom: 0px;
}
.testimonialRight {
	float: right;
}
.testimonialRight .inner, .testimonial .inner {
	width: 214px;
	background: transparent url(/assets/images/speechBubbleTop.gif) 0 0 no-repeat;
	padding: 20px 20px 35px 70px;
}
.school .text {
	color: #000;
}
.imageLauncher {
	background: #4DC27E;
	padding: 5px;
	overflow: hidden;
	margin-bottom: 2em;
}
.imageLauncher img {
	background: #88D6A9;
	padding: 5px;
	display: block;
	float: left;
}
.imageLauncher .details {
	margin-left: 220px;
}
.contact .text .left, .contact .text .right {
	width: 220px;
	float: left;
	margin-bottom: 1em;
}
.hiddenFields {display:none;}
label.error {color:#F75A5A;}
.contact form {
	clear: both;
}
.contact .text h2 {
	clear: both;
}
input, textarea, label {
	display: block;
	font-size: 1em;
	font-family: Trebuchet, "Lucida Grande", "Lucida Sans", Arial, sans-serif; 	
	color: #fff;
	margin-bottom: 0.5em;
}
input, textarea {
	padding: 3px;
	background: #584f4d;
	border: none;	
	width: 454px;
}
input {
	width: 294px;
}
textarea {
	margin-bottom: 1em;
}
form input.button {
	background: #F75A5A;
	color: #fff;
	padding: 2px 5px 3px 5px;
	width: auto;
	display: inline;
}
.introText {
	width: 960px;
	width: 460px;
	float: left;
	padding: 0 490px 0 10px;
	display: inline;
	clear: left;
}
.caption {
	font-size: 0.85em;
	font-style: italic;
}
a.pdf {
	background: transparent url(/assets/images/icon_pdf.png) 0 50% no-repeat;
	padding-left: 20px;
}
ul#pageNos {
	overflow: hidden;
	list-style: none;
        padding: 0;
        text-align: center;
        width: 620px;
}
ul#pageNos li {
	float: left;
        margin-right: 2px;
}
ul#pageNos li a {
        background-color: #FEC786;
        padding: 2px;
        color: #000;
}
ul#pageNos li a.activeSlide {
        background-color: #f08508;
        color: #fff;
        text-decoration: none;
}
#drFranks {
        width: 630px;
        position: relative;
}
#drFranks #slideshow {
        margin-bottom: 1em;
display: block;
width: 630px;
height: 448px;
}
#drFranks #slideshow img {
        display: block;
        padding: 5px;
        background-color: #FEC786;
}
#drFranks div {
overflow: hidden;
width: 630px;
margin-bottom: 1em;
}
#drFranks a.prev, #drFranks a.next {
        background-color: #f08508;
        color: #fff;
        padding: 5px;
        text-decoration: none;
}
.tutorial  .text {
        width: 290px;
}
.tutorial .textRight {
        width: 630px;
}