@charset "UTF-8";
/* CSS Document */

/**************************************************************************************
MAIN BODY TAGS*/

body {
	padding:0px;
	margin:0 auto;
	background:url(../img/bg_main.jpg) repeat;
	letter-spacing:1.5px;
	font-family:Optima, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}
img {
	border:none;
}
div#gradient {
	padding:0 0 230px 0;
	margin:0 auto;
	background:url(../img/bg_grad.jpg) repeat-x;
	min-height:600px;
	min-width:1000px;
}

div#copyContainer {
	padding:15px 5px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px solid #95b987;
	border-bottom:1px solid #95b987;
	height:auto;
	width:530px;
	font-family:Optima, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}

a:link {
	text-decoration:none;
	color:#677a60;
	border:0px;
}

a:active {
	text-decoration:underline;
	color:#677a60;
	border:0px;
}


a:visited {
	text-decoration:none;
	color:#677a60;
	border:0px;
}


a:hover {
	text-decoration:underline;
	color:#677a60;
	border:0px;
}

div.callOutQuote {
	width:520px;
	margin:13px 0;
	padding:3px;
	font-size:13px;
	text-align:left;
	letter-spacing:.5px;
}

div.callOutQuote p img {
	margin:6px 12px 6px 0;
	float:left;
	width:237px;
	height:auto;
}

div.copyContainerCopy {
	margin:0 auto;
	margin-top:15px;
	text-align:center;
}

div.copyContainerCopy p {
	letter-spacing:0px;
	text-align:left;
}

p.copyLeft {
	letter-spacing:0px;
	text-align:left;
	color:#000;
}
	

img.bigPic {
	width:540px;
	height:auto;
	margin:10px 0 0px 0;
}

/**************************************************************************************
MASTHEAD TAGS*/

a img#bannerCiotti {
	margin:0px;
	padding:0px;
	border:0px;
	height:145px;
	width:516px;
}

img#bannerEnviron {
	margin:0px;
	padding:0px;
	border:0px;
	float:right;
	height:145px;
	width:364px;
}

/**************************************************************************************
NAVIGATION TAGS*/

div#nav {
	height:40px;
	width:542px;
	border:0px;
	margin:0 auto;
	margin-top:47px;
}

span#projects {
	height:40px;
	width:96px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -0px -0px;
}

span#projects:hover {
	height:40px;
	width:96px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -0px -40px;
}

span#projectsPage {
	height:40px;
	width:96px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -0px -40px;
}

span#artworks {
	height:40px;
	width:191px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -96px -0px;
}

span#artworks:hover {
	height:40px;
	width:191px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -96px -40px;
}

span#artworksPage {
	height:40px;
	width:191px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -96px -40px;
}

span#habitat {
	height:40px;
	width:132px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -287px -0px;
}

span#habitat:hover {
	height:40px;
	width:132px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -287px -40px;
}

span#habitatPage {
	height:40px;
	width:132px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -287px -40px;
}

span#resume {
	height:40px;
	width:123px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -419px -0px;
}

span#resume:hover {
	height:40px;
	width:123px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -419px -40px;
}

span#resumePage {
	height:40px;
	width:123px;
	border:0px;
	margin:0 auto;
	float:left;
	background:url(../img/nav.gif) -419px -40px;
}

/**************************************************************************************
HOME TAGS*/

div.italic {
	font-style:italic;
	letter-spacing:0px;
}

/**************************************************************************************
RESUME DIRECTORY TAGS*/

span#resumeNav {
	text-transform:uppercase;
}


/**************************************************************************************
RESUME > RESUME PAGE TAGS*/

table#resume {
	margin:0 auto;
	margin:30px 0px;
}

table#resume tbody tr td {
	width:178px;
	margin:0 auto;
	vertical-align:top;
}

table#resume tbody tr td a img {
	border:0px;
	margin:0 auto;
	width:170px;
	height:auto;
}

/**************************************************************************************
RESUME > BIOGRAPHY PAGE TAGS*/

table#biography {
	width:100%;
	margin:0 auto;
}


/**************************************************************************************
RESUME > ARTICLES PAGE TAGS*/


/**************************************************************************************
ANY ACCROSS SMALL TABLE TAGS, ex. OSSABAW ISLAND*/

table.accrossSmall {
	width:540px;
	margin:0 auto;
	margin-top:15px;
}

table.accrossSmall tbody tr td {
	margin:0 auto;
}

table.accrossSmall tbody tr td a img {
	margin:0 auto;
	border:0px;
	width:95%;
	padding:0px 2%;
}

/**************************************************************************************
SIX ACCROSS TABLE TAGS*/

table.thumbsSixAcross {
	width:540px;
	margin-top:15px;
}

table.thumbsSixAcross a img {
	margin:0 auto;
	width:86px;
	height:86px;
	border:0px;
	padding-bottom:7%;
}

table.thumbsSixAcross tbody tr td {
	width:91px;
	height:91px;
}


/**************************************************************************************
ANY ACCROSS TABLE TAGS*/

table.thumbsAnyAcross {
	margin:0 auto;
	margin-top:15px;
}

table.thumbsAnyAcross a img {
	margin:0 auto;
	width:86px;
	height:86px;
	border:0px;
	padding-bottom:7%;
}

table.thumbsAnyAcross tbody tr td {
	width:91px;
	height:91px;
}

/**************************************************************************************
2 HORIZONTAL MENU TABLE TAGS*/

table.twoHorizontal {
	margin:0 auto;
	border:0px;
	margin-bottom:30px;
}

table.twoHorizontal tbody tr td {
	height:auto;
	vertical-align:top;
	width:265px;
}

table.twoHorizontal tbody tr td.inner1 {
	width:284px;
	margin-left:0px;
}

table.twoHorizontal tbody tr td.inner1 a img {
	border:0px;
	height:186px;
	width:257px;
}

table.twoHorizontal tbody tr td.inner2 {
	width:265px;
	margin-left:80px;
}

table.twoHorizontal tbody tr td.inner2 a img {
	border:0px;
	height:186px;
	width:257px;
}

table.twoHorizontal tbody tr td.outer1 {
	width:225px;
}
p.twoHorizontalRight {
	text-align:right;
	margin-right:30px;
	margin-top:45px;
	text-transform:uppercase;
}


table.twoHorizontal tbody tr td.outer2 {
	width:265px;
}

p.twoHorizontalLeft {
	text-align:left;
	margin-left:25px;
	margin-top:45px;
	text-transform:uppercase;
}

/**************************************************************************************
3 HORIZONTAL MENU TABLE TAGS*/

table.threeHorizontal {
	margin:0 auto;
	margin-bottom:20px;
	border:0px;
	width:860px;
}

table.threeHorizontal tbody tr td {
	width:33%;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
	text-transform:uppercase;
}

table.threeHorizontal tbody tr td a img {
	margin:20px 0;
	width:257px;
	height:186px;
	border:0px;
	padding:0px;
}


/**************************************************************************************
ERIE TAGS*/