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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#border_top, #border_bottom, #border_left, #border_right {
	background: #DBDBDB; position: fixed; }
	#border_left, #border_right {top: 0; bottom: 0;	width: 8px;	}
		#border_left { left: 0; }
		#border_right { right: 0; }

	#border_top, #border_bottom {left: 0; right: 0; height: 8px;}
		#border_top { top: 0; }
		#border_bottom { bottom: 0; }
	

/* =ticker
-----------------------------*/



#ticker {
    display:block;
    float:left;
    clear:left;
    width:240px;
}
#ticker ul {
    width: 230px;
    height: 100px;    
    overflow: hidden;
    font-family:Helvetica,Arial,sans-serif;
    overflow: hidden;
    color:#191919;
    font-size:80px;
    font-weight:bold;
    letter-spacing:-4px;
}

#ticker ul li {
    height: 100px;
}


#ticker  ul li a {
    display: block;
    color: #191919;
    text-decoration: none;
}

#ticker  a:hover {
    color: #E4292C;
}



/* =general
-----------------------------*/
 
* {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;

}
body {
	background-color: #ffffff;
	line-height: 1.5; 
	color: #616161;
	padding-bottom:80px;
		
			}
#container {
margin: auto;
padding: 0;
width: 980px;
position: relative;
}
/* =header
-----------------------------*/
#header {
margin-top:0px;
height:208px;
text-align: left;
}
#header .logo {
font-size:11pt;
font-weight:bold;
letter-spacing:-0.4px;
padding-top:80px;
color:#191919;
margin-left:0;
width:260px;
display:inline;
float: left;
}
#header .fade {
	color:#999;
}

#header .logo a {
color:#191919;
}
#header .logo a:hover {
color:#e4292c;
}

/* =main navigation
-----------------------------*/
#mnav {
padding-top:80px;
float: left;
font-weight:bold;
font-size: 14px;
letter-spacing:-0.4px;
margin-top:0px;
width:512px;
display:inline;

}
#mnav ul li{
display:inline;
}
#mnav  li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:8px;

}
#mnav  li a {
color:	#191919;
}

#mnav a:hover {
color:#e4292c;}


/* =content
-----------------------------*/
#left {
float:left;
width:300px;
}
#right {
float:right;
width:680px;
}

img {
border: 0;
margin-bottom:16px;
margin-top:16px;

}
a {
text-decoration: none;
color: #E4292C;
font-weight: bold;
}
a.for {
text-decoration: none;
color: #191919;
font-weight: bold;
}

/* -- h2{
width: 300px;
color: #231d1f;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px dotted #b0afaf;
padding-bottom:7px;
} --*/
p {
text-align: left;
font-size:11px;
}
p.txt {
text-align: justify;
font-size:11x;
line-height:16px;
padding-bottom:16px;
width: 260px;
}

p.for {
width: 260px;
font-size:10px;
line-height:14px;

}
.b{
font-weight:bold;
}
address {
font-style: normal;
}
/* =footer
-----------------------------*/
#footer {
padding-top:16px;
clear: both;
width: 100%;
}
a.bottom_btn {
border: 0;
background: #191919;
padding: 4px;
color: #ffffff;
font-size: 10px;
font-weight:bold;
text-transform:lowercase;
margin-bottom:0;
}
a.bottom_btn:hover {
border: 0;
background: #e4292c;
padding: 4px;
color: #ffffff;
font-size: 10px;
font-weight:bold;
text-transform:lowercase;
margin-bottom:0;
}
p.crumbs{
text-align: right;
 padding-right:0;
margin-right: 0;
}
/* 
-----------------------------*/
body.works #right img {
display: block;
margin-right:0;
margin-left:42px;
}

body.works ul.scope {
float:left;
width: 260px;
line-height:12px;
font-size:11px;
list-style: none;
font-weight:bold;
padding-bottom:8px;
display:block;
margin-left:0;

}

body.works ul.scope li {
font-size:11px;
display: inline;
font-weight:normal;
}
/* =project navigation
-----------------------------*/
body.works .project-nav {
display:inline;
float:right;
font-size:11px;
font-weight:bold;
}
body.works .project-nav  li {
float:left;
list-style:none outside none;
position:relative;
 }
body.works .project-nav ul li {
display:inline;
}
body.works .project-nav li {
list-style:none outside none;
padding-right:8px;
}
body.works .project-nav .prev a {color: #999999; }
body.works .project-nav .list a {color: #999999; }
body.works .project-nav .next a {color: #E4292C; }
body.works .project-nav .prev a:hover {color: #E4292C; }
body.works .project-nav .list a:hover {color: #E4292C; }
body.works .project-nav .next a:hover {color: #191919;}


/* =sorting
-----------------------------*/
body.works #main {
position: relative;
margin:0;


} 
body.works h2 {
width: 300px;
font-family: , Helvetica, Arial, sans-serif;
letter-spacing:-0.4px;
font-size: 14px;
font-weight: bold;
padding-bottom:4px;
padding-top:8px;
color:#191919;
}
body.works #main h2{
overflow: hidden;
zoom: 1;
}



body.works .sorting {
position: relative;
left: 0px;
font-size: 10px;
font-weight: bold;
color:#999999;


}
body.works .sorting h3 {
float: left;
margin-right:8px;
padding-bottom:16px;

}
body.works .sorting ul {
float: left;
}
body.works .sorting li.client a:hover {
color:#191919;
}
body.works #main li {
float: left;
list-style: none;
position: relative;
}
body.works #main li a {
overflow: hidden;
position: relative;
}
body.works .sorting li a {
padding-right:8px;
}

body.works .sorting li.client a:hover,
body.works .sorting li.client a.active {color:#191919;

}
body.works .sorting li.industry a:hover,
body.works .sorting li.industry a.active {color:#191919;

}
body.works .sorting li.scope a:hover,
body.works .sorting li.scope a.active {color:#191919;

}
/* =projects table
-----------------------------*/
body.works table.projects {
border-collapse: collapse;
clear: both;
width: 840px;
}
body.works table.projects th {
background-color: #ffffff;
border-width: 1px 0;
border-color: #9b9b9b;
text-align: left;
}
body.works table.projects th span {
overflow: hidden;
float: left;

}


body.works table.projects th {
padding: 5px 9px 16px 0px;
overflow: hidden; 
font-size:11px;
color: #E4292C;

}

body.works table.projects td{
padding: 5px 9px 8px 0px;
overflow: hidden; 
font-size:11px;

}
body.works table.projects .client {
width: 240px;
font-weight:bold;
}
body.works table.projects .industry {
width: 130px;
color:ffffff;
}
body.works table.projects .task,
body.works table.projects .industry {
padding-right: 14px;
padding-left: 14px;

}
body.works table.projects td {
padding-top: 3px;
vertical-align: top;
}

body.works table.projects td a {
padding-right: 5px;
color:#231d1f;
background: url(../gfx/arrow.gif) no-repeat right 5px;
}
body.works table.projects td a:hover {
color: #E4292C;
}
body.works table.projects span.scope {
float: left;
margin-left: 0px;
margin-top: 5px;
text-indent: -9999px;
background: url(../gfx/square.gif) no-repeat;
width: 6px;
height: 6px;
}
/* =contact page
-----------------------------*/

body.contact #main h2 {
letter-spacing:-0.4px;
font-size: 14px;
font-weight: bold;
padding-bottom:4px;
padding-top:8px;
color:#191919;
}
body.about #main,
body.contact #main {
overflow: hidden;
zoom: 1;
margin:auto;
align: center;
}
body.contact .details {
float: left;
width: 260px;
}
body.contact a,
body.contact a * {
font-weight: bold;
color:#e4292c;
}
body.about #left,
body.contact #left {
float: none;
width: 100%;
position: static;
margin-top: 1px;
}
body.about #right,
body.contact #right {
display: none;
}
/* =about page
-----------------------------*/

body.about .helen {
float: left;
margin:12px 0 0;
padding-right:12px;
}

body.about .details {
float: right;
margin-left: 0px;
width: 130px;
margin-bottom: 0;
}

body.about .panel {
float: left;
width: 130px;
display: block;

}
body.about .profile {
width: 240px;
clear: left;
text-align:left;
}
body.about .column {
width: 130px;
margin-left: 20px;

}


body.about h3 {
	letter-spacing:-0.4px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom:4px;
	padding-top:8px;
	color:#191919;
	line-height:16px;
}



body.about p{
padding-top:8px;
padding-bottom:0px;
text-align:left;}
body.about .profile p{
padding-top:8px;
padding-bottom:0px;
text-align:left;}
a.about{
color:#e4292c;
font-weight: bold;
}

/* =homepage
-----------------------------*/
body.homepage .details {
float: right;
margin-left: 0px;
width: 130px;
margin-bottom: 0;
}

body.homepage .panel {
float: left;
width: 130px;
display: block;
height:200px;

}
body.homepage .profile {
width: 240px;
clear: left;
}
body.homepage .column {
width: 130px;
margin-left: 20px;

}


body.homepage h3 {
	
	letter-spacing:-0.4px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom:4px;
	padding-top:8px;
	color:#191919;
	line-height:16px;
}
body.homepage h2 {
	
	letter-spacing:-4px;
	font-size:80px;
	line-height:22px;
	font-weight: bold;
	color:#191919;
	margin-top:24px;
	}
a.hello{color:#191919;}
a.hello:hover{color:#e4292c;}
body.homepage p{
padding-top:8px;
padding-bottom:0px;
text-align:left;}
body.homepage .profile p{
padding-top:8px;
padding-bottom:0px;
text-align:justify;}
a.about{
color:#e4292c;
font-weight: bold;
}
a.about:hover{
color:#191919;

}


/* =contact form
-----------------------------*/
body.contact .panel {
float: left;
width: 240px;
display: block;
}

body.contact .column {
width:240px;
margin-left: 0px;
clear:left;
}
body.contact .contact-container {
margin-top:10px;
float: left;
width: 464px;
margin-left:20px;

}

form.contact .control {
position: relative;
margin-bottom: 0px;
}
form.contact label {
color: dbdbdb;
position: absolute;
left: 0;
padding: 8px;
text-transform: lowercase;
font-size: 11px;
}
form.contact .text input,
form.contact textarea {
border: 0px solid #ffffff;
background-color: #f1f1f1;
width:464px;
padding: 8px;
font-size:11px;
line-height:16px;
margin-top:1px;
}
form.contact textarea {
height: 146px;
overflow: auto;

}
form.contact button {
border: 0;
background: #e4292c;
padding: 4px;
color: #ffffff;
margin-right:0;
font-size: 10px;
font-weight:bold;
text-transform:lowercase;
}
/* references
-----------------------------*/
body.references .singleref {
padding-bottom:8px;
width:840px;
}

body.references .lpanel {
float:left;
width:230px;
margin-right:20px;
}
body.references .lpanel p {
	text-align:right;}
	
body.references .rpanel {
color:#00CC66;
float:left;
padding-bottom:8px;
width:400px;
}
body.references  h2 {
	letter-spacing:-0.4px;
	font-size: 14px;
	font-weight: bold;
	color:#191919;
	width:230px;
	text-align:right;
	
}
body.references h3 {
color:#231D1F;
font-size:11px;
font-weight:bold;
width:230px;
color: #E4292C;
text-align: right;
}
body.references p {
font-size:11px;

padding-bottom:2px;
text-align:left;
color: #616161;
}