/* @override http://naughtyfish/blueprint/nfstyle.css */

body {
	background-color: #F3F4F4;
	/*font-family: LucidaGrande, "Lucida Grande", Calibri, Helvetica, Arial, sans-serif;*/
	
	font-family: Georgia, Times, "Times New Roman", serif;
}


.container {
	width: 1100px;
}


/*div {
	border: 1px solid #0f0;
}*/


#header {
	
}

#header p {
	margin: 0;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 3px;
}

#header-section {
	border-top: 1px solid #000;
	padding-top: 10px;
	background: url(../images/dot.gif) no-repeat right bottom;
	height: 65px;
}


.header-mini-menu {
	margin-left: 480px;
}

.header-mini-menu p a {
	/*font-weight: bold;*/
}

#logo {
	
}

#logo h1 {
	margin: 0;
	/*margin-bottom: 25px;*/
	/*padding-top: 10px;*/
	border-top: 1px solid #000;
	width: 170px;
}

#logo h1 img {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 25px;
}



.span-17 {
	width: 686px;
}

.description {
	margin-top: 613px; /*545px +50px +18px*/
}

.stripNav {
	display: none;
}

.stripNavR, .stripNavL {
	width: 40px;
	float:left; margin-right: 18px;
}
.stripNavL {
	margin-right:1px;
}

.span-4 {
	width: 170px;
}

h1 strong {
	display: none;
}

.description .small {
	font-size:.9em;
	color: #A8AFAF;
	line-height:1.5em; 
	margin-bottom: 0px;
}

.u {
	text-decoration: underline;
}

.span-25 {
	width: 1009px;
}
.footer {
	text-align: right;
	border-top: 1px solid #DADBDB;
	width: 686px;
	margin-left: 320px;
}
.footer p {
	color: #A8AFAF;
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
}

#menu, .description, #summary {
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
}

#menu {
	border-bottom: 1px solid #999;
}

#menu a, #header-section a {
	display: block;
	color: #333;
}

#menu a:visited, #header-section a:visited {
	color: #555;
}

#menu a:hover, #header-section a:hover {
	color: #555;
}

#menu p {
	font-size: 1.2em;
	font-weight: normal;
	color: #333;
	height: 28px;
	border-top: 1px dashed #999;
	margin: 0px;
	line-height: 28px;
}

#menu div p {
	font-size: 11px;
	line-height: 18px;
	height: 18px;
}

#menu div a, .new-description a {
	color: #999;
}

.new-description a {
	text-decoration: underline;
}

#menu div a:hover, .new-description a:hover {
	color: #aaa;
}

#menu div a:active, .new-description a:active {
	color: #bbb;
}

.new-description a:visited {
	color: #999;
}

#menu{
	border-top: 4px solid #DF3918;/*#E7511E*/
	padding-top: 32px;
}

#image-area {
	/*border-color: #A8AFAF;*/
	border-top: 1px dashed #999;
	padding-top: 32px;
}


#recent-items p, #archive-items p, #awards-items p, #about-items p, #contact-items p {
	border: none;
	/*padding-left: 18px;*/
	font-weight: normal;
}
#recent-items, #archive-items, #awards-items, #about-items, #contact-items {
	margin-bottom: 10px;
}

#controls {
	padding: 20px 0px 15px 0px;
	/*border-bottom: 1px solid #DADBDB;*/
}
#controls div {
	height: 40px;
	line-height: 31px;
}



a {
	text-decoration: none;
}

#page-about, #page-awards, #page-shop, #page-contact, #page-awards-publications, #page-awards-other, #page-about-people, #page-contact-jobs {
	height: 620px;
	display: none;
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
	/*border-bottom: 1px solid #DADBDB;*/
}


#page-home {
	background-color: #fff;
	margin-bottom: 40px;
	/*border-top: 10px solid #fff;*/
}

#page-home .newsitem, #page-news, .page-header {

	margin: 40px;
	padding-bottom: 10px;
	border-bottom: 2px solid #999;
}

.page-header {
	color: #999;
	font-size: 18px;
	margin-bottom: 8px;
}

#page-home .newsitem img {
	margin-bottom: 24px;
}

#page-home .newsitem h3, #page-news h3 {
	color: #999;
	/*font: 18px Georgia, "Times New Roman", Times, serif;*/
	font-size: 18px;
	margin: 0;
	margin-bottom: 8px;
}

#page-home .newsitem p, #page-news p {
	color: #999;
	/*font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;*/
	font-size: 12px;
	margin: 0;
	margin-bottom: 12px;
}

#page-home .newsitem .news-date, #page-news .news-date {
	color: #f55614;
	margin-bottom: 8px;

}

#page-home .newsitem a, #page-news a {
	color: #999;
	text-decoration: underline;
}

#page-home .newsitem a:hover, #page-news a:hover {
	color: #888;
	text-decoration: underline;
}


#page-awards h4 {
	text-decoration: underline;
}

p.highlight {
	/*color: #07992a;*/
	
	background-color: transparent;
}
#page-awards p.large {
	margin-bottom: 18px;
}

.large {
	line-height: 1.25em;
}

#page-about a, #page-awards a, #page-contact a {
	text-decoration: underline;
	color: #999;
}

#page-awards p {
	margin-bottom: 15px;
}

/* News page */
#page-news {
	clear: left;
}

#page-news ul {
	color: #999;
}



/*.new-description {
	position: absolute;
	left: -280px;
	top: 550px;
	height: 1px;
	width: 170px;
	color: #A8AFAF;
}*/

.new-description {
	position: absolute;
	left: 0px;
	top: -104px;
	height: 1px;
	width: 370px;
	color: #A8AFAF;
	font-size: 10px;
	line-height: 12px;
}

.new-description p {
	margin: 0;
	margin-bottom: 4px;
}



#loading {
	float: left;
	margin-top: 20px;
	color: #aaa;
	text-transform: capitalize;
}
.project {
	height: 620px;
	position: relative;
}

#menu p.menu-separator {
	border-top: 1px solid #DADBDB;
	margin-top: 5px;
	padding-top: 5px;
}

#menu #link-shop {
	border-bottom: 1px dashed #999;
}




#menu #facebook-tag {
	border: 0;
	color: #999;
	font-size: 8px; 
	margin-top: 10px;
}

#menu #facebook-tag a {
	color: #999;
	display: inline;
}



#landing {
	width: 531px;
	margin: 30px 0px 30px 50px;
	border-bottom: 9px solid #231F20;
	color: #231F20;
}


#landing h2 {
	color: #EF4136;
	text-decoration: underline;
	font-size: 22px;
	line-height: 26px;
}

#landing, #quicklinks, #landing h2, #landing p {
	margin-right: 45px;
	margin-bottom: 30px;
}

#landing, #quicklinks {
	font-size: 22px;
	line-height: 28px;
}

#quicklinks {
	margin: 30px 120px 60px 50px;
	color: #808080;
}

#landing a, #quicklinks a {
	color: #231F20;
	text-decoration: underline;
}

#landing a:visited, #quicklinks a:visited {
	color: #231F20;
}

#landing a:hover, #quicklinks a:hover {
	color: #EF4136;
}

#quicklinks .title {
	font-size: 15px;
	margin: 0px;
	margin-bottom: 5px;
	line-height: 15px;
}




#about-section {
	margin: 30px 0px;
	color: #231F20;
}

#about-nav p {
	margin: 0px;
	color: #231F20;
}

#about-content h3 {
	/*font-size: 14px;*/
	font-size: 1em;
	margin-bottom: 20px;
}

#about-content p {
	font-size: 18px;
	margin-bottom: 20px;
}

#about-content {
	margin-bottom: 30px;
}


#about-content .testimonials h3 {
	/*font-size: 14px;*/
	font-size: 18px;
	margin-bottom: 20px;
}

#about-content .testimonials p {
	font-size: 1em;
	margin-bottom: 20px;
}





/*#about-content {
	width: 370px;
}*/

#about-nav a {
	text-decoration: underline;
	color: #231F20;

}



.custom-bg {
	background-color: #f3f4f4;
}


/*Debug*/
.temp {
	border: 1px solid #f66;
	background-color: #f00;
	display: none;
}






/* Coda Slider */

.panelContainer {
	cursor: pointer;
}


		.stripViewer .panelContainer .panel ul {
			text-align: left;
			/*margin: 0 15px 0 30px;*/
		}
		


		/* These 2 lines specify style applied while slider is loading */
		/*.csw {width: 100%;  height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}*/
		

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000;*/ 
			/* this is the border. should have the same value for the links */
			margin: 0px;
		/*	width: 800px;*/ 
			width: 686px;
			
			/* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 545px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
		/*	width: 100%;*/
	/*	width: 320px;*/
	width: 686px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
				.stripViewer .panelContainer .panel {
								float:left;
			/*height: 100%;*/
			height: 545px;
			
			position: relative;
				width:686px;
			}
		

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			/*padding: 10px;*/
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			/*margin: auto;*/
			margin: 0px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			
		}
		
		.stripNav ul li {
			float: left;
			/*margin-right: 2px;*/ 
			
			/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			/*position: absolute;*/
			/*top: 230px;*/
			/*text-indent: -9000em;*/
		}
		
		
	/*		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
	
			.stripNavL {
				left: 0;
			}
			
			.stripNavR {
				right: 0;
			}
			
			.stripNavL {
				background: url("images/arrow-left.gif") no-repeat center;
			}
			
			.stripNavR {
				background: url("images/arrow-right.gif") no-repeat center;
			}*/



#page-awards .stripViewer {
	background-color: #f3f4f4;
}

.homepage {
	height: 550px;
	width: 686px;
	padding-top: 0px;
}

#page-home {
	padding-top: 0px;
	margin-top: 0px;
}

.landing {
	display: none;
}