@charset "UTF-8";
/* CSS Document */

* {padding:0px; margin:0px;}

@font-face {
    font-family: 'BebasRegular';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('BEBAS___-webfont.woff') format('woff'),
         url('BEBAS___-webfont.ttf') format('truetype'),
         url('BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

body {
	background-color: #000000;
	background-image:url(images/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
    font-family: 'BebasRegular';
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	letter-spacing: .025em;
	text-align: justify;
/*	position:absolute;
*/	top:0px;
	left:0px;
	bottom:0px;}

a.rolloverhome {
	display: block;
	width: 200px;
	height: 100px;
	text-decoration: none;
	background-image: url("images/logo-sprite.png");
	margin-bottom:40px;}

a.rolloverhome:hover {
	background-position: -200px 0;
	width: 200px;
	height: 100px;
	margin-bottom:40px;}
	
h1 {font-family: 'BebasRegular'; font-size: 18px; font-style: normal; color:#FFF; padding-top:4px; letter-spacing:0.05em;}
h1 a {font-family: 'BebasRegular'; font-size: 18px; font-style: normal; color:#FFF; padding-top:4px; letter-spacing:0.05em; text-decoration:underline;}
h1 a:hover {font-family: 'BebasRegular'; font-size: 18px; font-style: normal; color:#d5c189; padding-top:4px; letter-spacing:0.05em; text-decoration:underline;}

a.links {color:#FFF; text-decoration:underline;}
a.links {color:#d5c189; text-decoration:underline;}
	
#header-wrap {
	position:fixed;
	top:0;
	left:0;
	margin:0 auto;
	padding:0;
	width:100%;
	z-index:10;}
#head-container {height:45px; background-color:#000; background-image:url(images/headergraphic.jpg); background-repeat:repeat-x; /*background-position:center;*/}
#head {width: 1000px; margin: 0 auto; position: relative; text-align:center;}


#wrapper {
	width:960px;
	text-align:center;
	margin:0 auto;
	padding:0px;
	top:0;
	left:0;
	height:auto;}
	
#header {
	z-index:0;
	margin:0 0 0 0;
	padding:0;
	top:0;
	width:1000px;
	height:auto;}
	
	#rolloverimages {z-index:0;width:100%;top:0;}
	
	#logo {
		z-index:9999;
		float:left;
		margin-left:50px;
		top:0;}

#centercontent{
	text-align:center;
	margin-top:140px;
	margin-left:50px;
}

#footer-wrap {
/*	position:fixed;
*/	bottom:0;
	left:0;
	margin:0 auto;
	padding:0;
	width:100%;}
#foot-container {height:30px; background-color:#000; background-image:url(images/footerbar.jpg); background-repeat:repeat-x;}
#footer {width: 1000px; margin: 0 auto; position: relative; text-align:center;}
#footer h3 {font-family: 'BebasRegular'; font-size: 15px; font-style: normal; color:#FFF; padding-top:4px; letter-spacing:0.05em;}
#footer h3 a {font-family: 'BebasRegular'; font-size: 15px; font-style: normal; color:#FFF; padding-top:4px; letter-spacing:0.05em; text-decoration:underline;}
#footer h3 a:hover {font-family: 'BebasRegular'; font-size: 15px; font-style: normal; color:#d5c189; padding-top:4px; letter-spacing:0.05em; text-decoration:underline;}


div.topspacehome {
	margin-left:400px;
	width:400px;}

	#leftcolumn {
		display:block;
/*		width:400px;
*/		margin:0 0 0 0;
		padding:0;
		float:left;
		position:fixed;
		z-index:100;}
		
	#leftcolumnhome {
		display:block;
	/*	width:200px;
	*/	margin:0 0 0 0;
		padding:0;
		float:left;
		position:fixed;
		z-index:100;}
		
	#contentregion {
		display:block;
		width:500px;
		padding-right:30px;
		margin-left:260px;
		position:relative;
/*		float:left;
*/		text-align:left;
		z-index:0;}

	p.spaceslideshow { padding-top:50px; }

	#contentregionhome {
		display:block;
		width:800px;
		padding-right:30px;
		padding-top:140px;
		margin-left:0PX;
		position:relative;
/*		float:left;
*/		text-align:left;
		z-index:0;}

	#rightnav {
	/*	display:inline;
		display:block;*/
		background-image:url(images/rightnavbg.png);
		background-position:left top;
		background-repeat:no-repeat;
		top:0;
		width:120px;
		height:280px;
		margin-top:140px;
		margin-left:840px;
	/*	float:left;
	*/	position:fixed;
		padding-left:14px;}
	
		.rightnav { /* attempt for sticky nav */
	/*	display:inline;
		display:block;*/
		background-image:url(images/rightnavbg.png);
		background-position:left top;
		background-repeat:no-repeat;
		top:0;
		width:120px;
		height:280px;
	/*	margin-top:140px;
		margin-left:880px;
		float:left;
		position:fixed;
	*/	padding-left:14px;}

	
	.topspacehome{padding-top:140px;}
	.sectionheight{height:1000px;padding-top:140px;}
	.sectionheightshorter{height:800px;padding-top:140px;}
	.sectionheightaboutus{height:1100px;padding-top:140px;}
	.sectionheightclients{height:1800px;padding-top:140px;}
	.sectionheightbrands{height:1100px;padding-top:140px;}
	.sectionheightprints{height:1200px;padding-top:140px;}
	.sectionheightcommercial{height:1400px;padding-top:140px;}
	.sectionheightinterior{height:1400px;padding-top:140px;}
	.sectionheightweb{height:1200px;padding-top:140px;}
	.sectionheightresearch{height:1500px;padding-top:140px;}
	.sectionheightcontact{height:400px;padding-top:140px;}
	.endsectionheight{height:1000px;padding-top:140px;}

	
p {color:#d9cfc0; font-family:Helvetica, Arial, sans-serif; font-size:13px; font-stretch:extra-condensed; line-height:1.9em; letter-spacing:.05em; margin-top:0px;}

img.logo {width:200px; height:100px; border:0; text-align:center; margin-bottom:40px;}

img.titles{width:430px; height:70px; border:0; text-align:left; margin-bottom:20px;}
img.titles2{width:496px; height:70px; border:0; text-align:left; margin-bottom:20px;}
img.titlesportfolio{width:520px; height:40px; border:0; text-align:left; margin-bottom:20px;}
img.servicebrand{width:440px; height:220px; border:0; text-align:left; margin-bottom:20px;}
img.serviceresearch{width:440px; height:299px; border:0; text-align:left; margin-bottom:20px;}
img.serviceprint{width:440px; height:322px; border:0; text-align:left; margin-bottom:20px;}
img.serviceinterior{width:440px; height:311px; border:0; text-align:left; margin-bottom:20px;}
img.serviceweb{width:440px; height:375px; border:0; text-align:left; margin-bottom:20px;}

img.floatLeft {float: left; margin:2px 24px 10px 0px;}

ul.primarynav {
	list-style:none;
	text-decoration:none;
	text-align:left;
	color:#000;
	padding:0px;
	font-family: 'BebasRegular';
	text-transform:uppercase;
	font-weight:lighter;
	font-size:10px;
	line-height:1em;
	letter-spacing:.025em;
	color:#000;}
	
p.address{
    font-family: 'BebasRegular';
	text-transform:uppercase;
	font-weight:lighter;
	font-size:11px;
	line-height:1.5em;
	letter-spacing:.025em;
	color:#000;}
	
	
ul.primarynav{padding:10px 0 15px 0;}
ul.primarynav li{margin:0; padding:0; list-style:none;/* line-height:2em;*/ line-height:2.5em; text-transform:uppercase;}
ul.primarynav li a.links{font-stretch:extra-condensed;font-size:16px;color:#000; text-decoration:none;}
ul.primarynav li a.links:hover{font-stretch:extra-condensed;font-size:16px;color:#000; text-decoration:underline;}

ul.primarynav ul#social{padding:0;}
ul.primarynav ul#social li{padding:0px; list-style:none; float:left;}

a#fb{display:block;width:22px;height:22px;background:url(images/facebooksprite.png) no-repeat 0 0;padding-right:6px; float:left;}
a#fb:hover{background-position: 0 -22px;}
a#fb span{position: absolute;top: -999em;}

a#tw{display:block;width:22px;height:22px;background:url(images/twittersprite.png) no-repeat 0 0;padding-right:6px; float:left;}
a#tw:hover{background-position: 0 -22px;}
a#tw span{position: absolute;top: -999em;}

a#blog{display:block;width:22px;height:22px;background:url(images/button-orangesprite.png) no-repeat 0 0; float:left;}
a#blog:hover{background-position: 0 -22px;}
a#blog span{position: absolute;top: -999em;}


ul.secondnav {
	list-style:none;
	text-decoration:none;
	text-align:center;
	padding:0px;}



/*	3C) Left Navigation
-------------------------------------------------*/
#leftnav {margin:0 auto; margin-top:0px; padding:0; display:block; /*position:absolute;*/ text-align:center;}
#leftnavhome {margin:0 auto; margin-top:0px; padding:0; display:block; /*position:absolute;*/ text-align:center;}
#leftnavportfolio {margin:0 auto; margin-top:0px; padding:0; display:block; /*position:absolute;*/ text-align:center;}
#leftnavservices {margin:0 auto; margin-top:0px; padding:0; display:block; /*position:absolute;*/ text-align:center;}
	  
ul#secondnav{padding:0;}
ul#secondnav li{margin:0; padding:0; list-style:none;}

  /* Home Section
  ------------------------*/
  #awelldesigned {display: block; width: 400px; height: 80px; background: url("images/awelldesigned.png") no-repeat 0 0;}
  #awelldesigned:hover{background-position: 0 -80px;}
  #awelldesigned span{position: absolute;top: -999em;}
  
  #brand{display: block; width: 400px; height: 135px; background: url("images/brand.png") no-repeat 0 0;}
  #brand:hover{background-position: 0 -135px;}
  #brand span{position: absolute;top: -999em;}
  
  #createsuniqueand{display: block; width: 400px; height: 55px; background: url("images/createsuniqueand.png") no-repeat 0 0;}
  #createsuniqueand:hover{background-position: 0 -55px;}
  #createsuniqueand span{position: absolute;top: -999em;}
  
  #memorableexperiences{display: block; width: 400px; height: 130px; background: url("images/memorableexperiences.png") no-repeat 0 0;}
  #memorableexperiences:hover{background-position: 0 -130px;}
  #memorableexperiences span{position: absolute;top: -999em;}

  /* About Section
  ------------------------*/
  #aboutsprite{display: block; width: 200px; height: 44px; background: url("images/leftnav/secaboutussprite.png") no-repeat 0 0;}
  #aboutsprite:hover{background-position: 0 -44px;}
  #aboutsprite:active{background-position: 0 -44px;}
  #aboutsprite span{position: absolute;top: -999em;}
  
  #teamsprite{display: block; width: 200px; height: 26px; background: url("images/leftnav/secteammemberssprite.png") no-repeat 0 0;}
  #teamsprite:hover{background-position: 0 -26px;}
  #teamsprite:active{background-position: 0 -26px;}
  #teamsprite span{position: absolute;top: -999em;}
  
  #studiosprite{display: block; width: 200px; height: 34px; background: url("images/leftnav/secstudiosprite.png") no-repeat 0 0;}
  #studiosprite:hover{background-position: 0 -34px;}
  #studiosprite:active{background-position: 0 -34px;}
  #studiosprite span{position: absolute;top: -999em;}
  
  #clientsprite{display: block; width: 200px; height: 36px; background: url("images/leftnav/secclientsprite.png") no-repeat 0 0;}
  #clientsprite:hover{background-position: 0 -36px;}
  #clientsprite:active{background-position: 0 -36px;}
  #clientsprite span{position: absolute;top: -999em;}

  /* Portfolio Section
  ------------------------*/
  #churchs{display: block; width: 200px; height: 21px; background: url("images/leftnav/churchssprite.png") no-repeat 0 0;}
  #churchs:hover{background-position: 0 -21px;}
  #churchs:active{background-position: 0 -21px;}
  #churchs span{position: absolute;top: -999em;}
  
  #whitelodging{display: block; width: 200px; height: 24px; background: url("images/leftnav/whitelodgingsprite.png") no-repeat 0 0;}
  #whitelodging:hover{background-position: 0 -24px;}
  #whitelodging:active{background-position: 0 -24px;}
  #whitelodging span{position: absolute;top: -999em;}
  
  #huddlehouse{display: block; width: 200px; height: 26px; background: url("images/leftnav/huddlehousesprite.png") no-repeat 0 0;}
  #huddlehouse:hover{background-position: 0 -26px;}
  #huddlehouse:active{background-position: 0 -26px;}
  #huddlehouse span{position: absolute;top: -999em;}
  
  #ussteel{display: block; width: 200px; height: 41px; background: url("images/leftnav/ussteelsprite.png") no-repeat 0 0;}
  #ussteel:hover{background-position: 0 -41px;}
  #ussteel:active{background-position: 0 -41px;}
  #ussteel span{position: absolute;top: -999em;}

  #monosol{display: block; width: 200px; height: 27px; background: url("images/leftnav/monosolsprite.png") no-repeat 0 0;}
  #monosol:hover{background-position: 0 -27px;}
  #monosol:active{background-position: 0 -27px;}
  #monosol span{position: absolute;top: -999em;}
  
  #cityofwhiting{display: block; width: 200px; height: 25px; background: url("images/leftnav/whitingsprite.png") no-repeat 0 0;}
  #cityofwhiting:hover{background-position: 0 -25px;}
  #cityofwhiting:active{background-position: 0 -25px;}
  #cityofwhiting span{position: absolute;top: -999em;}
  
  #eatenterprise{display: block; width: 200px; height: 23px; background: url("images/leftnav/eatenterprisesprite.png") no-repeat 0 0;}
  #eatenterprise:hover{background-position: 0 -23px;}
  #eatenterprise:active{background-position: 0 -23px;}
  #eatenterprise span{position: absolute;top: -999em;}
  
  #purduepappys{display: block; width: 200px; height: 20px; background: url("images/leftnav/purduesprite.png") no-repeat 0 0;}
  #purduepappys:hover{background-position: 0 -20px;}
  #purduepappys:active{background-position: 0 -20px;}
  #purduepappys span{position: absolute;top: -999em;}

  #ameristarcasino{display: block; width: 200px; height: 32px; background: url("images/leftnav/ameristarsprite.png") no-repeat 0 0;}
  #ameristarcasino:hover{background-position: 0 -32px;}
  #ameristarcasino:active{background-position: 0 -32px;}
  #ameristarcasino span{position: absolute;top: -999em;}
  
  #horseshoecasino{display: block; width: 200px; height: 32px; background: url("images/leftnav/horseshoesprite.png") no-repeat 0 0;}
  #horseshoecasino:hover{background-position: 0 -32px;}
  #horseshoecasino:active{background-position: 0 -32px;}
  #horseshoecasino span{position: absolute;top: -999em;}
  
  #buffalowildwings{display: block; width: 200px; height: 19px; background: url("images/leftnav/buffalowingssprite.png") no-repeat 0 0;}
  #buffalowildwings:hover{background-position: 0 -19px;}
  #buffalowildwings:active{background-position: 0 -19px;}
  #buffalowildwings span{position: absolute;top: -999em;}
  
  #schilling{display: block; width: 200px; height: 35px; background: url("images/leftnav/schillingsprite.png") no-repeat 0 0;}
  #schilling:hover{background-position: 0 -35px;}
  #schilling:active{background-position: 0 -35px;}
  #schilling span{position: absolute;top: -999em;}

  #taltreearboretum{display: block; width: 200px; height: 13px; background: url("images/leftnav/taltreearbsprite.png") no-repeat 0 0;}
  #taltreearboretum:hover{background-position: 0 -13px;}
  #taltreearboretum:active{background-position: 0 -13px;}
  #taltreearboretum span{position: absolute;top: -999em;}
  
  #akronohioburger{display: block; width: 200px; height: 18px; background: url("images/leftnav/ohioburgersprite.png") no-repeat 0 0;}
  #akronohioburger:hover{background-position: 0 -18px;}
  #akronohioburger:active{background-position: 0 -18px;}
  #akronohioburger span{position: absolute;top: -999em;}
  
  #meatheads{display: block; width: 200px; height: 31px; background: url("images/leftnav/meatheadssprite.png") no-repeat 0 0;}
  #meatheads:hover{background-position: 0 -31px;}
  #meatheads:active{background-position: 0 -31px;}
  #meatheads span{position: absolute;top: -999em;}
  
  #fuelfitness{display: block; width: 200px; height: 28px; background: url("images/leftnav/fuelsprite.png") no-repeat 0 0;}
  #fuelfitness:hover{background-position: 0 -28px;}
  #fuelfitness:active{background-position: 0 -28px;}
  #fuelfitness span{position: absolute;top: -999em;}
  
  #bulldogbrewing{display: block; width: 200px; height: 18px; background: url("images/leftnav/bulldogsprite.png") no-repeat 0 0;}
  #bulldogbrewing:hover{background-position: 0 -18px;}
  #bulldogbrewing:active{background-position: 0 -18px;}
  #bulldogbrewing span{position: absolute;top: -999em;}
  
  #karnerblue{display: block; width: 200px; height: 28px; background: url("images/leftnav/karnerbluesprite.png") no-repeat 0 0;}
  #karnerblue:hover{background-position: 0 -28px;}
  #karnerblue:active{background-position: 0 -28px;}
  #karnerblue span{position: absolute;top: -999em;}
  
  /* Services Section
  ------------------------*/
  #brandidentity125{display: block; width: 200px; height: 78px; background: url("images/leftnav/brandservicesprite125.png") no-repeat 0 0;}
  #brandidentity125:hover{background-position: 0 -78px;}
  #brandidentity125:active{background-position: 0 -78px;}
  #brandidentity125 span{position: absolute;top: -999em;}
  
  #printdesign125{display: block; width: 200px; height: 105px; background: url("images/leftnav/printservicesprite125.png") no-repeat 0 0;}
  #printdesign125:hover{background-position: 0 -105px;}
  #printdesign125:active{background-position: 0 -105px;}
  #printdesign125 span{position: absolute;top: -999em;}
  
  #architecturebuild125{display: block; width: 200px; height: 77px; background: url("images/leftnav/architectureservicesprite12.png") no-repeat 0 0;}
  #architecturebuild125:hover{background-position: 0 -77px;}
  #architecturebuild125:active{background-position: 0 -77px;}
  #architecturebuild125 span{position: absolute;top: -999em;}
  
  #interiordesign125{display: block; width: 200px; height: 77px; background: url("images/leftnav/interiorservicesprite125.png") no-repeat 0 0;}
  #interiordesign125:hover{background-position: 0 -77px;}
  #interiordesign125:active{background-position: 0 -77px;}
  #interiordesign125 span{position: absolute;top: -999em;}
  
  #webinteractive125{display: block; width: 200px; height: 76px; background: url("images/leftnav/webservicesprite125.png") no-repeat 0 0;}
  #webinteractive125:hover{background-position: 0 -76px;}
  #webinteractive125:active{background-position: 0 -76px;}
  #webinteractive125 span{position: absolute;top: -999em;}
  
  #researchstrategy125{display: block; width: 200px; height: 58px; background: url("images/leftnav/researchservicesprite125.png") no-repeat 0 0;}
  #researchstrategy125:hover{background-position: 0 -58px;}
  #researchstrategy125:active{background-position: 0 -58px;}
  #researchstrategy125 span{position: absolute;top: -999em;}

  /* Contact Section
  ------------------------*/
  #signupnowContact{display: block; width: 200px; height: 27px; background: url("images/leftnav/signup.png") no-repeat 0 0;}
  #signupnowContact:hover{background-position: 0 -27px;}
  #signupnowContact:active{background-position: 0 -27px;}
  #signupnowContact span{position: absolute;top: -999em;}

  #newbusinessContact{display: block; width: 200px; height: 23px; background: url("images/leftnav/newbusiness.png") no-repeat 0 0;}
  #newbusinessContact:hover{background-position: 0 -23px;}
  #newbusinessContact:active{background-position: 0 -23px;}
  #newbusinessContact span{position: absolute;top: -999em;}

  #vendorsContact{display: block; width: 200px; height: 37px; background: url("images/leftnav/vendors.png") no-repeat 0 0;}
  #vendorsContact:hover{background-position: 0 -37px;}
  #vendorsContact:active{background-position: 0 -37px;}
  #vendorsContact span{position: absolute;top: -999em;}

  #billingContact{display: block; width: 200px; height: 26px; background: url("images/leftnav/billing.png") no-repeat 0 0;}
  #billingContact:hover{background-position: 0 -26px;}
  #billingContact:active{background-position: 0 -26px;}
  #billingContact span{position: absolute;top: -999em;}

  #resumesContact{display: block; width: 200px; height: 16px; background: url("images/leftnav/resumes.png") no-repeat 0 0;}
  #resumesContact:hover{background-position: 0 -16px;}
  #resumesContact:active{background-position: 0 -16px;}
  #resumesContact span{position: absolute;top: -999em;}
  
  #directionsContact{display: block; width: 200px; height: 30px; background: url("images/leftnav/directions.png") no-repeat 0 0;}
  #directionsContact:hover{background-position: 0 -30px;}
  #directionsContact:active{background-position: 0 -30px;}
  #directionsContact span{position: absolute;top: -999em;}