* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
}
body {
	font:62.5%/1.5 Arial, Helvetica, sans-serif;
}

.skipper {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
#sizer {
	width:900px;
	margin:0 auto;
}
#sizer:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;
}
fieldset, a img {
	border:0;
}
a:hover, a:active {
	outline:none;
}
.hidden {
	display:none;
}
#header {
	float:left;
	width:900px;
	padding:37px 0 40px;
}
#name-type {
	position:relative;
}
#name-type h1 {
	font:55px/55px Arial, sans-serif;
	letter-spacing:-1px;
}
#name-type h1 .cufon-canvas {
	left:-2px;
}
#name-type h1 a {
	text-decoration:none;
}
#creative-type {
	font:23px/23px Arial, sans-serif!important;
}
body #creativeportfolio {
	position:absolute;
	bottom:10px;
	right:0;
	text-align:right;
	font-size:20px;
	height:61px;
}

#main-nav {
	position:absolute;
	bottom:2px;
	right:0;
	padding-top:47px;
	text-align:right;
	font-size:14px;
	line-height:22px;
}
#main-nav a {
	padding:0 2px;
	font-weight:bold;
	text-decoration:none;
}
#main-nav a:hover {
	color:#2267a9;
}
#content:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;
}
#content p {
	font-size:12px;
	margin-bottom:1.5em;
}
#footer {
	clear:both;
	width:900px;
	padding:28px 0;
	margin-top:25px;
	overflow:auto;
}
#copyright {
	float:left;
	padding-left:175px;
	width:270px;
	font-size:12px;
	height: 44px;
}
#footer-nav {
	float:right;
	width:490px;
	
}
#footer-nav li {
	float:left;
	display:inline;
	list-style:none;
	width:235px;
	margin-left:10px;
	font-size:12px;
}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
.section {
	clear:both;
	width:900px;
}
#creative-intro {
	float:left;
	clear:both;
	width:220px;
}
#featureds {
	float:right;
	width:650px;
	height:320px;
	margin:0 0 20px;
}
#featureds h2 {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}
#featureds li {
	float:left;
	display:inline;
	list-style:none;
	margin-bottom:20px;
}
#featureds li a {
	float:left;
	background:#666;
}
#featureds li.first-child {
	margin-right:20px;
}
.full-view {
	width:868px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.full-view .caption {
	width:846px;
	height:25px;
	margin:0 11px;
	line-height:25px;
	overflow:hidden;
}
.vshim {
	position:absolute;
	margin:20px 0 10px;
}
.full-image {
	margin:20px 0 10px;
}
.full-image img {
	visibility:hidden;
}
.full-image img.loaded {
	visibility:visible;
}
.set {
	position:relative;
	clear:both;
	min-height:132px;
	width:908px;
	margin:0 0 4px -4px;
}
.set h2 {
	padding:16px 0 0 32px;
	font:18px/18px Arial, sans-serif;
}
.set .inner {
	padding:0 20px 20px;
	overflow:hidden;
}
.set .scroller {
	float:left;
	width:100%;
}
.set ul {
	height:105px;
	padding:10px 0 5px;
}
.set ul.has-scrollbar {
	height:125px;
}
.set li {
	float:left;
	display:inline;
	list-style:none;
	line-height:0;
	width:120px;
	height:90px;
	padding:4px 7px 8px 5px;
	margin:0 0 0 12px;
}
.set li.first-child {
	margin-left:8px;
}
.scroller img {
	width:120px;
	height:90px;
}
.scroller li.selected {
	position:relative;
	display:inline-block;
}
.scroller li.selected span {
	width:120px;
	height:90px;
	z-index:9999;
	position:absolute;
	cursor:pointer;
}
.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1;
	clear:both;
	margin:0!important;
}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	bottom:0;
	height:17px!important;
}
.jScrollIntervalTrack {
	position:absolute;
}
.jScrollPaneDrag {
	position:absolute;
	height:17px!important;
	margin:0!important;
	cursor:pointer;
	overflow:hidden;
}
.jScrollPaneDragLeft {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	width:50%;
}
.jScrollPaneDragRight {
	position:absolute;
	bottom:0;
	right:0;
	overflow:hidden;
	width:50%;
}
a.jScrollArrowLeft {
	display:none;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	width:11px!important;
	text-indent:-9999px!important;
	overflow:hidden;
	height:21px;
}
a.jScrollArrowRight {
	display:none;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	width:11px!important;
	text-indent:-9999px!important;
	overflow:hidden;
	height:21px;
}
#download-links {
	float:left;
	clear:both;
	width:230px;
}
#download-links p {
	margin:0 0 .75em;
	padding:0 0 0 .2em;
	color:#666;
}
#download-links ul {
	width:164px;
}
#download-links ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:.1em;
	visibility:hidden;
}
#download-links li {
	float:left;
	display:inline;
	width:164px;
}
#download-links #download-pdf a {
	display:block;
	height:24px;
	margin-bottom:20px;
	text-indent:-9999px;
	overflow:hidden;
}
.resume-page .section {
	clear:both;
	width:900px;
}
.resume-page .section h2 {
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#666;
}
.resume-page .section h2 span {
	display:block;
	min-height:18px;
	padding:3px 20px;
}
.resume-page .section ul {
	width:900px;
	overflow:auto;
}
.resume-page .section li {
	float:left;
	clear:both;
	display:inline;
	list-style:none;
	width:670px;
	margin-left:230px;
	padding:2em 0 0;
}
.resume-page .section li dl {
	overflow:auto;
}
.resume-page .section li dt {
	font:14px/18px Arial, Helvetica, sans-serif;
}
.resume-page .section li.first-child {
	border-top:0;
}
.resume-page .section li dt, .resume-page .section .org, .resume-page .section .main-desc {
	float:left;
	display:inline;
	width:600px;
}
.resume-page .section .main-desc ul {
	margin-bottom:1.8em;
}
.resume-page .section .main-desc p+ul {
	margin-top:-1.8em;
}
.resume-page .section .main-desc ul li {
	margin:0 0 0 20px!important;
	list-style:square outside;
	font-size:12px!important;
}
.resume-page .section .main-desc ul li * {
	font-size:1em!important;
}
.resume-page .section .main-desc ul li p {
	margin:0!important;
}
#links-of-interest dt, .resume-page .section .org {
	margin-bottom:.5em;
	font:22px/1.1 Arial, Helvetica, sans-serif;
}
.resume-page .section .org strong {
	font-weight:normal;
}
#links-of-interest dt a, .resume-page .section .org a {
	text-decoration:none;
}
.resume-page .section .supl-info, .resume-page .section .period {
	float:right;
	width:220px;
	padding-bottom:2em;
}
.resume-page .section .period {
	font-size:12px;
}
#general-info {
	float:right;
	clear:none;
	width:670px;
}
#general-info h2 {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}
#general-info .main-desc {
	margin:0;
}
h3.residence {
	margin-bottom:.8em;
	font:23px/23px Arial, sans-serif!important;
}
#links-of-interest .main-desc {
	clear:both;
}
#link-to-full {
	float:left;
	clear:both;
	width:900px;
	min-height:27px;
	margin-top:20px;
	padding:12px 20px;
}
#link-to-full p {
	margin:0;
	font-size:15px!important;
	line-height:27px;
}
#link-to-full .separator {
	color:#999;
	margin:0 .5em;
}
.section+#link-to-full {
	margin-top:15px;
}
#status {
	width:100%;
	height:43px;
	background:transparent url(../cssi/cdb/statusbar.png) repeat-x;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
}
#status a {
	color:#FFF;
	text-decoration:none;
}
#status-sizer {
	width:900px;
	margin:0 auto;
}
#status-message {
	float:left;
	padding:10px 0;
}
#status-links {
	text-align:right;
	padding:10px 0;
}
#status-links .close-button {
	background:transparent url(../cssi/cdb/statusbar-close.gif) no-repeat 0 0;
	color:transparent;
	width:16px;
	height:16px;
	display:-moz-inline-box;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	font-size:0;
	vertical-align:text-top;
	zoom:1;
}
.ff2 #main-nav {
	bottom:6px;
}
.ie7 #main-nav {
	bottom:12px;
}
.ie7 .jScrollPaneContainer .scroller li.last-child {
	right:0!important;
}
.ie6 .scroller {
	overflow:hidden;
}
.ie6 .jScrollPaneContainer .scroller li.selected {
	left:12px;
}
.ie6 .jScrollPaneContainer .scroller li.last-child {
	left:0!important;
}
.ie6 #featureds {
	background:none;
}
.ie6 .set h2, .ie6 .set .inner, .ie6 .set li, .ie6 .scroller li.selected span, .ie6 .resume-page .section h2 span, .ie6 #link-to-full {
	background:none!important;
}
.leftcolumn {
	float:left;
	width: 49%;
	padding:0;
	margin:0;
}

.rightcolumn {
	float:right;
	width: 50%;
	padding:0;
	margin:0;
}
.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
/*contact part*/
#contact {width:240px;margin:0;}
.message {
	color: #555;
	display:none;
	width:230px;
	margin-left:18px;
	padding: 5px;
	font-size:0.9em;
	line-height:2em;}

.multiple_callback {
	font-style: normal;
	color:#fff;}

.returnback {
	font-style:italic;
	color:#555;
}

.contact {text-align:left; float:left; padding-left:10px; width:250px; }
.contact ul {list-style-type:none;width:250px;}
.contact li {list-style-type:none;margin:8px;}
.contact li.special {display:none;}

input.namefield, input.mailfield {
	width:185px;
	height: 18px;
	padding-left:40px;
	border:0;}

input.namefield {
	background: #222 url('../../images/f_name.png') 10px 50%  no-repeat;}

input.mailfield {
	background: #222 url('../../images/f_mail.png') 10px 50%  no-repeat;}

.contact textarea {
	width: 215px;
	height:160px;
	border: 0;
	font-family: Lucida Grande, Arial;
	font-size:1em;
	padding-top:0px;
	overflow:auto;
	padding-left:8px;
	background: #222;}

textarea.on {color:#555; font-style:Italic;}
textarea {color:#fff; font-style: normal;}


.submitbutton{
	width: 70px;
	height: 25px;
	border: 0;
	padding-right: 0px;
	float: right;}
	
.submitbutton input {background: url('../../images/send.png'); border: 0; width: 70px; height: 25px;}
.mail {padding-left:10px; font-family: Georgia; font-size:1.2em; font-style: Italic; color:#fff;}
.mailbody {padding-left:10px;  color:#fff;}
/*spiffy*/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#222222}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #0e0e0e;
  border-right:1px solid #0e0e0e;
  background:#191919}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #030303;
  border-right:1px solid #030303;
  background:#1b1b1b}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #1b1b1b;
  border-right:1px solid #1b1b1b;}
.spiffy4{
  border-left:1px solid #0e0e0e;
  border-right:1px solid #0e0e0e}
.spiffy5{
  border-left:1px solid #191919;
  border-right:1px solid #191919}
.spiffyfg{
  background:#222222;}
  /* remember to define focus styles! */
:focus {
	outline: 0;
}