body {
/* scrollbar style */
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-3dlight-color: #DFE2E6; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #DFE2E6; 
	scrollbar-track-color: #F5F5F5; 
	scrollbar-darkshadow-color: #DFE2E6;
	scrollbar-width: 10px;
}

body.main {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin:10px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;/* 1684A8*/ 
}

body.photoGallery {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin:0px;
	padding:0px 0px 0px 0px;
	background-color: #1684A8; 
}

a.link, a.visited, a.active {
	font-size: 10px;
	color: #336600;
}

form {
	padding:0px;
	margin:0px;
}

/* xml-portfolio style */
.header {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

.category, .label {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #000;
	white-space:nowrap;
	margin:0px;
	padding:0px 0px 0px 10px;
}

.client, .projectTitle, .jobTitle, .role {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

 .skills {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight:normal;
	width:10px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

.caseStudy {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight:normal;
	line-height: 14px;
	border:1px solid black;
	background-color:#a8a8a8;
	width:205px;
	height:115px;
	overflow:auto;
	margin:3px 0px 0px 10px;
	padding:0px 5px 0px 5px;
}

.date {
	position:absolute;
	top:14px;
	left:250px;
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

.imageBorder{
	position:absolute;
	top:30px;
	left:250px;
	width:404px;
	height:292px;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background-image:url('../images/pattern_5229.gif');
}

.imageBorderMain{
	position:absolute;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background-image:url('../images/pattern_5229.gif');
}

.placeholder{
	width:395px;
	height:285px;
	padding-left:3px;
	background-image:url('../images/portfolio/samplerPS.jpg');
	background-repeat:no-repeat;
	background-position:center;
}

.thumbPosition {
	position:absolute;
	margin-top: 5px;
	top:262px;
	left:20px;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	width: 218px;
}

.thumbs {
	border: 1px solid #336699;
	margin:0px;
	padding:0px;
}

table.mainBodyContent td.mainBody a.buttonWeb:link, a.buttonWeb:visited, a.buttonWeb:active {
	position:absolute;
	top:325px;
	left:580px;
  background-color: #26AE21;
	width:70px;
	height:12px;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8px;
  color: #000000 !important;
	text-align:center;
  text-decoration:none !important;
  text-transform: uppercase;
  border-left: 1px solid #8C9AAD;
  border-top: 1px solid #8C9AAD;
  border-right: 1px solid #103463;
  border-bottom: 1px solid #103463;
  margin: 3px 0px 3px 0px;
  padding: 0px 3px 0px 3px;
  cursor:hand;
	vertical-align:middle;
}

table.mainBodyContent td.mainBody a.buttonWeb:hover {
	position:absolute;
	top:325px;
	left:580px;
  background-color: #26AE21;
	width:70px;
	height:12px;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8px;
  color: #000000 !important;
	text-align:center;
  text-decoration:none !important;
  text-transform: uppercase;
  border-right: 1px solid #8C9AAD;
  border-bottom: 1px solid #8C9AAD;
  border-left: 1px solid #103463;
  border-top: 1px solid #103463;
  margin: 3px 0px 3px 0px;
  padding: 0px 3px 0px 3px;
  cursor:hand;
}
/* end portfolio style */

/* buttons */
/* illustration nav */
.buttonIllustrations {
  background-color: #426184;
  color: #FFFFFF !important;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-left: 2px solid #8C9AAD;
  border-top: 2px solid #8C9AAD;
  border-right: 2px solid #103463;
  border-bottom: 2px solid #103463;
  padding-left: 6px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 9px;
  cursor:pointer;
  text-decoration:none !important;
  text-transform: uppercase;
}

.buttonGo {
  background-color: #26AE21;
  color: #000000 !important;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-left: 1px solid #8C9AAD;
  border-top: 1px solid #8C9AAD;
  border-right: 1px solid #103463;
  border-bottom: 1px solid #103463;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 8px;
  cursor:hand;
  text-decoration:none !important;
  text-transform: uppercase;
}
/* end: buttons styles */

/* begin legal style */
table.legal {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	height:37px !important;
	font-size: 9px;
	line-height:normal !important;
	color: #000000;
}

td.legalFirstTD {
	background-image:  url("../images/footer/footer_01.gif");
	width:11px;
	vertical-align:top;
}

td.legalLastTD {
	background-image:  url("../images/footer/footer_07.gif");
	width:9px;
	vertical-align:top;
}

td.legal {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align:right;
	padding-right:2px;
  background-image:  url("../images/footer/footerBG.gif");
}

td.legalBold {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight:bold;
  background-image:  url("../images/footer/footerBG.gif");
}

td.legalBold, a:link, a:visited, a:active {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}

td.legalBold, a:hover {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration:underline;
}

input.legal {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	border:1px solid black;
	font-size: 9px;
	color: #000000;
	height:11px;
}
/* end legal style */

/* begin: main screen illustration navigation */
table.mainNavigation {
  	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-weight: normal;
		background-color:#1D588B;
}

td.mainNavigation {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
	width:134px;
	height:19px;
	background-image: url("../images/mainNav/mainNav_left-hand-na.jpg");
}

td.mainNavigation a.mainNavigation:link, a.mainNavigation:active, a.mainNavigation:visited {
  padding: 1px 5px 1px 5px;
  color: #66CC66;
  text-decoration: none;
}

td.mainNavigation a.mainNavigation:hover {
  padding: 1px 5px 1px 5px;
  color: #00FF00;
  text-decoration: none;
}
/* end: main illustration navigation */

/* begin second level navigation */
body.secLevel {
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin:10px 0px 0px 0px;
	padding:0px;
}

table.secLevel {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#ffffff;/*dark blue:1D588B */
	border: 1px outset #000000;
	width:140px;
}

table.secLevel th.secLevelDark {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
	color:#000;
	background-color:#ffffff;/* very dark blue: 042240*/
  text-decoration: none;
	text-align:left !important;
	padding:2px 0px 2px 10px;
	height:19px;
}

table.secLevel td.secLevelDark {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
	color:#CCCCCC;
	background-color:#ffffff;/* very dark blue: 042240*/
	padding:2px 0px 2px 15px;
  text-decoration: none;
	height:19px;
}

table.secLevel td.secLevelBlue {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
	color:#CCCCCC;
	background-color:#ffffff;/*1D588B*/
	padding:2px 0px 2px 18px;
	font-weight:bold;
  text-decoration: none;
	height:19px;
}

a.secLevelBlue:link, a.secLevelBlue:active, a.secLevelBlue:visited {
  font-weight: bold;
  color: #042240;
  text-decoration: none;
}

table.secLevel td.secLevelBlue a.secLevelBlue:hover {
  font-weight: bold;
  color: #042240;
  text-decoration: underline;
}

table.secLevel td.secLevelWhite {
	height:21px;
	background-color:#8a8a8a;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
	color:#FFFFFF;
  text-decoration: none;
	padding:2px 2px 5px 10px;
}

table.secLevel td.secLevelWhite a.secLevelWhite:link, a.secLevelWhite:active, a.secLevelWhite:visited {
  color: #FFFFFF;
  text-decoration: none;
}

table.secLevel td.secLevelWhite a.secLevelWhite:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

table.secLevel td.secLevelBlack {
	height:21px;
	background-color:#8a8a8a;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
	color:#000000;
  text-decoration: none;
	padding:2px 2px 5px 10px;
}

table.secLevel td.secLevelBlack a.secLevelBlack:link, a.secLevelBlack:active, a.secLevelBlack:visited {
  color: #000000;
  text-decoration: none;
}

table.secLevel td.secLevelBlack a.secLevelBlack:hover {
  color: #000000;
  text-decoration: underline;
}

table.secLevel td.secLevel {
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
	height:19px;
  padding: 1px 5px 1px 5px;
}

table.secLevel td.secLevel a.secLevel:link, a.secLevel:active, a.secLevel:visited {
  color: #66CC66;
  text-decoration: none;
}
table.secLevel td.secLevel a.secLevel:hover {
  color: #66CC66;
  text-decoration: underline;
}
/* end second level navigation style */

/* begin first level navigation style */
table.mainNavigation a:link, a:active, a:visited {
	padding: 0px !important;
	margin: 0px !important;
}
/* end first level navigation style */

/* begin main body content style */
table.mainBodyContent {
	width:703px;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

table.mainBodyContent td.mainBody_upLtCorner {
	background-image:url(../images/mainBody/mainBody_upLtCorner.gif);
	width: 10px;
	height: 10px;
}
table.mainBodyContent td.mainBody_top {
	background-image:url(../images/mainBody/mainBody_top.gif);
	width: 677px;
	height: 10px;
}
table.mainBodyContent td.mainBody_upRtCorner {
	background-image:url(../images/mainBody/mainBody_upRtCorner.gif);
	width: 16px;
	height: 10px;
}

table.mainBodyContent td.mainBody_ltSide {
	background-image:url(../images/mainBody/mainBody_ltSide.gif);
	width: 10px;
	height: 326px;
}
table.mainBodyContent td.mainBody {
	background-image:url(../images/mainBody/mainBody_BG.gif);
	color:#111111;
	width: 677px;
	height: 326px;
}
table.mainBodyContent td.mainBody a.mainBody:link, a.mainBody:active, a.mainBody:visited {
  color: #000000;
  text-decoration: none;
}
table.mainBodyContent td.mainBody a.mainBody:hover {
  color: #000000;
  text-decoration: underline;
}
table.mainBodyContent td.mainBody_rtSide {
	background-image:url(../images/mainBody/mainBody_rtSide.gif);
	width: 16px;
	height: 326px;
}
/* end main body content style */
.aboutContent {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight:normal;
	line-height: 14px;
	border:1px solid black;
	background-color:#a8a8a8;
	width:205px;
	height:270px;
	overflow:auto;
	margin:3px 0px 0px 10px;
	padding:0px 5px 0px 5px;
}

.datePhoto {
	position:absolute;
	top:14px;
	left:250px;
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

.photoBlurb {
	font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight:normal;
	line-height: 14px;
	border:1px solid black;
	background-color:#a8a8a8;
	width:205px;
	height:129px;
	overflow:auto;
	margin:3px 0px 0px 10px;
	padding:0px 5px 0px 5px;
}

.thumbPhotos {
	position:absolute;
	margin-top: 5px;
	top:209px;
	left:20px;
	text-align: center;
	vertical-align: middle;
	height: 105px;
	width: 218px;
}