* {
margin: 0;
border:0;
}

html, body {
text-align:center;
background:repeat-x #5D5D5D;
background-image:url(images/gradient_back-rough.gif);
height: 100%;
}

#container{	
min-height: 50%;
background-color:#FFF;
text-align:left;
margin-left: auto;
margin-right: auto;
width: 800px;

}

/*------ TYPOGRAPHY ------*/

h1 {
font-family:Minion, Georgia, serif;
font-size:26px;
color:#777;
}

h3 {
font-family:Minion, Georgia, serif;
font-size:12px;
color:#777;
letter-spacing:2px;
}

h4 {
font-family:Minion, Georgia, serif;
font-size:15px;
color:#000;
letter-spacing:2px;
}

h5 {
font-family:Univers, Helvetica, sans-serif;
font-weight:700;
font-size:14px;
letter-spacing:.25em;
color:#fff;
}

p {
font-family:Univers, Helvetica, sans-serif;
font-size:11px;
color:#000;
line-height:1.5em;
}

.comm {
font-family:Minion, Georgia, serif;
font-size:14px;
color:#777;
letter-spacing:.35em;
font-style:italic;
}

.caption {
text-decoration:none;
color:#666;
text-align:left;
font-family:Univers, Helvetica, sans-serif;
font-size:x-small;
letter-spacing:.125em;
font-weight:700;
}

.caption_print {
text-decoration:none;
color:#666;
text-align:right;
font-family:Univers, Helvetica, sans-serif;
font-size:x-small;
letter-spacing:.125em;
font-weight:700;
margin:10px;
}

a:link{text-decoration: none; color:#660033;}
a:visited{text-decoration: none; color:#660033;}
a:hover{text-decoration: none; color:#000;}
a:active{text-decoration: none; color:#660033;}

a.email:link{text-decoration: none; color:#fff;}
a.email:visited{text-decoration: none; color:#fff;}
a.email:hover{text-decoration: none; color:#660033;}
a.email:active{text-decoration: none; color:#fff;}

a.port:link{text-decoration: none; color:#000;}
a.port:visited{text-decoration: none; color:#000;}
a.port:hover{text-decoration: none; color:#660033;}
a.port:active{text-decoration: none; color:#000;}

a.slide:link{text-decoration: none; color:#fff;}
a.slide:visited{text-decoration: none; color:#fff;}
a.slide:hover{text-decoration:none; color:#999;}
a.slide:active{text-decoration: none; color:#fff;}

blockquote {
padding-left: 15px;
padding-top: 2px;
padding-bottom:15px;
}

#dottedline{
background:url(images/dot.gif) repeat-x center;
height:2px;
width:100%;
padding-top:5px;
padding-bottom:5px;
}

/*------ MASTHEAD ------*/




#header {
float:left;
position:absolute;
top:15px;
z-index:999;
}

#stamp {
	background:url(images/stamp.png) no-repeat;
	height:116px;
	left:0;
	position:absolute;
	top:0;
	width:151px;
	z-index:2;
}

#name {
float:left;
left:0;
padding-left:150px;
position:absolute;
top:15px;
width:483px;
z-index:3;
}

#navMain{padding:10px 0 0 150px;left:0;height:20px;width:650px;background-color:#B9B9B9;top:65px;position:absolute;z-index:1;}
#navMain li{display:inline;font:Minion, Georgia, serif 12px;color:#603;text-decoration:none;border-right:1px solid #fff;padding-right:1em;padding-left:1em;}
#navMain li.first{text-decoration:none;border-right:1px solid #fff;padding-right:1em;padding-left:0;}
#navMain li.firstcurrent{text-decoration:none;border-right:1px solid #fff 75%;padding-right:1em;padding-left:0;background-image:url(images/bg-arrow-resume.png);background-repeat:no-repeat;background-position:40%;padding-bottom:10px;}
#navMain li.current{text-decoration:none;border-right:1px solid #fff;padding-right:1em;padding-left:1em;background-image:url(images/bg-arrow-resume.png);background-repeat:no-repeat;background-position:50%;padding-bottom:10px;}
#navMain li.lastcurrent{text-decoration:none;border-right:0;padding-left:1em;padding-right:0;background-image:url(images/bg-arrow-resume.png);background-repeat:no-repeat;background-position:40%;padding-bottom:10px;}

#navPortfolio{padding:10px 0 0 150px;left:0;height:20px;width:650px;background-color:#555;top:97px;position:absolute;z-index:1;}
#navPortfolio li{display:inline;font:Minion, Georgia, serif 12px;color:#fff;text-decoration:none;border-right:1px solid #fff;padding-right:1em;padding-left:1em;}
#navPortfolio li.first{text-decoration:none;border-right:1px solid #fff;padding-left:0;padding-right:1em;}
#navPortfolio a{text-decoration:none;color:#B9B9B9;}
#navPortfolio a:hover{text-decoration:none;color:#fff;}
#navPortfolio li.firstcurrent{text-decoration:none;border-right:1px solid #fff;padding-left:0;padding-right:1em;background-image:url(images/bg-arrow-resume.png);background-repeat:no-repeat;background-position:40%;padding-bottom:10px;}
#navPortfolio li.lastcurrent{text-decoration:none;border-right:0;padding-left:1em;padding-right:0;background-image:url(images/bg-arrow-resume.png);background-repeat:no-repeat;background-position:80%;padding-bottom:10px;}

#navMain li.last,#navPortfolio li.last{text-decoration:none;border-right:0;padding-left:1em;padding-right:0;}

#navMain a,#navMain a:hover{text-decoration:none;color:#555;}


/*------ HOME CONTENT ------*/
#home_container {
top:130px;
position:absolute;
background:#fff;
width:800px;
z-index:1;
}

#home_blurb {
float:right;
position:relative;
top:28px;
left:-40px;
border:1px solid #ccc;
background:url(images/body-bg.jpg);
min-height:353px;
z-index:2;
padding:14px 10px;
width:200px;
}

/*------ PORTFOLIO CONTENT ------*/

#portfolio_container{
top:160px;
position:absolute;
background:#FFF;
width:800px;
height:auto;
z-index: 1;
}

#website_wrapper{
height:auto;
position:relative;
left:0;
width:600px;

}
#website{
position:relative;
float:left;
}

#webCaption{
margin-top:20px;
background:url(images/braket-caption.gif) no-repeat left;
float:left;
width:160px;
height:100px;
}

#webCaptionText{
padding-left:35px;
padding-right:10px;
padding-top:15px;
padding-bottom:15px;}

#print_container{
top:160px;
position:absolute;
background:#FFF;
width:800px;
height:auto;
z-index: 1;
}

#print_copy{
float:left;
position:relative;
padding-left:90px;
padding-right:90px;
width:700px;
}

#print_wrapper{
height:auto;
position:relative;
left:0px;
}
#print{
position:relative;
float:left;
	background:url(images/body-bg.jpg);
	border:1px solid #ccc;
	margin:5px;
}

#printCaption{
margin-top:20px;
background:url(images/braket-caption.gif) no-repeat left;
float:left;
width:160px;
height:100px;
}
#printCaptionText{
padding-left:35px;
padding-right:10px;
padding-top:15px;
padding-bottom:15px;}

/*------ RESUME CONTENT ------*/

#resume_container{
	top:160px;
	position:absolute;
	background:#FFF;
	width:800px;
	height:auto;
	z-index: 1;
}

#resume_copy{
float:left;
position:relative;
padding-left:150px;
width:560px;
}





/*------ HOME PAGE SLIDER - Featured Content Slider by: Chris Coyier ------*/

				  				  
/* UTILITY STYLES */				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }


/* PAGE STRUCTURE */
#page-wrap 									{ float:left; left:30px; z-index: 2; 
											  width: 500px; margin-top: -31px; position: relative; min-height: 500px;
											  background: url(images/bg.gif) top center; }


/* TYPOGRAPHY */
ul											{ list-style: square inside; }


/* SLIDER */
.slider-wrap								{ width: 419px; position: absolute; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white;
											  font:Univers, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff;}
.photo-meta-data span 						{ font:Univers, Arial, Helvetica, sans-serif; font-size: 12px;}
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }