@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin: 0;	padding: 0;	border: 0;	font-weight: normal;	font-style: normal;	font-size: 100%;	line-height: 1;	font-family: inherit;	text-align: left;}table {	border-collapse: collapse;	border-spacing: 0;}ol,ul {	list-style: none;}q:before,q:after,blockquote:before,blockquote:after {	content: "";}

h3	{ font-family:Arial, Helvetica, sans-serif;}
p	{ font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:white; font-size:.8em; line-height:1.3em; margin:0 0 20px 0;}
div.clearer	{ clear:both;font-size:0;line-height:0;}
body	{ background:#262626 url(../img/top_repeat.gif) repeat-x top left;}
div.container	{/*width:1000px; margin:0 auto; background:transparent url(../img/bg.gif) repeat top left;*/}
div.header	{ background:transparent url(../img/header.gif) no-repeat top left; width:922px; height:69px; padding:36px 39px 0 39px; overflow:hidden;}
div.header div.mast 	{ width:235px; float:left; position:relative;}
div.header h1	{ background:transparent url(../img/hofnar.gif) no-repeat top left; display:block; height:36px; }
div.header h1 a	{ display:block; height:36px; width:234px; text-indent:-9999em;}
div.header h2	{ background:transparent url(../img/design.gif) no-repeat top left; text-indent:-9999em; display:block; height:13px; width:235px;}
div.nav	{ float:right; position: relative;}
div.nav li	{ float:left; position:relative;}
div.nav li a	{ background:transparent no-repeat 0 0; text-indent:-9999em; float:left; position:relative; display:block;height:54px;}
div.nav li a:hover, div.nav li a.sel	{ background-position:0 -54px;}
div.nav li a#nav1	{ width:172px;; background-image:url(../img/portfolio.gif);}
div.nav li a#nav2	{ width:171px; margin-top:1px; background-image:url(../img/resume.gif); margin-left:30px;}
div.nav li a#nav3	{ width:178px; margin-top:1px; background-image:url(../img/contact.gif); margin-left:30px;}
div.band	{ height:99px; background:transparent url(../img/band.gif) no-repeat top left; width:1000px;}
div.content	{background-image:url(../img/bg.gif); background-repeat: repeat; background-position: left top; position:relative;}
div.entry	{ padding:36px 39px; width:922px;}
div.shadow	{ background:transparent url(../img/shadow.png) repeat-x top left; height:36px; position:relative; padding-bottom:60px;}

/*portfolio*/
div#portfolio	{color:#333333;}
div#portfolio div.header	{ height:70px;}
div#portfolio div.section h2	{ height:23px; background:transparent no-repeat top left; margin-bottom:25px; text-indent:-99999em;}
div.section	{background:#333333; padding:0 38px;}
div#portfolio h2#ecommerce	{ text-indent:-9999em;height:46px; margin:0;}
div#portfolio h2#email_blasts	{ background-image:url(../img/email_blasts.gif);}
div#portfolio h2#brand_sites	{ background-image:url(../img/brandsite.gif);}
div#portfolio div#ecommerce	{ background:#333333 url(../img/ecommerce.gif) no-repeat top left; padding:38px 38px 0 38px;}
div.content div.block	{ width:271px; float:left; position:relative; margin-bottom:30px; padding-right:55px;}
div.content div.block img	{ border:5px solid #979696; margin-bottom:7px;}
div.content div.block h3	{ text-transform:uppercase; color:#999; font-weight:bold; font-size:18px; margin-bottom:3px;}
div.content div.block p		{ font-size:11px; line-height:1.2em; margin-bottom:10px;}
div.content div.block a.btn	{ text-indent:-9999em; background:transparent url(../img/live_site.gif) no-repeat top left; margin-left:-2px; height:29px; display:block;}
div.content div.last	{ padding-right:0;}
div#email_blasts	{  background:#333 url(../img/content_footer.gif) no-repeat bottom right;}

/*popup*/
div#fade	{
	background-color:#000000;
	opacity:.6;
	filter:alpha(opacity=60);
	width:100%;
	height:2100px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
div.popup	{ border:5px solid #979696; position:relative; background-color:#2f2f2f; position:absolute; padding:0px; z-index:2;}
div.popup a.close	{ text-indent:-9999em; display:block; width:44px;height:44px; background:transparent url(../img/close.png) no-repeat top left; position:absolute; right:-22px; top:-22px;}