/* CSS Document */

html		{
			margin: 0;
			padding: 0;
			
			}
			
body 		{
			font-family: Arial, Verdana, sans-serif;
			font-size:62.5%;
			margin:0 auto;
			padding:0;
			text-align: center;
			background: #3e251a url(../img/site-bg.gif);
						
			}

a, a:active	{
			text-decoration: none;
			outline: none;
			
			}

/* Text Declarations */

p				{ margin: 10px 0 0 0; padding: 0; font-size: 1.4em; line-height: 1.3em; color: #3e251a; text-align: left; }

p a				{ text-decoration: none; }
p a:link		{ color: #89b39f; }
p a:visited		{ color: #89b39f; text-decoration: line-through; } 
p a:hover		{ color: #3e251a; }
p a:active		{ color: #3e251a; }

h1.news		{ float: left; text-indent: -9999px; margin: 0; padding: 0; height: 40px; width: 120px; background: url(../img/inkwire-news.jpg) 0 0 no-repeat; }

h1.people	{ float: right; text-indent: -9999px; margin: 0 200px 0 0; padding: 0; height: 40px; width: 120px; background: url(../img/inkwire-people.jpg) 0 0 no-repeat; }

* html h1.people { display: inline; }

h1.work		{ float: left; text-indent: -9999px; margin: 0; padding: 0; height: 40px; width: 120px; background: url(../img/inkwire-work.jpg) 0 0 no-repeat; }

h1.identitywork		{ float: left; text-indent: -9999px; margin: 0; padding: 0; height: 40px; width: 140px; background: url(../img/inkwire-identitywork.jpg) 0 0 no-repeat; }

h1.webwork		{ float: left; text-indent: -9999px; margin: 0; padding: 0; height: 40px; width: 110px; background: url(../img/inkwire-webwork.jpg) 0 0 no-repeat; }

h1.printwork		{ float: left; text-indent: -9999px; margin: 0; padding: 0; height: 40px; width: 120px; background: url(../img/inkwire-printwork.jpg) 0 0 no-repeat; }

h1.peoplework	{ float: left; text-indent: -9999px; margin: 0 200px 0 0; padding: 0; height: 40px; width: 120px; background: url(../img/inkwire-people.jpg) 0 0 no-repeat; }

h1.aboutme	{ float: left; text-indent: -9999px; margin: 0 200px 0 0; padding: 0; height: 40px; width: 100px; background: url(../img/inkwire-aboutme.jpg) 0 0 no-repeat; }

h1.seeme	{ float: right; text-indent: -9999px; margin: 0 120px 0 0; padding: 0; height: 40px; width: 80px; background: url(../img/inkwire-seeme.jpg) 0 0 no-repeat; }

* html h1.seeme { display: inline; }

h1.sayhello	{ float: right; text-indent: -9999px; margin: 0 100px 0 0; padding: 0; height: 40px; width: 100px; background: url(../img/inkwire-sayhello.jpg) 0 0 no-repeat; }

* html h1.sayhello { display: inline; }

h1#date	{
		float: left;
		margin: 0 10px 5px 0;
		padding: 0;
		width: 100px;
		height: 100px;
		background: url(../img/date-nov.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		
	}

h1#inkwire-who	{
		float: left;
		margin: 0 10px 5px 0;
		padding: 0;
		width: 100px;
		height: 100px;
		background: url(../img/inkwire-who.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		
	}

h1#inkwire-what	{
		float: left;
		margin: 0 10px 5px 0;
		padding: 0;
		width: 100px;
		height: 100px;
		background: url(../img/inkwire-what.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		
	}

h1#inkwire-why	{
		float: left;
		margin: 0 10px 5px 0;
		padding: 0;
		width: 100px;
		height: 100px;
		background: url(../img/inkwire-why.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		
	}

h1#peoplesay-yogasana	{
	margin: 10px 0 0 0;
	padding: 0;
	width: 320px;
	height: 230px;
	background: url(../img/peoplesay-yogasana.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	
}

h1#seemepic	{
	margin: 10px 0 0 0;
	padding: 0;
	width: 320px;
	height: 230px;
	background: url(../img/benjamin-owner.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	
}

h1#peoplesay-bingbong	{
	margin: 10px 0 0 0;
	padding: 0;
	width:620px;
	height: 370px;
	background: url(../img/peoplesay-bingbong.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

h1#peoplesay-ncda	{
	margin: 10px 0 0 0;
	padding: 0;
	width:620px;
	height: 370px;
	background: url(../img/peoplesay-ncda.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

h1#contactform	{
	margin: 10px 0 0 0;
	padding: 0;
	width: 320px;
	height: 370px;
	background: url(../img/contact-form.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

/* Layout Declarations */

#wrapper			{
		position: relative;
		margin: 0 auto;
		padding: 0;
		width: 970px;
		height: 100%;
		min-height: 700px;
		background: #fff;
		text-align: left;
	}

#header				{
		position: relative;
		margin: 0;
		padding: 0;
		width: 950px;
		height: 120px;
	}

#contentWrapper		{
	
	margin: 0 10px;
	padding: 0;
	width: 950px;
	text-align: left;
	
}

div.contentLeftLarge		{
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 620px;
	
}

div.contentRightSmall		{
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	width: 320px;
	
}

div.contentRightLarge		{
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	width: 620px;
	
}

div.contentLeftSmall		{
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 320px;
	
}

div.contentFull				{
	margin: 0 0 10px 0;
	padding: 0;
	width: 950px;
	
}

div.identityLeft		{
	float: left;
	margin: 10px 0;
	padding: 0;
	width: 320px;
	height: 250px;
	
}

div.identityCenter		{
	float: left;
	margin: 10px 10px 0 10px;
	padding: 0;
	width: 270px;
	height: 250px;
	
}

div.identityRight		{
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
	width: 320px;
	height: 250px;
	
}

div.aboutLeft		{
	float: left;
	margin: 0;
	padding: 0;
	width: 310px;
	
}

div.aboutCenter		{
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 310px;
	
}

div.aboutRight		{
	float: right;
	margin: 0;
	padding: 0;
	width: 310px;
	
}



#icons		{
	margin: 0;
	padding: 0;
	width: 950px;
	
	}

#talkingmakesnosense		{
	margin: 0;
	padding: 0;
	width: 950px;
	
	}	
	
#benjamindauer				{
	margin: 0;
	padding: 0;
	width: 950px;
	
	}
	
#splashHome		{
		margin: 0;
		padding: 0;
		width: 950px;
		height: 250px;
		background: #fff url(../img/inkwire-splash2.jpg) 0 0 no-repeat;
		
	}

#splashWork		{
		margin: 0;
		padding: 0;
		width: 950px;
		height: 130px;
		background: #fff url(../img/inkwire-splashwork.jpg) 0 0 no-repeat;
		
	}

#splashAbout		{
		margin: 0;
		padding: 0;
		width: 950px;
		height: 130px;
		background: #fff url(../img/inkwire-splashabout.jpg) 0 0 no-repeat;
		
	}

#splashThankYou		{
		margin: 0;
		padding: 0;
		width: 950px;
		height: 250px;
		background: #fff url(../img/inkwire-splashthankyou.jpg) 0 0 no-repeat;
		
	}

#splashError		{
		margin: 0;
		padding: 0;
		width: 950px;
		height: 250px;
		background: #fff url(../img/inkwire-splasherror.jpg) 0 0 no-repeat;
		
	}
	

div.bar		{
		margin: 0;
		padding: 0;
		width: 950px;
		height: 40px;
		background: #3e251a;
	}

#footer		{
	margin: 0;
	padding: 0;
	width: 950px;
	height: 40px;
	background: #3e251a;
	
}

/* Navigation */

#navwrapper	{
			float: right;
			margin: 0;
			padding: 0;
			width: 330px;
			height: 110px;
			
		}

#navigation	{
			margin: 0;
			padding: 0;
			position: absolute;
			top: 5px;
			right: 0;
			background: url(../img/inkwire-nav.gif) 0 0 no-repeat;
			width: 330px;
			height: 110px;
			text-indent: -9999px;
			
			}

#navigation li
			{
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 40px;
			border: none;
			
			}

#navigation li, #navigation a
			{
			height: 30px;
			display: block;
			border: none;
			
			}			
			
.home			{ left: 0; width: 80px; }
.work			{ left: 80px; width: 75px; }
.about			{ left: 155px; width: 75px; }
.contact		{ left: 230px; width: 95px; }


.home a:hover			{ background: transparent url(../img/inkwire-nav.gif) no-repeat 0 -150px; }

.work a:hover			{ background: transparent url(../img/inkwire-nav.gif) no-repeat -80px -150px; }

.about a:hover			{ background: transparent url(../img/inkwire-nav.gif) no-repeat -155px -150px; }

.contact a:hover		{ background: transparent url(../img/inkwire-nav.gif) no-repeat -230px -150px; }


#home #navigation .home a			{ background: transparent url(../img/inkwire-nav.gif) no-repeat 0 -150px; cursor: default; }

#work #navigation .work a			{ background: transparent url(../img/inkwire-nav.gif) no-repeat -80px -150px; cursor: default; }

#about #navigation .about a			{ background: transparent url(../img/inkwire-nav.gif) no-repeat -155px -150px; cursor: default; }

#contact #navigation .contact a			{ background: transparent url(../img/inkwire-nav.gif) no-repeat -230px -150px; cursor: default; }




/* Image Declarations */

a#logo				{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 330px;
		height: 110px;
		background: url(../img/inkwire-logo.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		
	}

a#juanlogan			{ display: block; margin: 10px 0 0 0; padding: 0; width: 930px; height: 140px; border: 10px solid #3e251a; background: url(../img/juanlogan.jpg) no-repeat; text-indent: -9999px; }

a#iconsangels			{ display: block; margin: 10px 0 0 0; padding: 0; width: 930px; height: 140px; border: 10px solid #3e251a; background: url(../img/iconsangels.jpg) no-repeat; text-indent: -9999px; }

a#tmns			{ display: block; margin: 10px 0 0 0; padding: 0; width: 930px; height: 140px; border: 10px solid #3e251a; background: url(../img/tmns.jpg) no-repeat; text-indent: -9999px; }

a#benjamin			{ display: block; margin: 10px 0 0 0; padding: 0; width: 930px; height: 140px; border: 10px solid #3e251a; background: url(../img/benjamin.jpg) no-repeat; text-indent: -9999px; }

a#juanlogan:hover, a#iconsangels:hover, a#tmns:hover, a#benjamin:hover		{ border: 10px solid #3e251a; background-position: 0 -140px; }

/* * html a#iconsangels { width: 950px; height: 160px; }
* html a#tmns { width: 950px; height: 160px; }
* html a#benjamin { width: 950px; height: 160px; } */


a#babapaulid	{ display: block; margin: 0 0 10px 0; padding: 0; width: 300px; height: 100px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#yogasanaid	{ display: block; margin: 0; padding: 0; width: 270px; height: 230px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#chimplogicid	{ display: block; margin: 0 0 10px 0; padding: 0; width: 300px; height: 100px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#gatewayid	{ display: block; margin: 0; padding: 0; width: 300px; height: 100px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#tmnsid	{ display: block; margin: 0; padding: 0; width: 300px; height: 100px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }




a#axiomweb	{ display: block; margin: 10px 0 0 0; padding: 0; width: 600px; height: 140px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#yogasanaweb		{ display: block; margin: 10px 0 0 0; padding: 0; width: 600px; height: 140px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }




a#ncdaprint		{ float: left; display: block; margin: 10px 0; padding: 0; width: 450px; height: 380px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#stephenprint		{ float: right; display: block; margin: 10px 0; padding: 0; width: 450px; height: 380px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a.test1		{ display: block; margin: 0; padding: 0; width: 270px; height: 230px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }
a.test		{ display: block; margin: 0; padding: 0; width: 300px; height: 230px; border: 10px solid #3e251a; background: #bbb; text-indent: -9999px; }

a#babapaulid:hover, a#yogasanaid:hover, a#chimplogicid:hover, a#gatewayid:hover, a#tmnsid:hover, a#axiomweb:hover, a#yogasanaweb:hover, a#ncdaprint:hover, a#stephenprint:hover, a.test:hover, a.test1:hover
			{ background: #eee; }


a#copyright		{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 40px;
	background: url(../img/inkwire-copyright.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	
}

a.backtotop		{
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 40px;
	background: url(../img/inkwire-backtotop.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	
}

/* Misc Declarations */

.clear 		{ clear: both; }

img			{ border: 0px; }


/* Contact Form */

#hello-wrapper		{ margin: 10px 0 0 0; padding: 0; width: 320px; height: 370px; background: url(../img/form-bg.jpg) no-repeat top left; }
#hello				{ margin: 10px 0 0 10px; padding: 10px; width: 280px; height: 330px; }