/*  
Theme Name: Matter V3
Theme URI: http://matterco.com/
Description: This theme was created for the Matter website.
Version: 3.0.0
Author: Chris Altman
Author URI: http://www.matterco.com/
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100.01%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus {
	outline: 0;
}

body {
	color:#000;
	background:#000;
	font:normal 62.5%/1 arial,geneva,sans-serif;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img { 
	display:block; 
}

#wrapper {
	text-align:left;
	background:#202020 url(http://www.matterco.com/wp-content/themes/matter/images/back.gif) top left repeat-y;
	color:#000;
	margin-left:144px;
	margin-right:auto;
	width:auto;
}

#homepage span.client{
	display:none;
}

#homebanner{
	width:640px;
	height:180px;
	background:#333;
	position:relative;
	cursor:pointer;
}

#home0,#home1,#home2{
	background-position-x:0;
	background-position-y:0;
	background-repeat:no-repeat;
	background-image:url(http://www.matterco.com/wp-content/uploads/particular.png);
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:640px;
	height:180px;
}

#home1{
	background-image:url(http://www.matterco.com/wp-content/uploads/good-banner.jpg);
}

#home2{
	background-image:url(http://www.matterco.com/wp-content/uploads/beautiful-banner.jpg);
}

#hometext{
	width:520px;
	margin:0 0 40px 16px;
	padding:30px 0 0 0;
	font:normal 16px/28px ultra,arial,geneva,sans-serif;
	color:#5a6f80;
}

#hometextplace{
	height:290px;
	width:600px;
	margin:0 0 30px 16px;
	font:normal 16px/28px ultra,arial,geneva,sans-serif;
	color:#463e3e;
	position:relative;
	letter-spacing:1px;
	text-align: justify;
}

#hometext0,#hometext1,#hometext2,#hometext3,#hometext4{
	position:absolute;
	top:20px;
	left:0;
}

#hometextplace strong,#hometext strong{
	color:#463e3e;
	font-size:20px;
	font-weight:normal;
}

#hometextplace span,#hometext span{
	font-size:14px;
	color:#5c5252;
}

#homeslots{
	min-height:416px;
	height:auto !important;
 	height:416px;
}

#hometext0 a{
	color:#5c5252;
	text-decoration:underline;
	font-size:14px;
}

#hometext0 a:hover{
	color:#7c7272;
  text-decoration:underline;
}

#home {
	float:left;
	margin:0;
	padding:0;
}

#sidebar_shift {
	padding-top: 118px;
}

#branding,#branding-project {
	width: 640px;
	height: 108px;
	margin-bottom: 10px;
}

#branding-project{
	margin-bottom:210px;
}

#logo {
	position: relative;
	top: 77px;
	left: 15px;
	width:105px;
}

#intro_container {
	width: 640px;
	background-color: #191919;
	border-bottom: 1px dotted #505050;
	clear: left;
	float: left;
}
.intro_page_nav {
	/*width: 625px;*/
	position: relative;
	margin-left: 15px;
	padding-top: 10px;

}
#intro_text {
	width: 600px;
	padding-top: 25px;
	padding-left: 15px;
	padding-bottom: 25px;

}
#intro_arrow {
	float: right;
	position: relative;
	top: 35px;
}

#content {
	width: 635px;
	min-height:520px;
	padding: 20px 0 0;
	clear: left;
	margin:0 0 30px 0;
}

#navigation {
	width:216px;
	color:#fff;
	top:118px;
	left:784px;
	position:absolute;
	z-index:101;
}

#navigation .nav {
	margin: 0 0 44px;
	padding-left: 27px;
}

#finder {
	padding: 0 0 0 27px;
	margin: 0;
	color: #818181;
}

#sidetext{
	padding:0 0 0 27px;
	clear:both;
	line-height:1.3em;
	position:absolute;
	background:#333;
	top:620px;
	left:784px;
	width:189px;
	height:300px;
	z-index:1020;
	color: #818181;
}

#sidetext a{
	display:block;
	color:#ff5e00;
	text-decoration:none;
}

#sidetext a:hover{
	text-decoration:underline;
}

#banner {
	float: left;
	width:640px;
	height:150px;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/banner_2.png) top right no-repeat;
}

#feature-project{
	width:640px;
	position:relative;
	background:#292929;
}

#feature-project-text{
	position:absolute;
	z-index:2;
	font-size:1.5em;
	color:#ff5e00;
	top:300px;
	left:15px;
}

img#feature-banner{
	clear:both;
}

a.feature-project-title{
	position:absolute;
	left:15px;
	top:318px;
	z-index:3;
	color:#e6e6e6;
	font-weight: bold;
	font-size:2.4em;
	letter-spacing:-1px;
	width:640px;
	text-decoration:none;
}

a.feature-project-title:hover{
	color:#fff;
}

#feature-project-container{
	width:445px;
	margin:13px 0 13px 16px;
}
	
#feature-project #feature-project-container p{	
	color:#646464;
	line-height:1.4em;
	font-size:1.4em;
	letter-spacing:0;
	margin:0 0 15px 0;
}

#feature-project{
	background-image:url(http://www.matterco.com/wp-content/themes/matter/images/project-border.gif);
	background-position:bottom right;
	background-repeat:repeat-x;
}

#top-border{
	width:640px;
	height:1px;
	position:absolute;
	top:150px;
	height:1px;
	background-image:url(http://www.matterco.com/wp-content/themes/matter/images/project-border.gif);
	background-position:top right;
	background-repeat:repeat-x;
}

#sub_banner {
	float: left;
	width:490px;
	height:150px;
	background:#333;
}
#sub_banner2 {
	float:left;
}

#banner_title_project {
	position: absolute;
	top: 244px;
	left: 704px;
	width:200px;
	z-index:2;
}

#title_project {
	position:absolute;
	top: 126px;
	left: 560px;
	width:78px;
	z-index:2;
}

#project_title,#home_title {
	position:absolute;
	left:159px;
	top:286px;
	z-index:20;
	color: #e6e6e6;
	font-weight: bold;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	width:640px;
}

#home_title{
	font-size: 2.4em;
	left:159px;
	top:266px;
}

.page_nav {
	width: 625px;
	padding-left: 15px;
	padding-top: 10px;
	clear: left;
	margin-bottom: 10px;
	float: left;
}
.page_nav_back {
	float: left;
}
.page_nav_forward {
	text-align: right;
	padding-right: 15px;
}

#col1 {
	float: left;
	width: 92px;
}

.clear {
	clear: both;
	height: 1px;
}

.clearleft {
	clear: left;
	height: 1px;
}

#recent {
	padding: 0 27px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#footer {
	clear:both;
	color:#969696;
	border-top:1px dotted #646464;
	padding:6px 4px 18px 2px;
	background:#000;
	font-size:1.2em;	
	position:relative;
	z-index:100;
}

#homepage #footer{
	margin:0 0 0 144px;
	position:relative;
}

#footer a{
	color:#d6d6d6;
	text-decoration:none;
}

#footer a:hover{
	color:#f6f6f6;
	text-decoration:underline;
}

#footer a img{
	display:inline;
}

#footer div#copyright{
	position:absolute;
	top:7px;
	right:7px;
	font-size:.9em;
	line-height:1em;
	text-align:right;
	font-family:ultra,arial,geneva,sans-serif;
	width:300px;
}

#footer div#copyright a{
	color:#202020;
	text-decoration:none;
	line-height:20px;
}

#footer div#copyright a:hover{
	color:#ff5e00;
}

#footer div.rsslink{
	padding:2px 0 0 20px;
	margin-top:2px;
	height:17px;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/rss.png) left top no-repeat;
	cursor:pointer;
}

div#wordpress{
	top:1px;
	left:110px;
	width:170px;
	padding:10px 0 0 24px;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/wordpress.gif) center left no-repeat;
	height:20px;
	position:absolute;
}

.conversation-rss{
	padding:3px 0 0 19px;
	height:17px;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/rss-conversation.png) left top no-repeat;
	cursor:pointer;
	color:#fff;
	font-size:.9em;
	position:absolute;
	bottom:6px;
	right:6px;
}

.conversation-banner a{
	text-decoration:none;
}

.conversation-banner a:hover div{
	text-decoration:underline;
	color:#fff;
}

.conversation-text h1, #conversation-input h1{
	color:#fff;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:1.2em;
	width:616px;
}

#content_blog {
	width: 640px;
	background-color: #141e28;
}

#content_blog_intro {
	background-color: #2f3b51;
	height: 55px;
	padding-left: 14px;
	padding-right: 14px;
}

.content_blog_entries {
	width: 640px;
	margin: 20px 0 0;
	padding: 0;
	height: auto;
}

.content_blog_entries_preview {
	float: left;
	width: 446px;
	margin: 0;
	background-color: #141e28;
	padding-right: 25px;
	padding-left: 14px;
}

.content_blog_entries img {
	margin-bottom: 5px;
}

#content_col1 {
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin-bottom: 30px;
	padding-right: 20px;
	float: left;
	width: 445px;
	padding-left: 15px;
}

#about_table{
	margin-top:8px;
}

#about_table_1 {
	margin-bottom: 30px;
	padding-right: 20px;
	width: 445px;
	padding-left: 15px;
	padding-right:20px;
	vertical-align:top;
}

#about_table_2{
	width:145px;
	padding-left:11px;
	vertical-align:top;
	height:700px;
}

td#about_table_2 h1,ul.clientlist li.title {
	font-size: 1.2em;
	color: #ff5e00;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	padding: 15px 0 0;
}

ul.clientlist li.title{
	padding:0;
	margin-bottom:3px;	
}

td#about_table_2 h2 {
	color: #646464;
	font-size: .9em;
	padding-top: 1em;
	margin: 0;
	padding-bottom: .2em;
}

td#about_table_2 p, #about_table_2 a {
	color: #969696;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	text-decoration: none;
}

td#about_table_2 a:hover {
	text-decoration: underline;
	color: #787878;
}

#project_article_col1 {
	/*float: left;
	width: 425px;
	padding-right: 35px;*/
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding-right: 20px;
	float: left;
	width: 445px;
	padding-left: 15px;
}

strong {
	font-weight: bold;
}

a.client {
	color:#969696;
	text-decoration: none;
	font-size: 1.25em;
	line-height: 1.7em;
	margin: 10px 0 0;
	padding: 10px 0 0;
}

a.client:hover {
	color: #c8c8c8;
	text-decoration: underline;
}

a.more-link {
	color: gray;
	text-decoration: none;
}

a.more-link:hover {
	text-decoration: underline;
	color: #c8c8c8;
}


#content h1,#contactform h1 {
	color: #c8c8c8;
	font-weight: bold;
	font-size: 2.4em;
	/*opacity: 0.70;*/
	text-decoration: none;
	margin-bottom: .4em;
	letter-spacing: -1px;
}

#contactform h1{
	margin:24px 0 0 0;
}

#content h1 a {
	color: #918e8d;
	text-decoration: none;
}

#content h1 a:hover {
	color: #787878;
}

#content h2 {
	color: #969696;
	font-size: 1.1em;
	line-height: 1.8em;	
}

#feature_title {
	position:absolute;
	left:159px;
	top:247px;
	margin: 0;
	padding: 0;
	z-index:20;
}

#feature_title h1 {
	color: #e6e6e6;
	font-weight: bold;
	margin: 0;
	padding:44px 0 0 0;
	font-size: 2.4em;
	/*opacity: 0.75;*/
	line-height: 0;
	letter-spacing: -1px;
}

#headline h1 {
	color: #e6e6e6;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	/*opacity: 0.75;*/
}

#content h3 {
	color: #646464;
	font-size: 1.1em;
	line-height: 1.4em;
}

#content p {
	color: #646464;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1.1em;
}

#content ul {
	margin-top: 15px;
	margin-bottom: 20px;
}

#content ul a {
	color: #646464;
	font-size: 1.6em;
	text-decoration: none;
	line-height: 1.4em;
}

#content ul a:hover {
	color: #969696;
}

.tags,.smaller-tags {
	border-top: 1px solid #3c3c3c;
	margin-bottom: 60px;
	padding: 2px 0 0;
	font-size: 1.1em;
}

.smaller-tags{
	margin-bottom:0;
	padding-bottom:15px;
}

.tags a, .tags a:visited, .smaller-tags a {
	color: #3c3c3c;
	text-decoration: none;
}
.tags a:hover, .smaller-tags a:hover {
	color: #787878;
	text-decoration: underline;
}

#feature-project div.smaller-tags{
	font-size:11px;
	line-height:11px;	 
}

#content_col1 a, #content_col1 a:visited, #project_article_col1 p a, #project_article_col1 p a:visited, #about_table_1 a, #about_table_1 a:visited {
	color: #969696;
	text-decoration: none;
}

#content_col1 a:hover, #project_article_col1 p a:hover, #about_table_1 a:hover {
	color: #c8c8c8;
	text-decoration: underline;
}

#content_col1 h1 a:hover, #project_article_col1 h1 a:hover, #about_col1 h1 a:hover {
	text-decoration: none;
}

/*.moretext a, a:visited {
	color: #969696;
	text-decoration: none;
}

.moretext a:hover {
	color: #c8c8c8;
	text-decoration: underline;
}*/

#project_article_col1 li {
	color: #646464;
	font-size: 1.4em;
	text-decoration: none;
	line-height: 1.5em;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 20px;
}

#banner p,#feature-project p{
	color:#fff;
	font-size:2.2em;
	line-height:0;
	letter-spacing:-1px;
	position:relative;
}

#sub_banner2{
	background:#f95f11;
	width:150px;
	height:150px;
}

#sub_banner2 div{
	margin:115px 0 0 70px;
	width:78px;
	color:#fff;
	font-size:2.2em;
	letter-spacing:-1px;
}

#navigation .nav a {
	color: gray;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
}

#navigation .current_page_item a, #navigation .current-cat a {
	color: white;
}


#navigation .nav ul a:hover, #navigation #col1 ul a:hover, #navigation #col2 ul a:hover, #recent a:hover, #news_archive a:hover {
	color: #c8c8c8;
}

#navigation h3, #news_archive h3 {
	font-size: 1.2em;
	color: #ff5e00;
	padding: 20px 0 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
}

#navigation h4 {
	font-size: 1em;
	color: #ff5e00;
	/*font-weight: normal;
	font-style: normal;*/
	padding: 5px 0 0;
	margin-top: 5px;
}

#navigation ul {
	margin: 0 0 10px;
}

#navigation ul a {
	color: gray;
	font-size: 1em;
	text-decoration: none;
	line-height: 2em;
}

#recent h4, #news_archive h4 {
	color: #646464;
	font-size: .9em;
	line-height: .9em;
	margin-bottom: .7em;
	margin-top: 1em;
}

#recent a, #news_archive a {
	text-decoration: none;
	color: #c8c8c8;
	font-size: 1.2em;
	line-height: 1.4em;
}

#headline h1 {
	color: #e6e6e6;
	font-weight: bold;
	margin: 0;
	font-size: 2.4em;
	/*opacity: 0.70;*/
	padding: 10px 0 1.2em;
}

.page_nav a {
	color: #969696;
	font-size: 1.1em;
	text-decoration: none;
}

.page_nav a:hover {
	color: white;
	text-decoration: none;
}

.page_nav_viewing {
	color: #969696;
	font-size: 1.1em;
	float: left;
}

#content_blog_intro_instructions {
	margin: 0;
	position: relative;
	top: 25px;
	float: left;
}

#content_blog_intro_link {
	float: right;
	position: relative;
	top: 25px;
}

.content_blog_entries_posted {
	/*float: right;*/
	background-color: #141e28;
	padding-top: 30px;
	padding-left: 14px;
	height: 180px;
	font-size: 1em;
}

#content_blog_intro p {
	color: #647896;
	font-size: 1.1em;
}

#content_blog_intro a:link, #content_blog_intro a:visited {
	color: #647896;
	text-decoration: none;
}

#content_blog_intro a:hover {
	color: #c8c8c8;	
}

.content_blog_entries h1 {
	font-size: 1.2em;
	color: #c8c8c8;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 18px;
}

.content_blog_entries_preview p {
	color: #646464;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1.1em;
}

.content_blog_entries_posted p, .content_blog_entries_posted a {
	color: #3c3c3c;
	margin: 0;
	/*font-size: .85em;*/
	text-decoration: none;
	line-height: 1.1em;
}

.content_blog_entries_posted a:hover {
	color: #787878;
}

.posted {
	border-top: 1px solid #3c3c3c;
	text-align: right;
	color: #3c3c3c;
	font-size: 1em;
	text-decoration: none;
	padding-top: 2px;
	margin-bottom: 35px;
}
.posted a, .posted a:visited{
	color: #3c3c3c;
	text-decoration: none;
}

.posted a:hover {
	color: #787878;
	text-decoration: underline;
}

#project_photos{
	left:634px;
	top:369px;
	position:absolute;
	width:145px;
	height:300px;
}

#project_photos h2 {
	color: #646464;
	font-size: 1em;
	line-height: 1.8em;
}

#project_photos a{
	text-decoration:none;
	width:117px;
	height:46px;
	display:block;
	margin:6px 0;
}

.sitemap a {
	color: black;
	text-decoration: underline;
}

.contactlink a {
	color: #969696;
	text-decoration: none;
}

.contactlink a:hover {
	color: #c8c8c8;
	text-decoration: underline;
}

.intro_body {
	color: #969696;
	font-size: 1.5em;
	line-height: 162%;
	padding-left: 15px;
}

.intro_title {
	color: #ff5e00;
	font-size: 2.2em;
}

.date {
	color: #646464;
	margin-bottom: 5px;
}

/* @end */

/* @group Contact Form */
.contactform {
	position: static;
	overflow: hidden;
	color:#f00;
	padding-top:18px;
}

.contactleft {
	width: 28%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding:9px 0 0 0;
	margin: 5px 0;
    color:#646464;
	font-size:1.4em;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding:4px 0 0 0;
	margin:5px 0;
	color:#646464;
	font-size: 1em;
}

.contacterror {
	border: 2px solid #f00 !important;
	background:#fcc !important;
	color:#000 !important;
	width:240px !important;
}

#wpcf_your_name,#wpcf_email,#wpcf_subject,#wpcf_msg,#s,#newsletter{
	background:#646464;
	padding:4px 2px;
	border-bottom:solid 1px #848484;
	border-width:0 0 1px 0;
	color:#f4f4f4;
	font:normal 1.2em arial,geneva,sans-serif;
	width:20px;
}

#newsletter{
  display:block;
  margin:4px 0;
  width:145px;
  color:#848484;
}

#newsbutton{
  background:#ff5e00;
  border:solid 2px #ff5e00;
  border-color:#ff8e30 #cf2e00 #cf2e00 #ff8e30;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  display:none;
}

#wpcf_msg{
	padding-bottom:0;
}

#wpcf_your_name:focus,#wpcf_email:focus,#wpcf_subject:focus,#wpcf_msg:focus{
	background:#848484;
	color:#000;
}

#contactsubmit,#searchsubmit{
	background:#ff5e00;
	border:solid 2px #ff5e00;
	border-color:#ff8e30 #cf2e00 #cf2e00 #ff8e30;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	vertical-align:baseline;
}

#contactsubmit{
	width:98px;
}

#recentprojects,#news{
	border-top:solid 1px #333;
	width:280px;
	padding:17px 0 30px 0;
	color:#969696;
	font:normal 12px/21px arial,geneva,sans-serif;
	position:absolute;
	top:650px;
	left:160px;
}

#recentprojects{
	position:absolute;
	top:650px;
	left:480px;
}

a.homebiglink{
	font-weight: bold;
	font-size: 1.4em;
	line-height:1.1em;
	/*opacity: 0.70;*/
	text-decoration: none;
	margin-bottom: .4em;
	display:block;
	margin:0 0 12px 0;
	color: #918e8d;
	text-decoration: none;
}

a.homebiglink:hover{
	color:#787878;
}

a.recent-home{
	color:#484848;
	font-weight:normal;
	font-size: 1.9em;
	letter-spacing: -1px;
	margin:0 0 22px 0;
	text-decoration:none;
}

a.recent-home:hover{
	color:#787878;
}

#recentprojects .date,#news .date{
	color:#484848;
	font-weight:normal;
	font-size: .8em;
	margin:0 0 9px 0;
}

#recentprojects p a,#news p a{
	color:#dedede;
	text-decoration:none;
}

#recentprojects p a:hover,#news p a:hover{
	color:#fff;
	text-decoration:underline;
}

#corner,#corner:hover{
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	cursor:pointer;
	width:123px;
	height:123px;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/corner.gif) top left no-repeat;
}

#corner:hover{
	background-position:-124px 0;
}

.clear{
	clear:both;
}

#videocontainer{
	width:440px;
  height:255px;
	padding:67px 0;
	background:#000;
	text-align:center;
}

p#videotext{
	font-size:11px;
	line-height:13px;
	color:#999;
	margin-top:3px;
}

#contactdiv{
	background:#333;
	border-top:solid 4px #666666;
	position:absolute;
	z-index:99;
	height:410px;
	width:219px;
	top:-415px;
	left:640px;
}

#contactiframe{
	display:block;
	margin:12px auto;
	width:210px;
	height:380px;
	border-width:0;
}

#contactpage{
	background:#333;
}

h1#contacttitle{
	color: #e6e6e6;
	font-weight: bold;
	font-size: 2.4em;
	text-decoration: none;
	margin-bottom: .4em;
	letter-spacing: -1px;
	position:absolute;
	left:30%;
}

#contactoverlay{
	background:#333;
	position:absolute;
	height:420px;
	width:219px;
	left:640px;
	top:-421px;
	z-index:100;
}

.formerror{
	position:absolute;
	font-size:1em;
}

#thankyou{
	color:#969696;
	padding-left:30%;
	font-size:1.3em;
}

#about_col1 #thankyou{
	padding:0;
}

#about_col1 #thankyou a,#thankyou a{
	color:#fff;
	text-decoration:none;
}

#about_col1 #thankyou a:hover,#thankyou a:hover{
	text-decoration:underline;
}

#featurephotos{
	padding-top:30px;
}

#content{
	min-height:700px;
	height:auto !important;
 	height:700px;
}

.searchpagination{
	font-size:1.2em;
}

a#closeformlink{
	color:#606060;
	font-size:1em;
	text-decoration:none;
}

a#closeformlink:hover{
	text-decoration:underline;
	color:#f0f0f0;
}

#project_article_col1 .size-full,.size-banner{
	position:absolute;
	width:640px;
	height:200px;
	top:118px;
	left:144px;
	z-index:10;
}

img.alignright,.alignright{
	float:right;
	margin:0 0 12px 12px;
}

input#submit{
	background:#ff5e00;
	border:solid 2px #ff5e00;
	border-color:#ff8e30 #cf2e00 #cf2e00 #ff8e30;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	vertical-align:baseline;
}

.break{
	clear:both;
}

.conversation-banner{
	background:#323C50;
	padding:16px 12px 12px 12px;
	color:#647896;
	vertical-align:bottom;
	font-size:1.2em;
	width:616px;
	position:relative;
}

.conversation-banner span{
	color:#94a8c6;
}

.conversation-banner h1{
	font-size:2em;
	font-weight:bold;
	color:#141e28;
	line-height:1.1em;
	letter-spacing:-1px;
}

#conversation,#conversation-input{
	font:normal 1.2em/1.8em arial,geneva,sans-serif;
	padding:12px;
	background:#141E28;
	color:#6A7180;
	width:616px;
}

#conversation a,#conversation-input a{
	color:#BBBEC5;
	text-decoration:none;
}

#conversation a:hover,#conversation-input a:hover{
	text-decoration:underline;
}

.conversation-text{
	width:460px;
	padding:24px 0 24px 0;
	margin-bottom:36px;
	border-bottom:solid 1px #323C50;
}

.conversation-text ul,.conversation-text li{
	list-style:disc;
	margin:4px 12px;
}

.conversation-text img{
	border-color:#040e18 !important;
}

#conversation .conversation-author{
	padding:24px 0 0 0;
	width:125px;
	float:right;
	font-size:.9em;
	line-height:1.4em;
	color:#424C60;
	font-style:italic;
}

input#conversation-submit,input#acp-preview{
	background:#f0f0ee;
	border:outset 2px #ccc;
	color:#000;
	cursor:pointer;
	padding:2px 3px 3px 3px;
	margin:6px 0 0 0;
}

a.logout-link{
	color:#ff5e00 !important;
}

a.logout-link:hover{
	text-decoration:underline !important;
}

#conversationtitle{
	background:#fff;
	border:solid 1px #ccc;
	width:579px;
	font-size:12px;
	padding:3px 7px;
}

#comment_ifr{
	height:300px !important;
}

div#content ul.clientlist{
	float:right;
	margin:10px 0 60px 26px;
}

div#content ul.clientlist li{
	padding-bottom:3px;
}

div#content ul.clientlist li a{
	font-size:1.3em;
	color:#969696;
	text-decoration:none;
}

div#content ul.clientlist li a:hover{
	color:#c8c8c8;
}

#more-projects{
	font-size: 1.5em;
	color: #ff5e00;
	margin:0 0 14px 0;
}

#featurecattext{
	font-family:ultra,arial,geneva,sans-serif;
	position:absolute;
	background:#101010;
	opacity:.95;
	width:454px;
	z-index:100;
	color:#646464;
	top:150px;
	left:0;
	padding:0 18px;
	font-size:2.5em;
	line-height:1.4em;
	font-weight:normal;
	border-bottom:solid #f35e00 1px;
}

@font-face {
	font-family: ultra;
	src: url('http://www.matterco.com/wp-content/themes/matter/images/Helvetica.otf');
}

#communicationbanner,#communicationbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/communication-banner.png) top left no-repeat;
}

#researchbanner,#researchbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/research-banner.png) top left no-repeat;
}

#strategybanner,#strategybanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/strategy-banner.png) top left no-repeat;
}

#designbanner,#designbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/design-banner.png) top left no-repeat;
}

#automotivebanner,#automotivebanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/automotive-banner.png) top left no-repeat;
}

#entertainmentbanner,#entertainmentbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/entertainment-banner.png) top left no-repeat;
}

#healthbanner,#healthbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/health-banner.png) top left no-repeat;
}

#hospitalitybanner,#hospitalitybanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/hospitality-banner.png) top left no-repeat;
}

#productsbanner,#productsbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/product-banner.png) top left no-repeat;
}

#productssbanner,#productssbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/products-banner.png) top left no-repeat;
}

#publicbanner,#publicbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/public-banner.png) top left no-repeat;
}

#retailbanner,#retailbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/retail-banner.png) top left no-repeat;
}

#servicesbanner,#servicesbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/services-banner.png) top left no-repeat;
}

#wirelessbanner,#wirelessbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/wireless-banner.png) top left no-repeat;
}

#brandbanner,#brandbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/brand-banner.png) top left no-repeat;
}

#communitiesbanner,#communitiesbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/communities-banner.png) top left no-repeat;
}

#environmentbanner,#environmentbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/environment-banner.png) top left no-repeat;
}

#identitybanner,#identitybanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/identity-banner.png) top left no-repeat;
}

#innovationbanner,#innovationbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/innovation-banner.png) top left no-repeat;
}

#interfacebanner,#interfacebanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/interface-banner.png) top left no-repeat;
}

#systemsbanner,#systemsbanner:hover{
	height:150px;
	width:490px;
	display:block;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/systems-banner.png) top left no-repeat;
}

#designbanner:hover,#strategybanner:hover,#researchbanner:hover,#communicationbanner:hover,#automotivebanner:hover,#entertainmentbanner:hover,#healthbanner:hover,#hospitalitybanner:hover,#productsbanner:hover,#publicbanner:hover,#retailbanner:hover,#servicesbanner:hover,#wirelessbanner:hover,#brandbanner:hover,#communitiesbanner:hover,#environmentbanner:hover,#identitybanner:hover,#innovationbanner:hover,#interfacebanner:hover,#productssbanner:hover,#systemsbanner:hover{
	background-position:-490px top;
	cursor:pointer;
}

input#s{
	width:200px;
}

.searchpost a{
	font-size:1.6em !important;
	font-weight:normal !important;
}	

#homeslideshow,#hscontainer{
	width:640px;
	height:180px;
	background:#333;
	cursor:default;
	position:relative;
}

#homeslideshowcaption{
	position:absolute;
	padding:6px 10px 4px 10px;
	bottom:0;
	left:0;
	width:620px;
	background:url(http://www.matterco.com/wp-content/themes/matter/images/opacity.png);
	text-align:right;
	font:normal 20px ultra,arial,geneva,sans-serif;
	color:#ff5e00;
	vertical-align:middle;
	z-index:2;
	display:none;
}

#homeslideshowcaption em{
	font:normal 14px/14px ultra,arial,geneva,sans-serif;
	color:#ff5e00;
	text-decoration:none;
	cursor:pointer;
	display:inline;
}

#homeslideshowcaption em:hover{
	text-decoration:underline;
}

#homeslideshowcaption span#left{
	float:left;
}

#easteregg,#easteregg2{
	width:36px;
	height:12px;
	padding:4px;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	background:#000;
}

#easteregg2{
	z-index:1;
	background:#ff5e00;
	text-align:center;
}

#easteregg2 a{
	text-decoration:none;
	color:#fff;
}

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #efefef;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

#content_col1 ol{
	list-style-type:decimal;
	color:#646464;
	font-size:1.4em;
	padding:0 0 0 24px;
	line-height:1.4em;
}

#content_col1 ol li{
	padding:0 0 12px 0;
}

#footer div#copyright a#adlink{
  color:#000!important;
}

#footer div#copyright a#adlink:hover{
  color:#f00!important;
  text-decoration:none!important;
}

#ee{
  font-size:11px;
  color:#f00;
  display:none;
}

#ty{
  font-size:11px;
  font-style:italic;
  color:#ff5e00;
  display:none;
  padding-top:4px;
}