body { margin: 0; padding: 0; background: #3d3d3d url(../img/bg.png) scroll repeat 0 0; color: #fff; }
a:link, a:visited { color: #fff; text-decoration: none; }




/* Header */
#header { background: #fff url(../img/header.png) scroll repeat-x 0 0; color: #000; margin: 0; padding: 50px 0 0px 0; -webkit-box-shadow: 0 0 15px #111; -moz-box-shadow: 0 0 15px #111; position: relative; }
	#header h1, #header p, #header .contactinfo { margin: 0 auto; padding: 0; width: 940px; position: relative; }
	#header h1 { font-size: 49px; text-rendering: optimizeLegibility; }
	#header p { font-size: 20px; color: #333; text-rendering: optimizeLegibility;  }
	
	#header p.contact { position: absolute; top: 7px; right: 0; font-size: 12px; width: 220px; margin: -50px 0 0 0; color: #808080; }
	#header p.contact a { color: #000; }
	#header p.contact a:hover { text-decoration: underline; }
	#header p.contact a.emailaddress {  }
	
	#header h1 a { color: #000;}
	#header h1 a:hover { color: #174564;}
	
	#jumpcontainer { width: 980px; margin: 0 auto; font-size: 12px; font-weight: 100; }
	#jumplist { float: right; margin: 20px 20px 0; width: 220px; }
	#jumplist p { display: inline; font-size: 12px; padding-right: 8px; color: #ccc; }
	#jumplist ul { height: 26px; overflow: hidden; list-style: none; margin: -6px 0 10px 0; padding: 0; float: right; width: 155px; border: 1px solid #333; background: #000; border-radius: 4px; }
	#jumplist ul:hover { height: auto; }
	#jumplist li a, #jumplist li.dropselect {display: block; border-bottom: 1px dotted #333; color: #ccc; padding: 6px 5px; }
	#jumplist li.dropselect { font-style: italic; color: #ccc; border-bottom-style: solid; background: -webkit-gradient(linear, left top, left bottom, from(#191919), to(#000)); background: url(../img/jumplist-arrow.png) scroll no-repeat right 8px; border-radius: 4px; }
	#jumplist ul:hover li.dropselect { border-bottom-radius: 0; }
	#jumplist li.last a { border-bottom: none; border-bottom-radius: 4px;  }
	#jumplist li a:hover { background: #555; color: #fff; }



/* Content div */
#content { width: 960px; margin: 0 auto; font-weight: 100; }
#content p.intro { margin-left: 10px; margin-right: 10px; color: #cccccc; font-size: 19px; line-height: 26px; }
#content p.intro a:link, #content p.intro a:visited, .project #content p a:link,  .project #content p a:visited { color: #fff; padding: 3px 2px; background: #101010;  }
#content p.intro a:hover,  .project #content p a:hover { background: #174564 url(../img/linkhover.png) scroll repeat 0 0; }


.project #content { width: 980px; background: #1a1a1a url(../img/pagebg.png) scroll repeat 0 0; padding: 20px 0 80px 0; }
.project #content h2, .project #content p { margin-left: 20px; margin-right: 340px; }
.project #content h2 { margin: 0 300px 0 20px; font-size: 36px; text-shadow: 0 0 5px #000; text-rendering: optimizeLegibility; }
.project #content p { font-size: 15px; line-height: 22px; color: #ccc; }
.project #content p.worktype { margin-top: 5px; }
.project #content img { margin: 30px 0 30px 20px; -webkit-box-shadow: 0px 0px 12px #0b0b0b; -moz-box-shadow: 0px 0px 12px #0b0b0b; }
.project #content p.caption { margin: -30px 20px 30px 20px; background: #0d0d0d; padding: 10px; font-family: Arial; font-size: 12px; line-height: 17px; }
.project #content p.captionsm { margin: -30px 310px 30px 20px; }
.project #content p.captiontiny { margin: -30px 644px 30px 20px; }

.project #content p.navlink { margin: 0 0 40px 20px; font-size: 13px; }
.project #content p.navlinkfooter { margin: 90px 0 0 20px; }



/* Main portfolio menu */
.menu { list-style: none; margin: 50px 0 0; padding: 0;}
	.menu li { list-style: none; margin: 0 0 20px 0; padding: 0; position: relative; width: 480px; float: left; -webkit-transition: all 0.1s ease-in; }
	.menu li p { display: none; -webkit-transition: all 0.1s ease-in; z-index: 999; }
	.menu li:hover { background: #fff; color: #000; -webkit-transition: all 0.1s ease-out; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; }
	.menu img { margin: 0 0 10px 0; opacity: 0.6; -webkit-transition: all 0.1s ease-in; }
	.menu li:hover img { position: relative; -webkit-box-shadow: 0px 0px 7px #777; -moz-box-shadow: 0px 0px 7px #777; opacity: 1; -webkit-transition: all 0.1s ease-out; }
	.menu li:hover p { display: block; position: absolute; top: 410px; left: 0; background: #fff; padding: 0 10px 10px 10px; margin: 0; width: 460px; -webkit-box-shadow: 0px 5px 5px #000; -webkit-transition: all 0.1s ease-out; }
	
	.menu h3 { margin: 10px 0 20px 10px; text-shadow:#000 0 0 3px;}
	.menu li:hover h3 a { color: #000; text-shadow:#000 0 0 0px;}
	.menu h3 span { display: block; height: 40px; font-size: 30px;  }
	
	.menu img.viewproject { display: none;margin: 0; -webkit-transition: all 0.1s ease-in; }
	.menu li:hover img.viewproject { display: block; position: absolute; top: 330px; left: 20px;  -webkit-box-shadow: none; -moz-box-shadow: none;  -webkit-transition: all 0.1s ease-out; }





/* Footer div */
#footer { clear: both; background: #393939 url(../img/footer.png) scroll repeat 0 0; padding: 20px 0 90px 0; border-top: 1px solid #616161; font-weight: 100; font-size: 13px; }
	#footer p { width: 940px; margin: 0 auto; }
	#footer ul { list-style: none; margin: 0 auto; width: 940px; padding: 0; }
	#footer li { list-style: none; display: inline; margin: 0; padding: 0 3px; border-right: 1px solid #616161; }
	#footer li.lifirst, #footer li.lilast { border-right: none; }
	#footer a:hover { color: #fff; text-decoration: underline;}