/******************************************************************************/
/******************************************************************************
File: template_common.css
Comments: Common classes, IDs and elements needed throughout the site.

Notes: We have set the default font to 74% which is equal to 10pt.  to increase
by 1px JUST CHANGE THE EM NUMBER.  EXAMPLES BELOW:
1em == 10pt
1.1em == 11pt
1.2em == 12pt
1.3em == 13pt                    
This is scalable and accessible and works in IE6, IE7 and FireFox 1.5+

DO NOT USE  TO SET A PX FONT SIZE...EVER.  IT IS NOT NEEDED.  
*******************************************************************************/

/***RESET STYLESHEET NEEDED ONLY IN THIS FILE**********************************/
@import 'reset.css';

/***GLOBAL ELEMENTS************************************************************/

html {
	background-color: #000000;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	width: 668px;
	margin: 0 auto;
	background-color: #000000;
	color: #808285;
}

a, a:link, a:visited {
	color: #808285;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;	
}

a:active {
	text-decoration: underline;
}

h1 {
	font-weight: bold;
	letter-spacing: .1em;
	font-size: 1.2em;
	color: #ffb040;
	margin: 0 0 6px 0;
}

p{
	font-size: .9em;
}



/***HOMEPAGE******************************************************************/

#content_area #feature_project {
	float: right;
	width: 330px;
}

#content_area #dembicer_description {
	float: left;
	width: 270px;
	line-height: 2.2em;
	padding: 2.1em 0 0 0;
}

#content_area {
	float: left;
	width: 668px;
	margin: 30px 0 50px 0;
}

.home #feature_project h2 {
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 0 0;
	color: #808285;
	letter-spacing: normal;
}

.home #feature_project div {
	position: relative;
	bottom: 55px;
	margin-bottom: -55px;
}

.home #feature_project a, .home #feature_project a:link, .home #feature_project a:visited {
	text-decoration: underline;
}

.home #feature_project a:hover, .home #feature_project a:active {
	text-decoration: underline;
	color: #FFB040;	
}

.home h2 {
	margin: 0 !important;
}

.home #feature_project p {
	font-size: .9em;
	padding: 0 0 0 0;
	margin: 0;
}

.home h1 {
	font-size:1.5em;
}

/***INTERIOR******************************************************************/

.bio #content_area, .resume #content_area {
	padding: 0 60px 0 160px;
	width: 448px;
}

.resume h1, .print h1, .interactive h1, .environment h1 {
	margin: 0;
}

#content_area p{
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

#content_area h2 {
	color: #ffb040;
	text-transform: uppercase;
	font-weight: bold;
	margin: 2.5em 0 1.5em 0;
	letter-spacing: .1em;
}

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

#content_area h3, #content_area .company, #content_area .school {
	color: #baa07b;
	text-transform: uppercase;
}

#content_area .title {
	color: #baa07b;	
}

#content_area .programs, #content_area .school_details {
	margin-bottom: 1em;
}

.headshot {
	position: relative;
	right: 125px;
	margin-bottom: -105px;
}

.work_title {
	color: #baa07b;
}

.platforms, .programs, .photography_skills, .school_details {
	font-size: .9em;
}

#resume_download {
	width: 60px;
	height: 137px;
	background: url(../images/backgrounds/resume_download.jpg) left 2px no-repeat;
	position: relative;
	margin-bottom: -137px;
	right: 85px;
}

#resume_download li a {
	text-indent: -9999px;
}

#resume_download li.pdf a {
	position: absolute;
	display: block;
	width: 60px;
	height: 50px;
	top: 20px;	
}

#resume_download li.word a {
	position: absolute;
	display: block;
	width: 60px;
	height: 45px;
	top: 90px;	
}

/***NAVIGATION****************************************************************/

#main_navigation {
	width: 668px;
	height: 50px;
	background: #000000 url(../images/backgrounds/nav_footer.gif) left top no-repeat;
	position: relative;
}

#main_navigation li {
	position: absolute;
	top: 15px;
}

#main_navigation li a {
	display: block;
	height: 22px;
	text-indent: -9999px;
}

#main_navigation li#home {
	left: 90px;
}

#main_navigation li#home a, #main_navigation li#home a:link, #main_navigation li#home a:visited {
	background: url(../images/backgrounds/nav_elements.gif) 0 -2px no-repeat;
	width: 45px;
}

#main_navigation li#home a:hover, #main_navigation li#home a:active, .home #main_navigation li#home a {
	background: url(../images/backgrounds/nav_elements.gif) 0 -26px no-repeat;
}

#main_navigation li#bio {
	left: 158px;
}

#main_navigation li#bio a, #main_navigation li#bio a:link, #main_navigation li#bio a:visited {
	background: url(../images/backgrounds/nav_elements.gif) -67px -2px no-repeat;
	width: 28px;
}

#main_navigation li#bio a:hover, #main_navigation li#bio a:active, .bio #main_navigation li#bio a {
	background: url(../images/backgrounds/nav_elements.gif) -67px -26px no-repeat;
}

#main_navigation li#resume {
	left: 207px;
}

#main_navigation li#resume a, #main_navigation li#resume a:link, #main_navigation li#resume a:visited {
	background: url(../images/backgrounds/nav_elements.gif) -116px -2px no-repeat;
	width: 65px;
}

#main_navigation li#resume a:hover, #main_navigation li#resume a:active, .resume #main_navigation li#resume a {
	background: url(../images/backgrounds/nav_elements.gif) -116px -26px no-repeat;
}

#main_navigation li#interactive {
	left: 291px;
}

#main_navigation li#interactive a, #main_navigation li#interactive a:link, #main_navigation li#interactive a:visited {
	background: url(../images/backgrounds/nav_elements.gif) -200px -2px no-repeat;
	width: 95px;
}

#main_navigation li#interactive a:hover, #main_navigation li#interactive a:active, .interactive #main_navigation li#interactive a {
	background: url(../images/backgrounds/nav_elements.gif) -200px -26px no-repeat;
}

#main_navigation li#print {
	left: 405px;
}

#main_navigation li#print a, #main_navigation li#print a:link, #main_navigation li#print a:visited {
	background: url(../images/backgrounds/nav_elements.gif) -314px -2px no-repeat;
	width: 45px;
}

#main_navigation li#print a:hover, #main_navigation li#print a:active, .print #main_navigation li#print a {
	background: url(../images/backgrounds/nav_elements.gif) -314px -26px no-repeat;
}

#main_navigation li#environment {
	left: 472px;
}

#main_navigation li#environment a, #main_navigation li#environment a:link, #main_navigation li#environment a:visited {
	background: url(../images/backgrounds/nav_elements.gif) -381px -2px no-repeat;
	width: 108px;
}

#main_navigation li#environment a:hover, #main_navigation li#environment a:active, .environment #main_navigation li#environment a {
	background: url(../images/backgrounds/nav_elements.gif) -381px -26px no-repeat;
	width: 108px;
}

/***INTERACTIVE, PRINT, ENVIRONMENT PAGES*************************/

.interactive #content_area h2, .print #content_area h2, .environment #content_area h2{
	color: #a1a1a1;
	text-transform: none;
	font-size: 1.2em;
	margin-top: 0;
}

#project_list {
	clear: left;
}

#content_area #project_list h2 {
	color: #ffb040;
	margin-bottom: .5em;
	padding-top: 2em;
}

#content_area #project_list img {
	margin-top: 20px;
}

#content_area #project_list li {
	background: url(../images/backgrounds/nav_footer.gif) bottom left no-repeat;
	padding-bottom: 25px;
	margin-bottom: .5em;
}

#content_area #project_list li.last {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#project_list a:hover, #project_list a:active {
	color: #ffb040;
	text-decoration: underline;
}

#project_list a.back_to_top {
	display: block;
	text-align: right;
	text-decoration: none;
	font-size: .9em;
	margin-top: 5px;
}

#project_list a.back_to_top:hover{
	text-decoration: none;
}

#feature_project_name {
	color: #808285;
	font-size: 1.2em;
	font-weight: bold;
}

#skip_to_project {
	float: left;
	width: 668px;
	margin: 0 0 2em 0;
}

#skip_to_project li {
	float: left;
}

#skip_to_project li a {
	text-indent: -9999px;
	height: 50px;
	width: 50px;
	display: block;
	margin: 0 21px 0 0;
}

#skip_to_project #feature_project_skip a, #skip_to_project #feature_project_skip a:link, #skip_to_project #feature_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts.gif)  -1px -1px no-repeat;
}

#skip_to_project #feature_project_skip a:hover, #skip_to_project #feature_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts.gif)  -1px -52px no-repeat;
}

#skip_to_project #exjade_project_skip a, #skip_to_project #exjade_project_skip a:link, #skip_to_project #exjade_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts.gif)  -72px -1px no-repeat;
}

#skip_to_project #exjade_project_skip a:hover, #skip_to_project #exjade_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts.gif)  -72px -52px no-repeat;
}

#skip_to_project #justin_project_skip a, #skip_to_project #justin_project_skip a:link, #skip_to_project #justin_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts.gif)  -142px -1px no-repeat;
}

#skip_to_project #justin_project_skip a:hover, #skip_to_project #justin_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts.gif)  -142px -52px no-repeat;
}

#skip_to_project #zingo_project_skip a, #skip_to_project #zingo_project_skip a:link, #skip_to_project #zingo_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts.gif)  -212px -1px no-repeat;
}

#skip_to_project #zingo_project_skip a:hover, #skip_to_project #zingo_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts.gif)  -212px -52px no-repeat;
}

#skip_to_project #lap_project_skip a, #skip_to_project #lap_project_skip a:link, #skip_to_project #lap_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -1px 0px no-repeat;
}

#skip_to_project #lap_project_skip a:hover, #skip_to_project #lap_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -1px -50px no-repeat;
}

#skip_to_project #diabetes_project_skip a, #skip_to_project #diabetes_project_skip a:link, #skip_to_project #diabetes_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -71px 0px no-repeat;
}

#skip_to_project #diabetes_project_skip a:hover, #skip_to_project #diabetes_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -71px -50px no-repeat;
}

#skip_to_project #neurotoxins_project_skip a, #skip_to_project #neurotoxins_project_skip a:link, #skip_to_project #neurotoxins_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -141px 0px no-repeat;
}

#skip_to_project #neurotoxins_project_skip a:hover, #skip_to_project #neurotoxins_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -141px -50px no-repeat;
}

#skip_to_project #atlantic_project_skip a, #skip_to_project #atlantic_project_skip a:link, #skip_to_project #atlantic_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -211px 0px no-repeat;
}

#skip_to_project #atlantic_project_skip a:hover, #skip_to_project #atlantic_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_print.gif)  -211px -50px no-repeat;
}

#skip_to_project #cief_project_skip a, #skip_to_project #cief_project_skip a:link, #skip_to_project #cief_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_environment.gif)  -1px 0px no-repeat;
}

#skip_to_project #cief_project_skip a:hover, #skip_to_project #cief_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_environment.gif)  -1px -50px no-repeat;
}

#skip_to_project #sandwich_project_skip a, #skip_to_project #sandwich_project_skip a:link, #skip_to_project #sandwich_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_environment.gif)  -71px 0px no-repeat;
}

#skip_to_project #sandwich_project_skip a:hover, #skip_to_project #sandwich_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_environment.gif)  -71px -50px no-repeat;
}

#skip_to_project #concession_project_skip a, #skip_to_project #concession_project_skip a:link, #skip_to_project #concession_project_skip a:visited {
	background: url(../images/backgrounds/project_shortcuts_environment.gif)  -141px 0px no-repeat;
}

#skip_to_project #concession_project_skip a:hover, #skip_to_project #concession_project_skip a:active {
	background: url(../images/backgrounds/project_shortcuts_environment.gif)  -141px -50px no-repeat;
}

/***FOOTER*********************************************************/

#footer {
	background: #000000 url(../images/backgrounds/nav_footer.gif) left top no-repeat;
	padding: 30px 0 20px 0;
	clear: both;
}

#footer dl {
	float: right;
}

#footer dt, #footer dd {
	float: left;
	font-size: .9em;
}

#footer p {
	color: #3d4242;
	font-size: .7em;
}

#footer dt {
	color: #ff6a00;
	padding: 0 3px 0 0;
	letter-spacing: 1px;
}

#footer dd {
	padding: 0 15px 0 0;
	color: #3d4242;
}

#footer dd.last {
	padding: 0;
}

#footer dd a, #footer dd a:link, #footer dd a:visited{
	color: #3d4242;
	text-decoration: none;
}

#footer dd a:hover, #footer dd a:active{
	color: #ffb040;
}

#footer a, #footer a:link, #footer a:visited{
	color: #3d4242;
}

#footer a:hover, #footer a:active{
	color: #ffb040;
	text-decoration: underline;
}