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

body {margin:0;background-image: url(../images/bg.png);}


#container 	{width:1004px;	margin-top: 0;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;	position: relative;	z-index: 3;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}

#header		{height: 187px;	width: 960px;	margin: 0px;	background-image: url(../images/shadowhead.png);	padding-top: 32px;	padding-right: 22px;	padding-bottom: 0px;	padding-left: 22px;	
			 background-repeat: no-repeat;background-position: center;}

#content		{float:left;	margin-left: 0px;	margin-right: 0px;	width: 1004px;	margin-bottom: 0px;	background-image: url(../images/shadowbg.png);	background-position: center; padding:0px}



#bio 		 {
	float: left;
	width: 250px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 40px;
}

#navbox		 { float: left; height: 215px; width: 250px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
#prnt 		 { float: left; height: 85px; width: 115px; text-align: left; border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; margin-left: 20px; 
}
#ntractv	 { float: left; height: 85px; width: 115px; margin-left: 0px; text-align: left; border-top:1px solid #000; }
#othr 		 {float: left;	height: 85px;	width: 115px;	text-align: left; border-top:1px solid #000;}
#cv 		 { float: left; height: 85px; width: 115px; margin-left: 20px; text-align: left; border-top:1px solid #000; }



.cover  { border-top:2px solid #000000; width:632px; float:left; padding-top:20px; margin-top: 0; margin-right: 0; margin-bottom: 40px; margin-left: 40px; }

.coverIndex {	width:632px;	float: left;	padding-top:0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;	margin-left: 40px;}


#projectbar  
{ width:922px; height: 40px; float: left; margin: 0px 0px 40px 40px; text-align: left; font-family:"Trebuchet MS", Verdana, sans-serif; color:#000; font-size: 1em; font-weight: normal; letter-spacing: 0em; }

#projects 	 {width: 250px;	height: 20px;float: left;padding-top:2px;border-top:1px solid #000;text-align: left;margin-top: 0px;margin-right: 0px;margin-bottom:0;	margin-left: 0px;}

#navHoriz
{width: 250px;	height: 20px;	float: left;	padding-top:2px;	border-top:1px solid #000;	text-align: left;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;	margin-left: 0px;}

#print 		 
{ width: 158px; height: 20px; float: left; padding-top:2px; border-top:1px solid #000; text-align: left; font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 8px; }

#interactive { width: 150px; height: 20px; float: left; padding-top:2px; border-top:1px solid #000; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 40px; }
#other 		 {width: 150px;height: 20px;float: left;padding-top:2px;border-top:1px solid #000;margin: 0px 0px 0px 8px;text-align: left;}
#resume 	 {width: 150px;height: 20px;float: left;padding-top:2px;border-top:1px solid #000;margin: 0px 0px 0px 8px;text-align: left;}

.description {float: left;	height: 310px;	width: 250px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 40px;	margin-left: 40px;	text-align: left;	border-top:1px solid #000;}

.web {width:632px;height:474px;float: left;border-top:2px solid #000;margin-right: 20px;margin-bottom: 40px;margin-left: 40px;padding-top: 10px;}

.art {background-color: #FFFFFF;	background-image: url(../images/bg_shadow.png);	background-repeat: repeat-y;	background-position: 9px;}
.big_pic { height: 309px; width: 412px; margin-right: 0px; margin-bottom: 0px; margin-left: 40px; float: left; cursor:pointer; padding-top:10px; border-top-width: 2px; border-top-style: solid; border-top-color: #333; }
.thumb_01 {	float: left;	height: 135px;	width: 180px;	margin-top: 0px;	margin-right: 20px;	margin-bottom: 20px;	margin-left: 40px;	cursor:pointer;  border-top:1px solid #000; padding-top:10px;}
.thumb_02 {	float: left;	height: 135px;	width: 180px;	margin-top: 20px;	margin-right: 20px;	margin-bottom: 40px;	margin-left: 40px;	cursor:pointer;}

#footer		
{ clear: both; width: 1004px; background-image: url(../images/shadowfooter.png); background-position:center 22px; margin: 0px; background-repeat: no-repeat; overflow: auto; height: 250px; }

#contact 	{border-top:1px solid #000;	float: left;	width: 250px;	height: 180px;	text-align: left;	padding: 0px;	margin-left: 40px;}
#logo 		{border-top:1px solid #000; padding-top:10px; float: left; width: 110px;	height: 180px; text-align: left; padding-right: 20px;	padding-bottom: 0px;  margin-left:20px;}
#pdf_portfolio {border-top:1px solid #000;	padding-top:10px;	width: 205px;	float: left;	height: 170px;	text-align: left;	padding-right: 0px;	padding-bottom: 0px;	margin-left:20px;}
#cv_resume  {border-top:1px solid #000;	padding-top:20px;	float: left;	width: 184px;	height: 170px;	text-align: left;	padding-bottom: 0px;	margin-left:20px;}
#twitter 	{border-top:1px solid #000;	padding-top:20px;	width: 205px;	float: left;	text-align: left;	padding-right: 0px;	padding-bottom: 0px;	margin-left:40px;}
#flickr{ border-top:1px solid #000; text-align: left; float: left; width: 409px; padding-top: 20px; padding-bottom: 0px; margin-left:20px; height: 200px; }


#photos 	{  border-top:1px solid #000; padding-top:10px;text-align: left;	float: left;	height: 170px;	width: 185px;padding-right: 20px;	margin-left:20px;}



/* LINKS 
_______________________________________________________*/

a:link 		{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;text-decoration:none;letter-spacing: .12em;}
a:visited 	{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;text-decoration:none;letter-spacing: .12em;}
a:hover 	{font-family:"Trebuchet MS", Verdana, sans-serif;color:#CCCCCC;text-decoration:none;letter-spacing: .12em;}
a:active 	{font-family:"Trebuchet MS", Verdana, sans-serif;letter-spacing: .12em;}

.thumb_01 a:link{font-family:"Trebuchet MS", Verdana, sans-serif;color:#333333; text-decoration:none; background:#FFFFFF;}
.thumb_01 a:visited{font-family:"Trebuchet MS", Verdana, sans-serif;color:#999999; text-decoration:none; background:#FFFFFF;}
.thumb_01 a:hover{font-family:"Trebuchet MS", Verdana, sans-serif;color:#666666; text-decoration:none; background:#FFFFFF;}
.thumb_01 a:active{font-family:"Trebuchet MS", Verdana, sans-serif;color:#CCCCCC; text-decoration:none; background:#FFFFFF;}

.thumb_02 a:link{font-family:"Trebuchet MS", Verdana, sans-serif;color:#333333; text-decoration:none; background:#FFFFFF;}
.thumb_02 a:visited{font-family:"Trebuchet MS", Verdana, sans-serif;color:#999999; text-decoration:none; background:#FFFFFF;}
.thumb_02 a:hover{font-family:"Trebuchet MS", Verdana, sans-serif;color:#666666; text-decoration:none; background:#FFFFFF;}
.thumb_02 a:active{font-family:"Trebuchet MS", Verdana, sans-serif;color:#CCCCCC; text-decoration:none; background:#FFFFFF;}

.slide.Numbers a:link{;}
.slide.Numbers a:visited{;}
.slide.Numbers a:hover{;}
.slide.Numbers a:active{;}

.vert a:link		{display: block;}
.vert a:visited		{display: block;}
.vert a:hover		{display: block;}
.vert a:active		{display: block;}

.horiz a:link{;}
.horiz a:visited{;}
.horiz a:hover{;}
.horiz a:active{;}

.horiz a:link{;}
.horiz a:visited{;}
.horiz a:hover{;}
.horiz a:active{;}

.details a:link{border-top:#CCC 1px;}
.details a:visited{border-top:#CCC 1px;;}
.details a:hover{border-top:#2dafc2 1px;;}
.details a:active{border-top:#CCC 1px;;}

.details{;}

/* TYPE
-------------------------------------------------------------- */
h1	{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;margin-top:0px;margin-bottom:0px;font-size:1.4em;font-weight: normal;background: #FFFFFF;letter-spacing: .12em;}
h2	{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;font-size: 1em; font-weight: normal; letter-spacing: .25em;}
h3	{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;font-size: .95em;font-weight: normal;font-size: 1.05em;margin: 0px;padding-top:10px;}
h4	{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;margin-left: 10px;font-size: 1.15em;letter-spacing: .05em;}
p	{font-family:"Trebuchet MS", Verdana, sans-serif;	color:#000; font-size:0.85em;} 

.vert{font-family:"Trebuchet MS", Verdana, sans-serif;color:#000;font-size: 1em; font-weight: normal; letter-spacing: .25em;}
.horiz{ font-family:"Trebuchet MS", Verdana, sans-serif; color:#000; font-size: 1em; font-weight: normal; }

.emphasis {
	font-color:2dafc2;
	color: #2dafc2;
	font-weight: bold;
}

.slideNumbers {
width:2
font-family:"Trebuchet MS",Verdana,sans-serif; color:#333; margin-top:10px; margin-bottom:0px; border-top:#CCC; font-size:0.85em; font-weight: normal; background: #FFFFFF; letter-spacing: 0.1em; }

.twitter-title{font-size:.75em;}

#ul_twitter_update_list{;}

/* TYPE
-------------------------------------------------------------- */
img
{  border-style: none;}

.clearfix:after, .container:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }