html, body
{
	background:#FBE9BF url('../images/background-wood-tile.jpg') 0 0;
	font-family:Georgia, Times, serif;
	margin:0;	
	width:100%; height:100%;	
	text-rendering: optimizeLegibility;
	overflow-y:auto;
	overflow-x:hidden;	
}

a, a:focus
{
	border:none;
	outline: none;
}

.main-container 
{
	display: table;
	height: 100%;
	width: 100%;	
}

.main-cell
{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

#main
{
	margin:auto;	
	width:994px;
	height:802px;	
	position: relative;	
}


#container
{
   	margin: 0 auto;	
	background:transparent  url('../images/background-frame.png') 0 0 no-repeat;
	width:994px;
	height:802px;
	padding-top:22px;
	padding-left:27px;	

}

#content
{
	width:938px;
	height:756px;
	border:1px solid black;
	position:relative;
	font-size:13px;
	background-position:0 0;
}

#content.home
{
	background:#C3CFBB url('../images/background-index.jpg') 0 0 no-repeat;
}

#content.agency
{
	background:#C3CFBB url('../images/background-agency.jpg') 0 0 no-repeat;
}

#content.capabilities
{
	background:#C3CFBB url('../images/background-capabilities.jpg') 0 0 no-repeat;
}

#content.jobs
{
	background:#C3CFBB url('../images/background-jobs.jpg') 0 0 no-repeat;	
}

#content.contact
{
	background:#C3CFBB url('../images/background-contact.jpg') 0 0 no-repeat;	
}

#content.work
{
	background:#C3CFBB url('../images/background-work.jpg') 0 0 no-repeat;	
}

#content-home
{
	position:absolute;
	width:475px;
	top:421px;
	left:122px;
}

#content-agency
{
	position:absolute;
	width:475px;
	top:357px;
	left:122px;	
	color:white;	
}

#content-capabilities
{
	position:absolute;
	width:475px;
	top:140px;
	left:122px;	
	color:white;	
}

#content-jobs
{
	position:absolute;
	width:475px;
	top:101px;
	left:122px;	
	color:white;	
}

#content-contact
{
	position:absolute;
	width:475px;
	top:175px;
	left:530px;	
	color:white;	
}

#content-work
{
	position:absolute;
	width:813px;
	top:117px;
	left:67px;	
	color:white;	
}

#content-casestudy
{
	position:absolute;
	width:570px;
	top:433px;
	left:349px;
	overflow-x:hidden;
	color:white;
	padding-left:20px;
	padding-top:9px;
	padding-bottom:9px;		
	background:transparent url('../images/background-casestudy.png') 0 0;
}

#content-casestudy p
{
	width:539px;
}

#masthead-home
{
	position:absolute;
	top:212px;
	left:122px;
}

#text-selling-out
{
	text-indent:-3000px;
	background:url('../images/text-if-thats-selling-out.png') 0 0 no-repeat;
	height:21px;
	width:472px;
}

p
{
	line-height:1.5em;
	margin-bottom:1em;
}

h1
{
	position:absolute;
	left:67px;
	margin-top:-1px;
}

h1 a
{
	display:block;
	width:55px;
	height:48px;
	background:#484848 url('../images/mess-logo.png') 0 0 no-repeat;
	text-indent:-1000px;
}


#content.home h2
{
	display:block;
	text-indent:-3000px;
	width:308px;

}

#content.home h2 span.title
{
	display:block;
	height:65px;
	width:308px;
	background:url('../images/text-truth.png') 0 0 no-repeat;
	margin-bottom:10px;	
}

#content.home p.sub1
{
	display:block;
	height:22px;
	width:308px;
	text-indent:-3000px;
	background:url('../images/text-for-sale.png') 0 0 no-repeat;	
	margin-bottom:56px;
}

#content.home p.sub2
{
	display:none;
}

#content.agency h2
{
	display:block;
	height:18px;
	text-indent:-3000px;
	width:331px;
	background:url('../images/text-what-hits-home.png') 0 0 no-repeat;	
	margin-bottom:34px;	
}

#content.capabilities h2
{
	display:block;
	height:42px;
	text-indent:-3000px;
	width:596px;
	background:url('../images/text-creating.png') 0 0 no-repeat;	
	margin-bottom:53px;	
}

#content.jobs h2
{
	display:block;
	height:90px;
	text-indent:-3000px;
	width:413px;
	background:url('../images/text-talented-creatives.png') 0 0 no-repeat;	
	margin-bottom:33px;	
}

#content.contact h2
{
	display:block;
	height:18px;
	text-indent:-3000px;
	width:341px;
	background:url('../images/text-wed-like-a-word.png') 0 0 no-repeat;	
	margin-bottom:22px;	
}

#content.work h2
{
	display:block;
	height:18px;
	text-indent:-3000px;
	width:354px;
	background:url('../images/text-recent-case.png') 0 0 no-repeat;	
	margin-bottom:52px;	
}

#content.work #additionalwork h2
{
	display:block;
	height:11px;
	text-indent:-3000px;
	width:169px;
	background:url('../images/text-additional-projects.png') 0 0 no-repeat;	
	margin-bottom:16px;	
}

#content.jobs p
{
	width:319px;
}

#content.capabilities h3
{
	display:block;
	height:33px;
	text-indent:-3000px;
	width:708px;
	background:url('../images/text-utilizing.png') 0 0 no-repeat;	
	margin-bottom:34px;	
}

#content.capabilities h4
{
	font-weight:bold;
}

#content.capabilities ul#lor
{
	background:url('../images/background-act.png') 0 0 no-repeat;
	width:668px;
	height:101px;
	margin-bottom:45px;		
	position:relative;	
	display:table;
}

#content.capabilities ul#lor li
{

	position:absolute;
	width:245px;
	height:99px;
	text-align:center;		
}

#content.capabilities ul#lor li.interact
{
	left:241px;
	margin-left:-32px;	
}

#content.capabilities ul#lor li.act
{
	left:454px;
	margin-left:-32px;	
}

#content.capabilities ul#lor li a
{
	display:block;
	position:absolute;
	text-indent:-3000px;
	height:18px;
	top:41px;		
}

#content.capabilities ul#lor li.attract a
{
	left:76px;
	width:99px;
	background:url('../images/text-attract.png') 0 0 no-repeat;
}

#content.capabilities ul#lor li.attract.active a
{
	background:url('../images/text-attract-active.png') 0 0 no-repeat;	
}

#content.capabilities ul#lor li.interact a
{
	left:78px;	
	width:109px;
	background:url('../images/text-interact.png') 0 0 no-repeat;
}

#content.capabilities ul#lor li.interact.active a
{
	background:url('../images/text-interact-over.png') 0 0 no-repeat;	
}

#content.capabilities ul#lor li.act a
{
	left:106px;	
	width:41px;
	background:url('../images/text-act.png') 0 0 no-repeat;
}

#content.capabilities ul#lor li.act.active a
{
	background:url('../images/text-act-over.png') 0 0 no-repeat;	
}

div.col-3
{
	height:200px;
	width:900px;
}

div.col-3 div.col
{
	float:left;
	width:288px;
}

div.col-3 div.col h4
{
	padding:7px;	
	margin-bottom:1px;	
	font-size:11px;
	padding-bottom:3px;
}


div.col-3 div.col li a
{
	color:white;
	text-decoration:none;
	display:inline-block;
	padding:4px 7px 4px 7px;
	font-size:11px;
	margin-bottom:1px;
}

div.col-3 div.col li.active a
{
	background:#9493A1;	
}

#nav
{
	position:absolute;
	left:433px;
	top:13px;
	
}

#nav li
{
	display:block;
	float:left;
}

#nav li a
{
	display:block;
	height:31px;	
	text-indent:-3000px;
}

#nav li a:hover
{
	opacity:0.8;
}

#nav li.agency a
{
	background:url('../images/nav-agency.png') 0 0 no-repeat;
	width:109px;
}

#nav li.capabilities a
{
	background:url('../images/nav-capabilities.png') 0 0 no-repeat;
	width:117px;
}

#nav li.contact a
{
	background:url('../images/nav-contact.png') 0 0 no-repeat;
	width:92px;
}

#nav li.jobs a
{
	background:url('../images/nav-jobs.png') 0 0 no-repeat;
	width:59px;
}

#nav li.our-work a
{
	background:url('../images/nav-our-work.png') 0 0 no-repeat;
	width:99px;
}

#nav li.agency.active a
{
	background-image:url('../images/nav-over-agency.png');
}

#nav li.capabilities.active a
{
	background-image:url('../images/nav-over-capabilities.png');
}

#nav li.our-work.active a
{
	background-image:url('../images/nav-over-our-work.png');
}

#nav li.jobs.active a
{
	background-image:url('../images/nav-over-jobs.png');
}

#nav li.contact.active a
{
	background-image:url('../images/nav-over-contact.png');
}

.jobs form
{
	margin-top:34px;
}

.field
{
	position:relative;
	font-family:Helvetica, Arial, sans-serif;	
	margin-bottom:4px;
}

.field label
{
	display:block;
	position:absolute;
	font-size:11px;
	text-transform:uppercase;
	width:100px;
	top:6px;
	text-align:right;
	margin-left:-110px;
}

.field input, .field select,.field textarea 
{
	width:292px;
	padding:3px;
	resize:none;
	border:1px solid #68686B;
	background:transparent url('../images/background-field.png') 0 0;
}

.field select
{
	width:300px;	
}

input#submit
{
	margin-top:26px;
}

.vcard
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	position:relative;
	line-height:14px;
	margin-bottom:22px;
}

.vcard .org
{
	display:block;
	text-indent:-3000px;
	text-transform:uppercase;
	width:45px;
	height:13px;
	background:transparent url('../images/text-mess.png') 0 0 no-repeat;
	margin-bottom:9px;
}

.vcard .tel-label
{
	position:absolute;
	top:21px;
	left:162px;
}

.vcard .tel-label div, .vcard .fax-label div
{
	display:inline;
}

.vcard .fax-label
{
	position:absolute;
	top:37px;
	left:162px;	
}