@charset "utf-8";


* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #c2d0d0 url(../images/background.gif) repeat-x;
}

a {
	color: #000;
	text-decoration: none;
}

img{
	border: 0;
}

#container {
	margin: 0 auto;
	width: 1024px;
}

#masthead{
	position: relative;
	background: url(../images/header.jpg) no-repeat;
	height: 222px;
	width: 1024px;
}

#inkBottom{
	position: absolute;
	left: 37px;
}

h1{
	color: #75746a;
	font-size: 58px;
	position: absolute;
	right: 45px;
	top: 54px;
}

#nav{
	position: absolute;
	top: 125px;
	right: 49px;
}

.btnNav{
	color: #75746a;
	font-size: 26px;
}

.btnNav:hover{
	color: #54534c;
}

#nav li {
	display: inline;
	padding-left: 14px;
}

#nav .bullet{
	background: url(../images/bullet.gif) no-repeat left center;
}

#emailLink{
	color: #75746a;
	text-align: right;
	font-size: 18px;
	position: relative;
	left: 404px;
}

#intro{
	width: 1024px;
	height: 268px;
	position: relative;
}

#content{
	width: 1024px;
	height: auto;
	position: relative;
}

#bio{
	background: url(../images/intro.jpg) no-repeat;
	width: 535px;
	height: 229px;
	position: absolute;
	right: 9px;
	top: 0;
}

/* blurb */

#blurb{
	color: #6d8d8c;
	font-size: 26px;
	position: relative;
	left: 60px;
	bottom: 50px;
}

#blurbSec2{
	position: relative;
	left: 32px;
}

#blurbSec3{
	position: relative;
	right: 8px;
}

#blurbSec4{
	position: relative;
	left: 144px;
	bottom: 4px;
}

#blurbQuote1{
	position: relative;
	right: 9px;
	bottom: 18px;
}

#blurbQuote2{
	position: relative;
	bottom: 10px;
	left: 9px;
}

.blurbSmall{
	font-size: 22px;
}

.blurbMediumLarge{
	font-size: 36px;
}

.blurbMedium{
	font-size: 31px;
}

.blurbBig{
	font-size: 44px;
}

/* about me */

#portraitText{
	font-size: 60px;
	position: absolute;
	top: 170px;
	right: 530px;
}

#about{
	width: 290px;
	height: 190px;
	position: absolute;
	right: 0;
	top: 14px;
}

#aboutTitle{
	color: #56554d;
	text-align: right;
	padding-right: 28px;
	font-size: 26px;
	position: relative;
	bottom: 6px;
}

.aboutText{
	color: #5c5b48;
	font-size: 12px;
	text-indent: 1.6em;
	line-height: 1.5em;
	position: relative;
	right: 28px;
	margin-top: 14px;
	width: 280px;
	text-align: center;
}

/* web */

.portfolioSection{
	width: 1024px;
	margin-top: 70px;
	margin-left: 50px;
}

.portfolioContainer{
	position: relative;
	height: 380px;
}

.portfolioTitle{
	height: 56px;
	color: #758d8d;
	font-size: 44px;
	background: url(../images/title.gif) no-repeat left bottom;
}

.entryScreen, .animation{
	position: absolute;
	top: 40px;
	right: 109px;
}

a.animation { 
  display: block; 
  border: 0; 
  outline: 0; 
} 

.entryTitle{
	position: relative;
	top: 40px;
	font-size: 1.1em;
}

.entryText{
	font-size: .9em;
	position: relative;
	top: 60px;
	width: 430px;
	height: 150px;
}

.entryTextLarge{
	font-size: .9em;
	position: relative;
	top: 60px;
	width: 430px;
	height: 190px;
}

.techTitle{
	font-size: 1.05em;
	font-weight: bold;
}

.techText{
	font-size: .9em;
	position: relative;
	top: 20px;
	width: 430px;
	height: 60px;
}

.entryLink{
	font-size: .9em;
	text-decoration: underline;
	position: relative;
	top: 20px;
	color: #3b6a6a;
	cursor: pointer;
}

.entryLinkLarge{
	font-size: .9em;
	text-decoration: underline;
	position: relative;
	color: #3b6a6a;
	cursor: pointer;
}

.printInfo{
	text-decoration: underline;
}
	
#smallMediaContainer{
	height: 320px;	
}

.smallFlashContainer{
	height: 348px;	
}

.largeMediaContainer{
	height: 420px;	
}

.topLink{
	padding-bottom: 10px;
	position: absolute;
	bottom: 20px;
	left: -6px;
}


#footerContainer{
	background: url(../images/footer_back.jpg) repeat-x;
	height: 400px;
	margin-top: 80px;
}

#footer{
	background: url(../images/footer.jpg) no-repeat;
	width: 1024px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}

#footer ul a{
	color: #e2e0d5;
	font-size: 30px;
}

#footer a:hover{
	color: #FFF;
}

#footer ul{
	position: relative;
	top: 110px;
	left: 80px;
}

#footer li {
	padding-top: 10px;
	list-style-type: none;
	padding-left: 14px;
}

/* contact */

#contact{
	width: 370px;
	height: 300px;
	position: absolute;
	left: 380px;
	top: 64px;
}

#contactTitle{
	padding-left: 20px;
	font-size: 30px;
	color: #3b6a6a;
}

#contact input, #contact textarea{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	background: url(../images/input_back.png);
	margin-top: 12px;
	padding: 3px;
	padding-left: 4px;
	color: #3b6a6a;
}

#contact form{
	padding-left: 20px;
}

#name{
	width: 320px;
}

#email{
	width: 320px;
}

#emailMsg{
	color: #3b6a6a;
	padding-top: 8px;
	font-size: 13px;
}

#btnSubmit{
	width: 89px;
	height: 21px;
	position: absolute;
	right: 26px;
	bottom: 16px;
	border: 0;
	cursor: pointer;
}

#validate{
	position: relative;
	left: 94px;
	top: 136px;
	width: 300px;
}

#validate a{
	color: #FFF;
	font-size: .65em;
}

#copyright{
	font-size: .65em;
	color: #e2e0d5;
	position: relative;
	left: 94px;
	top: 146px;
	width: 200px;
}