body,html {margin:0;padding:0;height: 100%;}
body {font:normal normal normal 62.5%/160% Arial, Helvetica, sans-serif;color:#bfbfbf;background:url(img/woodbackground.jpg) #000}


a {color:#b72121;text-decoration:none;position:relative;border:0;}
a:hover {color:#b72121;text-decoration:none;}

/* Type */
img {display:block;}
a img {border:1px solid #a0a0a0;}
a:hover img{border:1px solid #fff;}
hr {border:0;height:1px;background:#6b696b;}
h1,h2,h3,h4,h5 {margin:0;padding:0;line-height:120%;color:#fff;font-weight:500;position:relative;font-family:"Trebuchet MS", Trebuchet;}
p {font-size:1.4em;line-height:1.5em;margin:0 0 1.2em;padding:0;color:#dedede}
blockquote {padding:4px 0;margin:0;font-size:1.3em;line-height:1.4em;color:#dedede}
h1 {font-size:3.2em;margin:0 0 0.2em}
h1 a, h2 a {color:#fff;}
h2 {font-size:2.5em;margin:0 0 0.2em}
h3 {font-size:1.8em;margin:0 0 0.3em;}
h4 {font-size:1.6em;margin:0 0 0.2em;font-weight:bolder}
h5 {font-size:1.1em;margin:0 0 0.4em;}
.red {color:#b72121;}
.gray {color:#999999;}
.underline {border-bottom:1px solid #666;padding:0 0 3px}

/* Layout */
#wrap {width:994px;margin:0 auto;position:relative;z-index:0;}
#header {height:153px;}
.full_col {width:964px;padding:0 15px;float:left}
.left_col_wide {width:655px;float:left;}
.right_col_narrow {width:252px;float:right;position:relative;}
.half_col {width:445px;padding:0 15px 15px;}
.content {padding:15px 20px;background:url(img/body_rpt.png);}
#footer {margin:10px 0;padding:0 10px;font-size:1.2em}
#footer .right_col_narrow {border-left:1px solid #bfbfbf;padding:0 0 0 15px;width:160px}
.left, .alignleft {float:left;}
.right, .alignright {float:right;}

/* Blocks */

#logo {width:333px;height:146px;display:block;background:url(img/iink_logo.png) no-repeat;text-indent:-9999px;position:absolute;z-index:5;top:12px;}
#toolbox {display:none;}
#twitter_bird {background:url(img/twitter_bird.png) no-repeat;width:31px;height:40px;display:block;position:absolute;top:-1px;right:10px;text-indent:-9999px}

#body {margin:7px 0 25px;position:relative;}
#body_top {height:7px;background:url(img/body_top.png) no-repeat top center;position:absolute;top:-7px;width:994px}
#body_bottom {height:7px;background:url(img/body_bottom.png) no-repeat top center;position:absolute;bottom:-7px;width:994px}

/* Toolbox */
#top_nav {display:block;position:absolute;background:#000;right:0;margin:0;padding:0;font-size:1.1em;padding:5px;top:43px;display:none;}
#top_nav li {display:inline;float:left;}
#top_nav li a {color:#fff;margin:0 10px}


/* Main Nav */
#main_nav {display:block;list-style:none;margin:0;padding:0;right:0;position:absolute;height:46px;top:101px;width:663px;padding:0 0 0 331px;background:url(img/main_nav.png)}
#main_nav li {display:inline;float:left;}
#main_nav li a {height:46px;display:block;color:#fff;background:url(img/main_nav.png) no-repeat;text-indent:-9999px;position:relative;}
#main_nav #nav-home a {width:78px;background-position:-331px 0;}
#main_nav #nav-home a:hover, #inde #main_nav #nav-home a {background-position:-331px -46px;}

#main_nav #nav-who a {width:123px;background-position:-409px 0;}
#main_nav #nav-who a:hover, #who-we-are #main_nav #nav-who a {background-position:-409px -46px;}

#main_nav #nav-what a {width:124px;background-position:-532px 0;}
#main_nav #nav-what a:hover, #what-we-do #main_nav #nav-what a {background-position:-532px -46px;}

#main_nav #nav-portfolio a {width:111px;background-position:-656px 0;}
#main_nav #nav-portfolio a:hover, #portfolio #main_nav #nav-portfolio a {background-position:-656px -46px;}

#main_nav #nav-blog a {width:96px;background-position:-767px 0;}
#main_nav #nav-blog a:hover, #blog #main_nav #nav-blog a {background-position:-767px -46px;}

#main_nav #nav-contact a {width:131px;background-position:-863px 0;}
#main_nav #nav-contact a:hover, #get-in-touch #main_nav #nav-contact a {background-position:-863px -46px;}

/* Footer */
#footer_nav {display:block;list-style:none;margin:0;padding:0;}
#footer_nav li {display:inline;float:left;margin:0 10px 0 0}
#footer_nav li a {color:#fff;}
#copyright {font-size:13px;}


/* Pages */

	/* Quotes */
	#page_quote {height:113px;margin:25px 0 40px;text-indent:-9999px;background:url(img/homepage_quote.png) no-repeat top center;}
	/*#who-we-are #page_quote {background:url(img/who_quote.png) no-repeat center 20px; height:131px;}*/
	#what-we-do #page_quote {background:url(img/what_quote.png) no-repeat center 20px; height:131px;}
	#get-in-touch #page_quote {background:url(img/contact_quote.png) no-repeat center 10px; height:110px;}
	#portfolio #page_quote {background:url(img/portfolio_quote.png) no-repeat center top; height:155px;}
	#blog #page_quote {background:url(img/blog_quote.png) no-repeat center top;}

	/* Blog */
	.post_details, .entry-meta {font-size:1.3em;margin:0 0 0.8em 0}
	.post_content {font-size:1.1em;line-height:160%;margin:0 0 2.5em}
	.entry-content img.alignleft {margin:0 20px 20px 0}
	.post {margin:0 0 25px;}
	#primary .xoxo {list-style:none;margin:0;padding:0;font-size:1.3em}
	#primary .xoxo li {margin:0 0 15px;}
	#primary .xoxo ul {margin:0 0 0 25px;padding:0;list-style:disc}
	#primary .xoxo ul li {margin:0 0 2px;}
	
	/* Homepage */

	#featured_work {display:block;margin:0 0 15px;padding:0;overflow:visible;width:954px;width:996px\9}
	#featured_work li {display:inline;float:left;margin:0 42px 11px 0;width:206px}
	#featured_work li:last-child {margin:0 0 11px;}
	#featured_work li h4 {margin:5px 0 0;}
	#featured_work li p {font-style:italic;font-size:12px}
	.right_col_narrow .author {font-size:1.2em;margin:5px 0;display:block;border-top:1px solid #555;padding:5px 0 0;font-style:italic}
	
		/* Twitter */
		.aktt_tweets {font-size:13px;color:#DEDEDE}
		.aktt_tweets ul {margin:0;padding:0;list-style:none;}
		.aktt_tweets ul li {padding:14px 0 0;margin:0 0 14px;border-top:1px solid #666;}
		.aktt_tweets ul li.aktt_more_updates {border:0;display:none;}
		
	/* Services */
	#services_content {list-style:none;margin:0;padding:0}
	#services_content li {display:inline;float:left;width:293px;padding:0 6px 0 19px;height:410px}
	#services_content li p {margin:15px 0;}
	#services_content li:last-child {position:relative;left:320px;}
	
	/* Who we are */
	#brains_behind {list-style:none;margin:0;padding:0;}
	#brains_behind li {display:inline;float:left;width:210px;padding:0 24px 0 0;margin:10px 0 15px;height:290px}
	#brains_behind span {font-size:1.2em;top:-4px;position:relative;}
	#brains_behind p {margin:0;font-size:1.3em;}
	#brains_behind li:nth-child(9) {position:relative;left:235px;}
	#brains_behind li:last-child{position:relative;left:235px;}
	
	/* Portfolio */
	#portfolio_wrap {background:url(img/portfolio_wrap_bg.gif) repeat-y #0f0f0e;border:1px solid #2b282b;border-radius:5px}
	#portfolio_nav {margin:0;padding:0;list-style:none;width:235px;border-bottom:1px solid #4e4e4e;float:left;position:relative;top:25px;}
	#portfolio_nav li {display:block;border-top:1px solid #4e4e4e;height:35px}
	#portfolio_nav li a {display:block;height:18px;background:url(img/portfolio_item_bg.gif) repeat-x;font-family:"Trebuchet MS", Trebuchet;font-size:16px;color:#fff;padding:7px 0;text-indent:10px;font-weight:bold}
	#portfolio_nav li a:hover {text-decoration:none;}
	
	#portfolio_selected {display:block;margin:0 auto;}
	#portfolio_selected img, #portfolio_selected a img {text-align:center;margin:0 auto;max-height:500px;max-width:680px}
	#portfolio_viewer {padding:15px;width:685px;height:500px;overflow:hidden;float:left;}
	#portfolio_thumbs {padding:15px;}
	#portfolio_thumbs {width:10000px;list-style:none;float:left;display:block;}
	#portfolio_thumbs li {display:inline;float:left;margin:0 5px 5px 0}
	#portfolio_thumbs li.active img {border:2px solid #fff;}
	#portfolio_thumbs li img {width:110px;}
	
	/* Contact */
	#contact_form {width:350px;}
	#errors {list-style:none;margin:0;padding:10px; border:1px solid #d1181e; color:#d1181e;font-size:12px;display:none;width:330px;background:#ffc7c9;margin:0 0 5px;border-radius:5px}
	.field {display:block;position:relative;margin:0 0 3px}
	.field label {position:absolute;font-size:14px;color:#666;padding:7px 6px}
	.field .text, .field .textarea {padding:5px;border:0;width:340px;resize:none;border:1px solid #fff;border-radius:5px}
	.field input:focus {outline:0;}
	.form_button {padding:5px 10px;background:#a81616;font-size:16px;border:1px solid #b72121;border-radius:5px;cursor:pointer;color:#fff}
	
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}