@charset "UTF-8";
/* CSS by Brendan McKeown */
body, p, h1, h2, h3, h4, h5, h6, dd, dt, dl, ul, ol, li, hr, td, tr, img, a, form, fieldset, label, input, legend, table, thead, tbody, tfoot, span {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
}
img {
	border: none;
}
a:focus {
	outline: none;
}
html {
	line-height: 1;
}
body {
	font: 62.5%/1.6em Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../images/body_bg.jpg) repeat-x top center #15162B;
	color: #444;
}
/*Layout*/
#container {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#header {
	margin: 0;
	padding: 0;
	position: relative;
	height: 131px;
}
#header h1 {
	position: absolute;
	top: 29px;
	left: 43px;
	margin: 0;
	padding: 0;
	width: 319px;
	height: 67px;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
}
#header h1 a {
	width: 319px;
	height: 67px;
	display: block;
	background: url(../images/header_logo.png) no-repeat 0 0;
}
#header h1 a:hover {
	background-position: 0 -67px;
}
#mainContent {
	margin: 0 auto;
	padding: 33px 0 0 0;
	background: url(../images/featured_bg.png) no-repeat top center;
}
#featured {
	margin: 0;
	padding: 0 44px;
	background: url(../images/mainContent_bg.gif) repeat-y;
	position: relative;
}
.portfolio, .slideshow {
	margin: 0 auto;
	padding: 0;
	width: 862px;
	height: 302px;
	background: url(../images/featBox_bg.png) no-repeat;
	list-style: none;
	overflow: hidden;
}
.slideshow li {
	margin: 0;
	padding:0;
}
.portfolioLeft {
	margin: 0;
	padding: 11px;
	width: 525px;
	height: 280px;
	float: left;
	overflow: hidden;
}
.portfolioRight {
	margin: 0;
	padding: 20px;
	width: 275px;
	height: 262px;
	float: right;
	overflow: hidden;
}
#prev, #next {
	width: 44px;
	height: 64px;
	display: block;
	position: absolute;
	top: 121px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	overflow: hidden;
}
#prev {
	background: url(../images/featPrev.png) no-repeat 0 0;
	left:0;
}
#next {
	background: url(../images/featNext.png) no-repeat 0 0;
	right:0;
}
#prev:hover, #next:hover {
	background-position: 0 -64px;
}
#mainLeft {
	margin: 0;
	padding: 20px 20px 20px 0;
	background: url(../images/mainLeft_bg.png) no-repeat top right #eee;
	float: left;
	width: 527px;
}
#mainRight {
	margin: 0;
	padding: 20px;
	background: url(../images/mainRight_bg.png) no-repeat #ccc;
	float: right;
	width: 275px;
	min-height: 204px;
}
#footer {
	margin: 0 auto;
	padding: 20px 45px;
	width: 860px;
	height: 140px;
	background: url(../images/footer_bg.png) no-repeat;
}
.footerCol, .footerColLast {
	margin: 0 40px 0 0;
	padding: 0;
	float: left;
	width: 30%;
}
.footerColLast {
	margin: 0;
}
#copyright {
	margin: 0 auto;
	padding: 10px 0;
	width: 900px;
	text-align: center;
}
#copyright p {
	font-size: 1.1em;
	color: #065285;
}
/*Main Navigation*/
#navContainer {
	width: 327px;
	height: 131px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 43px;
	top: 0;
}
#nav {
	width: 327px;
	height: 131px;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#nav li {
	float: left;
}
#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 131px;
	width: 109px;
	background: url(../images/navigation.gif) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
li#navHome a {
	left: 0;
	background-position: 0 0;
}
li#navWork a {
	left: 109px;
	background-position: -109px 0;
}
li#navContact a {
	left: 218px;
	background-position: -218px 0;
}
li#navHome a:hover {
	background-position: 0 -131px;
}
li#navWork a:hover {
	background-position: -109px -131px;
}
li#navContact a:hover {
	background-position: -218px -131px;
}
#bodyHome li#navHome a {
	background-position: 0 -262px;
}
#bodyWork li#navWork a {
	background-position: -109px -262px;
}
#bodyContact li#navContact a {
	background-position: -218px -262px;
}
/*FONTS*/
a:link, a:visited {
	text-decoration: none;
	color: #065285;
}
a:hover, a:active {
	color: #000;
}
p, td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height:1.2em;
	margin: 0 0 7px 0;
	color: #333;
}
p span, td span {
	color: #065285;
	font-style: italic;
}
em {
	font-style: italic;
	color: #666;
	font-size: .95em;
}
#mainRight p {
	font-size: 1.2em;
}
#mainLeft p {
	text-align: left;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	margin: 0 0 7px 0;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	margin: 0 0 7px 0;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	margin: 0 0 7px 0;
}
#h1_hello, #h1_work, #h1_contact {
	width: 348px;
	height: 68px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 0 0 7px -27px;
}
#h1_hello {
	background: url(../images/h1_hello.gif) no-repeat;
}
#h1_work {
	background: url(../images/h1_work.gif) no-repeat;
}
#h1_contact {
	background: url(../images/h1_contact.gif) no-repeat;
}
.h2_featuredWork, #h2_getInTouch, .h2_logo, #h2_network, #h2_otherwork, .h2_package, .h2_print, #h2_resume, .h2_web, #h2_whatsNew, #h3_getInTouch, #h3_network, #h3_resume, #h3_featuredWork, #h3_logo, #h3_web, #h3_print, #h3_package {
	height: 25px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
#h3_featuredWork {
	background: url(../images/h3_featuredWork.gif) no-repeat;
}
#h3_logo {
	background: url(../images/h3_logo.gif) no-repeat;
}
#h3_web {
	background: url(../images/h3_web.gif) no-repeat;
}
#h3_print {
	background: url(../images/h3_print.gif) no-repeat;
}
#h3_package {
	background: url(../images/h3_package.gif) no-repeat;
}
.h2_featuredWork {
	background: url(../images/h2_featuredWork.gif) no-repeat;
}
#h2_getInTouch {
	background: url(../images/h2_getInTouch.gif) no-repeat;
}
.h2_logo {
	background: url(../images/h2_logo.gif) no-repeat;
}
#h2_network {
	background: url(../images/h2_network.gif) no-repeat;
}
#h2_otherwork {
	background: url(../images/h2_otherwork.gif) no-repeat;
}
.h2_package {
	background: url(../images/h2_package.gif) no-repeat;
}
.h2_print {
	background: url(../images/h2_print.gif) no-repeat;
}
#h2_resume {
	background: url(../images/h2_resume.gif) no-repeat;
}
.h2_web {
	background: url(../images/h2_web.gif) no-repeat;
}
#h2_whatsNew {
	background: url(../images/h2_whatsNew.gif) no-repeat;
}
#h3_getInTouch {
	background: url(../images/h3_getInTouch.gif) no-repeat;
}
#h3_network {
	background: url(../images/h3_network.gif) no-repeat;
}
#h3_resume {
	background: url(../images/h3_resume.gif) no-repeat;
}
/*Work Categories*/
#workLogo, #workWeb, #workPrint, #workPackage, #workAll {
	display: block;
	margin: 5px 0;
	padding: 0;
	height: 24px;
}
#workLogo a, #workWeb a, #workPrint a, #workPackage a, #workAll a {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 24px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../images/h4_logo.gif) no-repeat 0 0;
}
#workWeb a {
	background: url(../images/h4_web.gif) no-repeat 0 0;
}
#workPrint a {
	background: url(../images/h4_print.gif) no-repeat 0 0;
}
#workPackage a {
	background: url(../images/h4_package.gif) no-repeat 0 0;
}
#workAll a {
	background: url(../images/h4_allWork.gif) no-repeat 0 0;
}
#workLogo a:hover, #workWeb a:hover, #workPrint a:hover, #workPackage a:hover, #workAll a:hover {
	background-position: 0 -24px;
}
.bodyWorkLogo #workLogo a, .bodyWorkWeb #workWeb a, .bodyWorkPrint #workPrint a, .bodyWorkPackage #workPackage a, .bodyWorkAll #workAll a {
	background-position: 0 -24px;
}
/*SLIDER NAVIGATION*/
#slideNav a {
	display: block;
	float: left;
	width: 120px;
	height: 50px;
	border: 1px solid #999;
	padding: 13px 0 0 0;
	margin: 0 5px 5px 0;
	line-height: 1em;
	text-indent: -9999em;
	color: #000;
	font-weight: normal;
	font-size: 2em;
	text-align:center;
}
#slideNav a:hover {
	border: 1px solid #333;
}
#slideNav a.activeSlide {
	border: 1px solid #333;
}
#slideNav.featured a#pager1 {
	background: url(../images/portfolio/web_potstickers.jpg) no-repeat center center;
}
#slideNav.featured a#pager2 {
	background: url(../images/portfolio/logo_bigNoise.jpg) no-repeat center center;
}
#slideNav.featured a#pager3 {
	background: url(../images/portfolio/print_dtcBrochure.jpg) no-repeat center center;
}
#slideNav.featured a#pager4 {
	background: url(../images/portfolio/package_earthBag.jpg) no-repeat center center;
}


#slideNav.logo a#pager1 {
	background: url(../images/portfolio/logo_bigNoise.jpg) no-repeat center center;
}
#slideNav.logo a#pager2 {
	background: url(../images/portfolio/logo_kermitool.jpg) no-repeat center center;
}
#slideNav.logo a#pager3 {
	background: url(../images/portfolio/logo_palm.jpg) no-repeat center center;
}
#slideNav.logo a#pager4 {
	background: url(../images/portfolio/logo_rhc.jpg) no-repeat center center;
}
#slideNav.logo a#pager5 {
	background: url(../images/portfolio/logo_progLive.jpg) no-repeat center center;
}
#slideNav.logo a#pager6 {
	background: url(../images/portfolio/logo_garrisons.jpg) no-repeat -200px -100px;
}
#slideNav.logo a#pager7 {
	background: url(../images/portfolio/logo_DHIA.jpg) no-repeat -200px -100px;
}
#slideNav.logo a#pager8 {
	background: url(../images/portfolio/logo_phillyFreedoms.jpg) no-repeat center center;
}
#slideNav.logo a#pager9 {
	background: url(../images/portfolio/logo_cakekraft.jpg) no-repeat center center;
}
#slideNav.logo a#pager10 {
	background: url(../images/portfolio/logo_angelBand.jpg) no-repeat center center;
}

#slideNav.web a#pager1 {
	background: url(../images/portfolio/web_potstickers.jpg) no-repeat center center;
}
#slideNav.web a#pager2 {
	background: url(../images/portfolio/web_palm.jpg) no-repeat center center;
}
#slideNav.web a#pager3 {
	background: url(../images/portfolio/web_gunnip.jpg) no-repeat center center;
}
#slideNav.web a#pager4 {
	background: url(../images/portfolio/web_kermitool.jpg) no-repeat center center;
}
#slideNav.web a#pager5 {
	background: url(../images/portfolio/web_drJenn.jpg) no-repeat center center;
}
#slideNav.web a#pager6 {
	background: url(../images/portfolio/web_fringe.jpg) no-repeat center center;
}
#slideNav.web a#pager7 {
	background: url(../images/portfolio/web_bvwt.jpg) no-repeat center center;
}
#slideNav.web a#pager8 {
	background: url(../images/portfolio/web_sommer.jpg) no-repeat center center;
}
#slideNav.web a#pager9 {
	background: url(../images/portfolio/web_whimsy.jpg) no-repeat center center;
}
#slideNav.web a#pager10 {
	background: url(../images/portfolio/web_hellensschool.jpg) no-repeat center center;
}
#slideNav.web a#pager11 {
	background: url(../images/portfolio/web_ccac.jpg) no-repeat center center;
}
#slideNav.web a#pager12 {
	background: url(../images/portfolio/web_cakekraft.jpg) no-repeat center center;
}
#slideNav.web a#pager13 {
	background: url(../images/portfolio/web_garrisons.jpg) no-repeat center center;
}
#slideNav.web a#pager14 {
	background: url(../images/portfolio/web_winterthur.jpg) no-repeat center center;
}
#slideNav.web a#pager15 {
	background: url(../images/portfolio/web_queenswamp.jpg) no-repeat center center;
}
#slideNav.web a#pager16 {
	background: url(../images/portfolio/web_angelband.jpg) no-repeat center center;
}

#slideNav.print a#pager1 {
	background: url(../images/portfolio/print_dtcBrochure.jpg) no-repeat center center;
}
#slideNav.print a#pager2 {
	background: url(../images/portfolio/print_bmw.jpg) no-repeat -100px -100px;
}
#slideNav.print a#pager3 {
	background: url(../images/portfolio/print_rhcCard.jpg) no-repeat -100px -100px;
}
#slideNav.print a#pager4 {
	background: url(../images/portfolio/print_garrisonPost.jpg) no-repeat -200px -50px;
}
#slideNav.print a#pager5 {
	background: url(../images/portfolio/print_garrisonsCard.jpg) no-repeat center center;
}
#slideNav.print a#pager6 {
	background: url(../images/portfolio/print_ufFlyers.jpg) no-repeat -100px -100px;
}
#slideNav.print a#pager7 {
	background: url(../images/portfolio/print_ufPosters.jpg) no-repeat -100px -100px;
}
	
#slideNav.package a#pager1 {
	background: url(../images/portfolio/package_earthBag.jpg) no-repeat center center;
}
#slideNav.package a#pager2 {
	background: url(../images/portfolio/package_angelband.jpg) no-repeat center center;
}
/*LISTS*/
#twitter_update_list li {
	margin: 0 0 10px 0;
	padding: 0;
}	
#twitter_update_list li span {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/*TABLES*/
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
	padding: 0 0 7px 0;
}
td.firstCol {
	text-align: right;
	padding-right: 7px;
}
/*ULTILITIES*/
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
}