@font-face {
  font-family: "BankGothic";
  src: url( /system/fonts/BankGothicLight.eot ); /* IE */
  src: local("BankGothic"), url( /fonts/BankGothicLight.ttf ) format("truetype"); /* non-IE */
}


/* this section for inital mock up only, comment out once
   site goes live, use another css if store cart will
   be displayed at the top of site */

/* always add vertical scrollbar */
html {
	overflow-y: scroll;
	background-color:#cccccc;
}
body {
/*	width: 100%; */
/*	height:100%; */
	margin:0;
	padding:0;
}
/* take away dotted border over clicked links in Firefox */
a:active {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
a:focus {
	outline-style:none;
}
#nm_container {
	height: 136px;
	background-image: url(images/mainbg.png);
	background-repeat: repeat-x;
	background-color: #cccccc;
	position: absolute;
	width: 100%;
}
#nm_container2 {
	width: 440px;
	top:107px;
	background-color: #cccccc;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0;
}
#nm_header {
	left:-78px;
	top:0;
	position: relative;
	width: 264px;
	height: 68px;

}
#nm_header h1 a {
	background-image:url(images/jhdlogo.png);
	background-repeat: no-repeat;
	height: 68px;
	position: relative;
	text-indent: -5000px;
	display:block;
	width: 264px;
}
#nm_header h1 a:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}
#pagecontent {
	padding-top:35px;
	font-family:Arial, Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:11px;
	line-height:150%;
}
#pagecontent a {
	color:#50a300;
}
#pagecontent a:hover {
	color:#555556;
}
#pagecontent .clear {
	clear:both;
}

#pagecontent .alignleft {
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}

#pagecontent .alignright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
#menublock {
	position: absolute;
	top:42px;
	left:216px;
	width: 100%;
	height: 35px;
}
#menublock h2 {
	display: none;
}
#menublock ul {
	position: relative;
}
#menublock ul li {
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
#menublock ul li a {
	position:absolute;
}
#menublock li#nm_id_seperator1top, #menublock li#nm_id_seperator1bottom {
	left:0px; 
}
#menublock li a#nm_id_info {
	top:0px;
	left:10px; 
}
#menublock li a#nm_id_infoblur {
	top:21px;	
	left:10px;
}
#menublock li#nm_id_seperator2top, #menublock li#nm_id_seperator2bottom {
	left:71px; 
}
#menublock li a#nm_id_work {
	top:0px;
	left:86px; 
}
#menublock li a#nm_id_workblur {
	top:21px;	
	left:86px;
}
#menublock li#nm_id_seperator3top, #menublock li#nm_id_seperator3bottom {
	left:147px; 
}
#menublock li a#nm_id_contact {
	top:0px;	
	left:157px; 
}
#menublock li a#nm_id_contactblur {
	top:21px;	
	left:157px;
}
#menublock li#nm_id_seperator4top, #menublock li#nm_id_seperator4bottom {
	left:220px; 
}
#menublock ul li.nm_seperatortop {
	display: block;
	top:0;
	height: 21px;
	text-decoration: none;
	text-indent: -5000px;
	width: 3px;
	background-position: -5px 0px;
	background-image: url(images/navbar.png);
	background-repeat: no-repeat;
}
#menublock ul li.nm_seperatorbottom {
	display: block;
	top:21px;
	height: 14px;
	text-decoration: none;
	text-indent: -5000px;
	width: 3px;
	background-position: -5px 0px;
	background-image: url(images/navbarblur.png);
	background-repeat: no-repeat;
}
#menublock ul li a.nav {
	display: block;
	top:0;
	height: 21px;
	text-decoration: none;
	text-indent: -5000px;
	background: url(images/navbar.png) no-repeat; 
}
#menublock ul li a.navblur {
	display: block;
	top:0;
	height: 14px;
	text-decoration: none;
	text-indent: -5000px;
	background: url(images/navbarblur.png) no-repeat;
}
#menublock li a#nm_id_info, #menublock li a#nm_id_infoblur  {
	width: 50px;
	background-position: -14px 0px;
}
#menublock li a#nm_id_work, #menublock li a#nm_id_workblur {
	width: 50px;
	background-position: -86px 0px;
}
#menublock li a#nm_id_contact, #menublock li a#nm_id_contactblur {
	width: 64px;
	background-position: -152px 0px;
}
/* Portfolio page */
.nm_currentPage_portfolio #pagecontent .portfoliotitle {
	height:15px;
	text-indent:-5000px;
	margin-bottom:10px;
}
.nm_currentPage_portfolio #pagecontent #portfolio_print {
	background:url('/images/print.gif') no-repeat;
}
.nm_currentPage_portfolio #pagecontent #portfolio_ads {
	background:url('/images/ads.gif') no-repeat;
}
.nm_currentPage_portfolio #pagecontent #portfolio_online {
	background:url('/images/online.gif') no-repeat;
}
.nm_currentPage_portfolio #pagecontent #portfolio_multimedia {
	background:url('/images/multimedia.gif') no-repeat;
}
.nm_currentPage_portfolio #pagecontent #portfolio_logos {
	background:url('/images/logos.gif') no-repeat;
}
.nm_currentPage_portfolio #pagecontent h1 {
	text-indent:-5000px;
}
*html .nm_currentPage_portfolio .portfoliowrapper {
	/* IE hack */
	margin-top:-30px;
	margin-bottom:20px;
}
.nm_currentPage_portfolio #pagecontent a img:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}

.nm_currentPage_portfolio #pagecontent .portfoliothmb {
	display:inline-block;
	*display:inline;
	zoom:1;
	margin-right:22px;
	margin-bottom:15px;
}

.nm_currentPage_portfolio #pagecontent .last {
	margin-right:0;
}

/* info page */

.nm_currentPage_info #pagecontent {
	padding-top:75px;
	padding-bottom:15px;
}

.nm_currentPage_info #resume {
	margin-bottom:25px;
}

.nm_currentPage_info #resume a {
	text-indent:-5000px;
	width:73px;
	height:25px;
	display:block;
	background:url(images/resume.png) no-repeat;
}

.nm_currentPage_info #pagecontent #pics {
	float:left;
	width:150px;
}

.nm_currentPage_info #pagecontent #pics img {
	margin-bottom:9px;
}

/* contact page */

.nm_currentPage_contact #contacttextarea {
	width:440px;
	height:75px;
}

.nm_currentPage_contact #contactbutton {
	padding-top:15px;
	text-align:right;
}

.nm_currentPage_contact #thanks {
	padding-top:25px;
}

.nm_currentPage_contact #pagecontent .alignleft {
	position:relative;
	top:-12px;
}


/* Home */

.nm_currentPage_home #pagecontent {
	font-family:BankGothic;
	font-size:15px;
}

.nm_currentPage_home #homecopy {
	margin-top:215px;
	text-align:center;
}

.nm_currentPage_home #frontsample {
	text-align:center;
}

.nm_currentPage_home #rotate_wrapper {
	margin-top:75px;
	position:relative;
	left:6px;
}

.nm_currentPage_home #rotate_wrapper #rotate_upper {
	position:absolute;
	top:0;
}

.nm_currentPage_home #rotate_wrapper #rotate_upper:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}

.nm_currentPage_home #rotate_wrapper #rotate_lower {
	position:absolute;
	top:0;
}

.nm_currentPage_home #rotate_wrapper #rotate_href {
	text-indent:-5000px;
	display:block;
}