*, html 
{
	padding:0; margin:0; border:0;
	font-family:Arial, Helvetica, sans-serif; font-size: .98em;
	line-height: 1.2em; letter-spacing: 0;
	word-spacing: normal;
	text-decoration: none; outline:none;
}

body { background-color: #172E4F; text-align:center;  }

#content { width:840px; margin:0 auto; text-align:center;  }

a 		{ color:#6D8444; }
a:hover { color:#91b05b; }


/* Navigation/ logo */
#navigation { width:840px; text-align:center; margin:0 auto; padding:10px 0 0 0; position:fixed; top:0; z-index:99; background-color: #172E4F; }

#navigation h1 
{
	text-indent: -99999px;
	width:360px; height:97px;
	float:left;
	background: url(images/logo.png) top center no-repeat;
}

#navigation ul { list-style:none; list-style-type: none; float:left; padding: 10px 0; }

#navigation li, #navigation li a 
{
	display:block;
	list-style: none; list-style-type: none;
	height:58px;
	float:left; overflow:hidden;
}
#navigation li a 
{ 
	color:#3a5274; 
	font-size:1.3em;
	font-weight:bold;
	letter-spacing: .05em;
	padding: 12px 0;
}

#workBtn a 		{ width:120px; background: url(images/navSprite.png) 0 -58px no-repeat; }
#aboutBtn a 	{ width:120px; background: url(images/navSprite.png) -120px -58px no-repeat;  }
#contactBtn a 	{ width:120px; background: url(images/navSprite.png) 0 -58px no-repeat;  }
#followBtn a 	{ width:120px; background: url(images/navSprite.png) -120px -58px no-repeat;  }

#workBtn a:hover	{ background-position: 0 0; }
#aboutBtn a:hover	{ background-position:-120px 0; }
#contactBtn a:hover	{ background-position: 0 0; }
#followBtn a:hover 	{ background-position:-120px 0; }
/* end navigation */


/* modules excluding work */
.module 
{
	text-align:left;
	background: url(images/backLarge.png) no-repeat 0 120px;
	margin:0 auto;
	width: 750px;
	height:420px;
	padding:120px 0 0 0;
}
.title { color:#172E4F; padding:35px 0 0 35px; font-size:1.2em; }
.preface { color:#6D8444; }


/* work module */
#work { clear:both; text-align:left; padding:120px 0 0 0; }
#work h2 { width:680px; margin:0 auto; color:#fafafa; }
#work .pTitle { color:#172E4F; }
#work .preface { width:680px; margin:0 auto; }
.project 
{ 
	text-align:left;
	width: 750px; height:420px;
	background: url(images/backLarge_project.png) no-repeat; 
	margin: 0 auto;
}
.project h2 { color:#172E4F; padding:35px 0 0 0; font-size:1.2em; }
.project h3 { color:#172E4F; margin:10px 0 2px 0; }
.project p { color:#3A5274; font-size:.9em; }
.projectDesc { width:220px; height: 320px; float:left; padding: 0 0 0 35px; position:relative; }
.project h4 { width:218px; height:36px; background:url(images/projectBtn.png) no-repeat; position:absolute; bottom:2px; }
.project h4 a { width:100%; height:36px; display:block; text-indent:-99999px; }
.project img { float:left; margin:16px 0 0 10px; }


/* contact module */
#contact .meta h3 { margin:10px 0 0 0; }

#contactForm { width:460px; height: 300px; float:left; background:url(images/formFields.png) 160px 10px no-repeat; margin:6px 0 0 0; }

.textInput { margin:10px 5px 0 0; float:right; }
.meta { position:relative; height:320px;}
#contact h5 { text-align:right; width:80px; color:#172E4F; float:left; margin:0 12px 0 0; }
#contact span { color:#3a5274; }
#contact h4 { color:#172E4F; padding-top:30px; }
#contact .preface { color:#6D8444; }
#contact p { color:#3a5274; position:absolute; bottom:0px;}
#contactForm #name 		{ margin:9px 0 0 0px; width:290px; height:40px; font-size:1.45em; background:none; color:#fafafa; }
#contactForm #email 	{ margin:10px 0 0 0px; width:290px; height:40px; font-size:1.45em; background:none; color:#fafafa; }
#contactForm #message 	{ margin:10px 0 0 0px; width:290px; height:140px; font-size:1.45em; background:none; color:#fafafa; }
#contactForm #sendBtn 	{ clear:both; margin:0 0 0 375px; width:86px; height:36px; }
textarea { resize:none; overflow:auto; }


/* about module */
#about p { color:#3A5274; font-size:1.1em; padding:0 35px; }
#about h3 { margin:10px 0 20px 35px; }
#about p a { color:#6D8444; }
#about p a:hover { color:#91b05b; }
#about h4 { margin: 40px 0 0 35px; }

/* follow module */
#follow 
{
	text-align:left; 
	width: 750px; height:420px;
	background: url(images/backLarge_project.png) no-repeat 0 120px; 
	margin: 0 auto; padding:120px 0 0 0;
}
.meta { width:220px; float:left; padding: 0 0 0 35px; }
#follow h3 { margin:10px 0 0 0; }
#follow p { padding:5px 0; color:#3A5274; font-size:.9em; }
#follow h4 { color:#172E4F; margin-top:30px; }
#follow img { float:left; margin:16px 0 0 10px; }

#footer { padding: 100px 0 10px 0; color:#3A5274; }