a  {
   text-decoration: none;
   color: #000000;
   border: none;
}

a ins  {
   text-decoration: none;
}

#about,
#home,
#pid4web,
#pid3portfolio,
#pid7cddvd,
#pid6bookcovers,
#pid5brandingidentity,
#pid9photography,
#contact,
#pid10references,
#pid8print  {
   margin: 0px auto 0px auto;
   width: 940px;
   position: relative;
}

#worklistmenu li a:hover,
#portfoliomenu li a:hover,
#cntctlittletext p a:hover  {
   text-decoration: underline;
}

#ndxprntboxb a,
#ndxlogoboxb a,
#ndxwebboxb a,
#ndxpkgdsnboxb a  {
   background-repeat: no-repeat;
   display: block;
   height: 73px;
   width: 73px;
   background-position: 0% 0px;
   font-size: 73px;
   line-height: 73px;
}

#referencesb a,
#homeb a,
#aboutb a,
#contactb a,
#portfoliob a  {
   background-repeat: no-repeat;
   display: block;
   height: 10px;
   background-position: 0% 0px;
   font-size: 10px;
   line-height: 10px;
}

#facebookb a,
#twitterb a,
#flickrb a,
#youtubelittleb a  {
   background-repeat: no-repeat;
   display: block;
   height: 18px;
   background-position: 0% 0px;
   font-size: 18px;
   line-height: 18px;
}

#ndxprnttext p,
#ndxpkgdsntext p,
#ndxwebboxtext p  {
   font-size: 13px;
   line-height:20px;
   font-family:proxima-nova-1,proxima-nova-2,sans-serif;
   margin: 0px;
   text-align: left;
   color: #5F5F5F;
}

#flickrb a:hover,
#youtubelittleb a:hover  {
   background-position: -17px 0%;
}

#ndxwebboxb,
#ndxprntboxb,
#ndxlogoboxb  {
   visibility: visible;
   position: absolute;
   top: 466px;
   z-index: 5;
   width: 73px;
   height: 73px;
}

#ndxprntballoon,
#pckgdsnballoon  {
   visibility: hidden;
   position: absolute;
   left: 239px;
   top: 229px;
   width: 651px;
   height: 231px;
   background-repeat: no-repeat;
}

#ndxprnttext,
#ndxpkgdsntext  {
   visibility: hidden;
   position: absolute;
   left: 270px;
   top: 267px;
   width: 589px;
}

#prevbutton a,
#nextbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 41px;
   background-position: 0% 0px;
   font-size: 41px;
   line-height: 41px;
}

#pckgdsnshad,
#ndxprntshad  {
   visibility: hidden;
   position: absolute;
   left: 203px;
   top: 193px;
   width: 723px;
   height: 294px;
   background-repeat: no-repeat;
}

#flickrb,
#youtubelittleb  {
   visibility: visible;
   position: absolute;
   top: 49px;
   z-index: 4;
   width: 17px;
   height: 18px;
}

#gallerypicturebox table  {
   width: 100%;
   height: 100%;
}

#gallerydscrpttext p  {
   font: 12px/24px Helvetica, Arial, sans-serif;
   margin: 0px;
   color: #404040;
   text-align: center;
}

#cntctlittletext p a  {
   border: 0px none #000000;
   text-decoration: none;
   color: #BBBBBB;
}

#referencesb a:hover  {
   background-position: -90px 0%;
}

#prevbutton a:hover  {
   background-position: -38px 0%;
}

#portfoliob a:hover  {
   background-position: -80px 0%;
}

#nextbutton a:hover  {
   background-position: -37px 0%;
}

#youtubelittlepopup  {
   background: url(sg_web_media/youtubelittlepopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 805px;
   top: 75px;
   z-index: 7;
   width: 54px;
   height: 6px;
}

#portfoliomenu li a  {
   border: 0px none #000000;
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   color: #FFFFFF;
   height: 100%;
}

#worklistmenu li a  {
   border-bottom-color: #000000;
   border-bottom-style: none;
   border-right-color: #000000;
   border-right-style: none;
   border-left-color: #000000;
   border-left-style: none;
   border-width: 0px;
   border-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   color: #FFFFFF;
   width: 100%;
   display: block;
}

#gallerypicturebox  {
   visibility: visible;
   position: absolute;
   left: 319px;
   top: 208px;
   z-index: 6;
   width: 506px;
   height: 321px;
}

#cntctlittletext p  {
   font: 10px/12px Helvetica, Arial, sans-serif;
   margin: 0px;
   color: #BBBBBB;
   text-align: right;
}

#gallerydscrpttext  {
   visibility: visible;
   position: absolute;
   left: 319px;
   top: 533px;
   z-index: 6;
   width: 506px;
}

#facebookb a:hover  {
   background-position: -18px 0%;
}

#jhclogob a:hover  {
   background-position: -194px 0%;
}

#youtubelittleb a  {
   width: 17px;
   background-image: url(sg_web_media/youtubelittleb.gif);
}

#contactb a:hover  {
   background-position: -68px 0%;
}

#portfoliomenu li  {
   height: 100%;
   display: inline;
   margin: 0px;
}

#twitterb a:hover  {
   background-position: -15px 0%;
}

#worklistmenu li  {
   width: 100%;
   display: block;
   margin: 0px;
}

#ndxpkgdsnboxb a  {
   width: 74px;
   background-image: url(sg_home_media/ndxpkgdsnboxb.gif);
}

#cntctlittletext  {
   visibility: visible;
   position: absolute;
   left: 695px;
   top: 16px;
   z-index: 3;
   width: 230px;
}

#ndxprntballoon  {
   background-image: url(sg_home_media/ndxprntballoon.png);
   z-index: 16;
}

#aboutb a:hover  {
   background-position: -53px 0%;
}

#youtubelittleb  {
   left: 842px;
}

#pckgdsnballoon  {
   background-image: url(sg_home_media/pckgdsnballoon.gif);
   z-index: 13;
}

#ndxlogoboxb a  {
   background-image: url(sg_home_media/ndxlogoboxb.gif);
}

#shadownomerge  {
   background: url(sg_web_media/shadownomerge.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 46px;
   top: 179px;
   z-index: 4;
   width: 821px;
   height: 382px;
}

#tinylinksline  {
   visibility: visible;
   position: absolute;
   left: 805px;
   top: 70px;
   z-index: 4;
   width: 117px;
   height: 1px;
   background-color: #DCDCDC;
   background-image: none;
   font-size: 1px;
}

#facebookpopup  {
   background: url(sg_web_media/facebookpopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 843px;
   top: 75px;
   z-index: 5;
   width: 58px;
   height: 7px;
}

#referencesb a  {
   width: 90px;
   background-image: url(sg_web_media/referencesb.gif);
}

#ndxpkgdsntext  {
   z-index: 14;
}

#ndxprntboxb a  {
   background-image: url(sg_home_media/ndxprntboxb.gif);
}

#ndxprnttext p  {
   padding-bottom: 10px;
}

#portfoliomenu  {
   font: 10px/14px Arial,Helvetica, "Arial";
   margin: 0px;
   height: 14px;
   padding: 0px;
   list-style: none;
   text-align: left;
   color: #FFFFFF;
   visibility: hidden;
   position: absolute;
   left: 215px;
   top: 143px;
   z-index: 4;
}

#homeb a:hover  {
   background-position: -45px 0%;
}

#copyrightinfo  {
   background: url(sg_web_media/copyrightinfo.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 650px;
   top: 637px;
   z-index: 3;
   width: 270px;
   height: 10px;
}

#worklistmenu  {
   font: 12px/27px Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: justify;
   color: #FFFFFF;
   position: absolute;
   left: 63px;
   top: 244px;
   z-index: 5;
   width: 172px;
}

#nextbutton a  {
   width: 37px;
   background-image: url(sg_web_media/nextbutton.gif);
}

#prevbutton a  {
   width: 38px;
   background-image: url(sg_web_media/prevbutton.gif);
}

#twitterpopup  {
   background: url(sg_web_media/twitterpopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 874px;
   top: 75px;
   z-index: 4;
   width: 48px;
   height: 7px;
}

#ndxwebboxb a  {
   background-image: url(sg_home_media/ndxwebboxb.gif);
}

#portfoliob a  {
   width: 80px;
   background-image: url(sg_web_media/portfoliob.gif);
}

#pckgdsnshad  {
   background-image: url(sg_home_media/pckgdsnshad.png);
   z-index: 12;
}

#flickrpopup  {
   background: url(sg_web_media/flickrpopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 842px;
   top: 75px;
   z-index: 6;
   width: 38px;
   height: 7px;
}

#ndxprntshad  {
   background-image: url(sg_home_media/ndxprntshad.png);
   z-index: 15;
}

#ndxlogoboxb  {
   left: 489px;
}

#ndxprnttext  {
   z-index: 17;
}

#ndxprntboxb  {
   left: 721px;
}

#facebookb a  {
   width: 18px;
   background-image: url(sg_web_media/facebookb.gif);
}

#referencesb  {
   visibility: visible;
   position: absolute;
   left: 339px;
   top: 127px;
   z-index: 4;
   width: 90px;
   height: 10px;
}

#twitterb a  {
   width: 15px;
   background-image: url(sg_web_media/twitterb.gif);
}

#prevbutton  {
   visibility: visible;
   position: absolute;
   left: 237px;
   top: 340px;
   z-index: 5;
   width: 38px;
   height: 41px;
}

#contactb a  {
   width: 68px;
   background-image: url(sg_web_media/contactb.gif);
}

#jhclogob a  {
   background: url(sg_web_media/jhclogob.gif) no-repeat 0% 0px;
   display: block;
   height: 54px;
   width: 194px;
   font-size: 54px;
   line-height: 54px;
}

#portfoliob  {
   visibility: visible;
   position: absolute;
   left: 219px;
   top: 127px;
   z-index: 4;
   width: 80px;
   height: 10px;
}

#whiteline2  {
   background: url(sg_web_media/whiteline2.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 70px;
   top: 85px;
   z-index: 4;
   width: 151px;
   height: 1px;
}

#nextbutton  {
   visibility: visible;
   position: absolute;
   left: 277px;
   top: 340px;
   z-index: 6;
   width: 37px;
   height: 41px;
}

#ndxwebboxb  {
   left: 368px;
}

#helloline  {
   visibility: visible;
   position: absolute;
   left: 327px;
   top: 238px;
   z-index: 5;
   width: 480px;
   height: 1px;
   background-color: #FFFFFF;
   background-image: none;
   font-size: 1px;
}

#portfolio  {
   background: url(sg_web_media/portfolio.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 58px;
   top: 205px;
   z-index: 5;
   width: 161px;
   height: 33px;
}

#flickrb a  {
   width: 17px;
   background-image: url(sg_web_media/flickrb.gif);
}

#whiteline  {
   visibility: visible;
   position: absolute;
   left: 34px;
   top: 114px;
   z-index: 4;
   width: 844px;
   height: 1px;
   background-color: #FFFFFF;
   background-image: none;
   font-size: 1px;
}

#facebookb  {
   visibility: visible;
   position: absolute;
   left: 885px;
   top: 49px;
   z-index: 4;
   width: 18px;
   height: 18px;
}

#aboutb a  {
   width: 53px;
   background-image: url(sg_web_media/aboutb.gif);
}

#creative  {
   background: url(sg_web_media/creative.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 108px;
   top: 89px;
   z-index: 4;
   width: 109px;
   height: 12px;
}

#contactb  {
   visibility: visible;
   position: absolute;
   left: 461px;
   top: 127px;
   z-index: 4;
   width: 68px;
   height: 10px;
}

#twitterb  {
   visibility: visible;
   position: absolute;
   left: 907px;
   top: 49px;
   z-index: 4;
   width: 15px;
   height: 18px;
}

#jhclogob  {
   visibility: visible;
   position: absolute;
   left: 25px;
   top: 52px;
   z-index: 5;
   width: 194px;
   height: 54px;
}

#homeb a  {
   width: 45px;
   background-image: url(sg_web_media/homeb.gif);
}

#flickrb  {
   left: 864px;
}

#layer3  {
   visibility: visible;
   position: absolute;
   left: 276px;
   top: 179px;
   z-index: 5;
   width: 591px;
   height: 382px;
   background-color: #FFFFFF;
   background-image: none;
}

#shape1  {
   background: url(sg_web_media/shape1.gif) no-repeat;
   position: absolute;
   left: 0px;
   top: 42px;
   z-index: 3;
   width: 937px;
   height: 587px;
}

#aboutb  {
   visibility: visible;
   position: absolute;
   left: 127px;
   top: 127px;
   z-index: 4;
   width: 53px;
   height: 10px;
}

#homeb  {
   visibility: visible;
   position: absolute;
   left: 42px;
   top: 127px;
   z-index: 4;
   width: 45px;
   height: 10px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #101010;
}

a img {
	border: none;
}

h1,h2,h3 {
	font-family: proxima-nova-1,proxima-nova-2,sans-serif;
	color:#333;
	border-bottom:1px solid #e9e9e9;
	padding-bottom:5px;
	margin-bottom:3px;
}

p {
	font-family:proxima-nova-1,proxima-nova-2,sans-serif;
	font-weight:normal;
	color:#333;
}

#aboutustext p  {
   font-size: 14px;
   line-height:17px;
   font-family:proxima-nova-1,proxima-nova-2,sans-serif;
   margin: 0px;
   padding-bottom: 15px;
   text-align: left;
   color: #FFFFFF;
}

#balancebgrnd  {
   background: url(sg_about_media/balancebgrnd.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 45px;
   top: 179px;
   z-index: 5;
   width: 260px;
   height: 382px;
}

#aboutustext  {
   visibility: visible;
   position: absolute;
   left: 326px;
   top: 248px;
   z-index: 5;
   width: 496px;
}

#aboutus  {
   background: url(sg_about_media/aboutus.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 323px;
   top: 197px;
   z-index: 5;
   width: 170px;
   height: 31px;
}

a {
	color:#F60;
}

a:hover {
	text-decoration:underline;
}