@charset "UTF-8";
* {
margin: 0px;
padding: 0px;
border: none;
list-style: none;
}
body {
	padding: 0px;
	background-color: #000000;
	color: #FFF;
	font-family: Helvetica,Arial,sans-serif;
	margin: 40px;
	height:100%;
}
h1 {
	font-size: 15px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
h1 a:hover {
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 24px;
	padding: 0px;
	line-height: 26px;
	font-weight: normal;
	color: #999999;
	margin: 0px;
}


h3 a.project {
	color: #999999;
}
p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	color: #999999;
}
a{
	color: #FFF;
	text-decoration: none;
}

a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
a.select {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.col_home .project_image {
	height: 141px;
}
hr {
	background-color:#666;
	border:0 none;
	height:1px;
	padding: 0px;
	width: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	text-align:left;
	
}
#header {
	height: 146px;
	width: 972px;
}
#header .header_nav {
	float: left;
	width: 324px;
}
#header    .header_logo  {
	float: left;
	width: 628px;
	margin-right: 20px;
}
#header .header_logo a img {display:inline;}
#header .header_logo h3 {display: inline; vertical-align:top;margin-top:2px;line-height:28px;*line-height:30px;}

#header .header_logo img {
	
	margin-right: 3px;
}
#header  .header_nav  ul li {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	/*float: left;*/
}
#header  .header_nav ul.nav_1 {
	float: left;
	margin-right: 20px;
	display: block;
	width: 127px;
}
#header .header_nav ul.nav_2 {
	float: left;
	display: block;
	width: 147px;
}
.content {
	min-width: 972px;
	/*width: 972px;*/
	float: left;
}
.col_home {
	width: 304px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
.col_home button, .col_work button, .col_sidepanel button {
	padding: 4px;
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Helvetica,Arial,sans-serif;
}
.col_home button:hover, .col_work button:hover, .col_sidepanel button:hover {
	background-color: #999999;
	font-weight: bold;
	color: #FFFFFF;
}
.col_home input, .col_work input, .col_sidepanel input {
	padding: 3px;
	font-family: Garamond,Helvetica,Arial,sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.col_home textarea, .col_work textarea {
	width: 775px;
	height: 200px;
}
.copy_news {
}
.copy_news .right {
	float: left;
	width: 230px;
	height: 60px;
}
.col_home   .copy_news   .date {
	font-size: 11px;
}
.copy_news .image {
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 14px;
}
.col_home  a:hover  img , .col_projects  a:hover  img{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.col_home   .image   a  img  {
}
.col_work {
	width: 775px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
.col_work h3 {
	color: #FFFFFF;
}
.col_work p.intro,
.col_work div.intro p{
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-bottom: 0px;
	display: block;
}

.col_work p.project_intro{
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 15px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background:#fff;
}
.col_work img   {
	margin-bottom: 10px;
}



.col_work .description {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}
.col_work .news .description img {
	float: right;
	width: 603px;
	margin-bottom: 10px;
}
.col_work .description .info {
	float: left;
	width: 152px;
	margin-right: 20px;
}

.col_work .description .info hr, .col_work .description .info hr {
	margin-top: 0px;
}
.col_work p {
	padding-bottom: 16px;
}
.col_work  p.intro,.col_work div.intro p{
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	margin-bottom: 25px;
	padding-bottom: 0px;
	display: block;
	float: left;
}
.col_work p.comment {
	font-size: 18px;
	line-height: 20px;
	color: #999999;
	margin-bottom: 20px;
	padding-bottom: 0px;
	display: block;
}
.col_work p.intro a,
.col_work div.intro p a,
.col_work div.intro a,
.col_work h2 a {
	color: #FFFFFF;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.col_work p.date a {
	color: #999999;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.col_work p.intro a:hover,
.col_work div.intro p a:hover,
.col_work div.intro a:hover,
.col_work h2 a:hover {
	color: #FFFFFF;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.col_work p.date {
	font-size: 18px;
	line-height: 20px;
	color: #999999;
	margin-bottom: 20px;
	padding-bottom: 0px;
	display: block;
}
.col_projects ul li {
	float: left;
	width: 245px;
	margin-bottom: 15px;
	height: 180px;
	display: block;
	margin-right: 0px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 05px;
}
.col_projects  ul  li p a {
	color: #999999;
}
.col_projects  ul  li  h2  a {
	border-bottom-style: none;
}
.col_projects  ul  li.first  {
	margin-left: 0px;
}
.col_projects ul li img {
	margin-bottom: 0px;
}
.col_projects ul li a img {
	margin-bottom: 0px;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}
.col_projects ul li a:hover img {
	margin-bottom: 0px;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
}
.col_projects ul li div.select a img {
	margin-bottom: 0px;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
.col_projects ul li div.image {
	height: 120px;
	width: 245px;
	margin-bottom: 15px;
}
.col_sidepanel {
	width: 177px;
	float: left;
	margin-top: 20px;
	overflow: hidden;
}
.right_nav {
	width: 177px;
	float: left;
}
.col_sidepanel ul, .col_clients ul {
	font-size: 18px;
	line-height: 22px;
}
.col_sidepanel ul li, .col_clients ul li {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type:none;
	background:url(../../images/bullet_line.jpg) left no-repeat;
	background-position:0px 14px;
	padding-left: 20px;
}

.col_sidepanel ul li.rsslink{font-size:14px; font-weight:bold;}
.col_sidepanel ul li.rsslink{
	list-style-image:none;
	margin-left:0;
	background-image: url(../../images/rss.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:23px;
	padding-top:5px;
	
}
.clearfix:after {
	clear:left;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}.google {
	margin-top: 12px;
	margin-bottom: 12px;
}


div.pagination{
	clear:both;
	height:30px;
}

div.pagination div.prev{
	float:left;
}

div.pagination div.next{
	float:right;
}


.bottomline{
	clear:both;
	margin-bottom: 20px;
	padding-bottom: 0px;
	border-bottom:1px solid #666666;
}
.bottomline p{	
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
}
.aboutcopy,.aboutcopy p{
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-bottom: 0px;
	display: block;
}

.aboutcopy {
	margin-right: 120px;
}

.aboutcopy a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	
}

.aboutcopy p.smallcopy {
	color: #0F0;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	margin-bottom: 14px;
}

.aboutcopy p.smallcopy b {
	color: #FFF;
}

.featured_project_intro{
	height:45px;
	*height:59px;
}


.blog date{
	clear:both;
}




h2.related{line-height:2em;}

a img{display:block;}


a.image,a.image:hover{border:0px;}
a.image img{
	border-bottom:3px solid #000000;
}
a.image:hover img{
	border-bottom:3px solid #FF6600;
}
.blog img   {
	margin-bottom: 10px;
	clear:both;
}

.blog a{
}


.bottomline h1{
	border-bottom-width: 0px;
	
}