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;
}


/* =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:150px;
text-align: left;
}
#header .logo {
font-size:14px;
font-weight:bold;
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:75px;
float: right;
font-weight:bold;
font-size: 12px;
margin-top:0px;
display:inline;

}
#mnav ul li{

}
#mnav  li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:8px;
display:block;
float:left;
width:75px;

}
#mnav  li a {
color:	#191919;

}

#mnav a:hover {
color:#e4292c;}
#mnav li a span{
	color:#999999;
	line-height:10px;
	font-size:10px;

}
#mnav li a:hover span{
	color:#000000;
	line-height:10px;
	font-size:10px;

}


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

}
#right {
float:right;
width:679px;
}

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

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

/* -- 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:12px;
}
p.txt {
text-align: justify;
font-size:11x;
line-height:17px;
padding-bottom:8px;
width: 260px;
}

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

}
.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 p{
text-align: left;
}
body.works ul.scope {
float:left;
width: 260px;
line-height:14px;
font-size:11px;
list-style: none;
font-weight:bold;
padding-bottom:8px;
display:block;
margin-left:0;

}

body.works ul.scope li {
display: inline;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.2px;
}
/* =project navigation
-----------------------------*/
body.works .project-nav {
	text-indent: -9999px;
	display:block;
	float:right;
	width:72px;
}
body.works .project-nav  li {
height:21px;
display:inline;
float:left;
position:relative;
}

body.works .project-nav .prev {
width: 21px;
}
body.works .project-nav .list {
width: 21px;
}
body.works .project-nav .next {
width: 29px;
}
body.works .project-nav li a {
background-image: url(../gfx/project_nav.gif);
background-repeat: no-repeat;
display: block;
height:19px;
}
body.works .project-nav .prev a {
background-position: 0 0px;
}
body.works .project-nav .list a {
background-position: -21px 0px;
}
body.works .project-nav .next a {
background-position: -42px 0px;
}
body.works .project-nav .prev a:hover {
background-position: 0 -19px;
}
body.works .project-nav .list a:hover {
background-position: -21px -19px;
}
body.works .project-nav .next a:hover {
background-position: -42px -19px;
}


/* =sorting
-----------------------------*/
body.works #main {
position: relative;
margin:0;
overflow:auto;
width:100%;

} 
body.works h2 {
    color: #191919;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    padding-bottom: 4px;
    padding-top: 8px;
    text-transform: none;
    width: 300px;
}
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 5px 0px;
overflow: hidden; 
font-size:12px;
color: #E4292C;
font-weight:bold;
    letter-spacing: 0px;
     text-transform: none;

}

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

}
body.works table.projects tr{
border-bottom:1px #ccc dotted;
}
body.works table.projects .client {
width: 240px;
font-weight:bold;
    letter-spacing: 0px;
     text-transform: none;
}
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: 12px;
text-indent: -9999px;
background: url(../gfx/square.gif) no-repeat;
width: 15px;
height: 15px;
}
/* =contact page
-----------------------------*/

body.contact #main h2 {
 color: #191919;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    padding-bottom: 4px;
    padding-top: 8px;
    text-transform: none;
}
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: 150px;
display: block;

}
body.about .profile {
width: 290px;
clear: left;
text-align:left;
}
body.about .column {
width: 155px;
margin-left: 15px;

}


body.about h3 {
    color: #191919;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px; line-height: 17px;
    padding-bottom: 4px;
    padding-top: 8px;
    text-transform: none;
}



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-style: normal;
   letter-spacing: 0.3px;
}

/* =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;

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

}

body.homepage .brand_new {
width: 360px;
margin-left: 20px;
float:left;



}

body.homepage h3 {
    color: #191919;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
	line-height: 17px;
    padding-bottom: 4px;
    padding-top: 8px;
    text-transform: none;
}
body.homepage h2 {
	
	
	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:left;}
a.about{
color:#e4292c;
}
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: 12px;
}
form.contact .text input,
form.contact textarea {
border: 0px solid #ffffff;
background-color: #f1f1f1;
width:464px;
padding: 8px;
font-size:12px;
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.credentials .singleref {
padding-bottom:8px;
width:900px;
clear:both;
}
body.credentials .lpanel {
float:left;
width:300px;
margin-right:60px;
}
body.credentials .lpanel p {
text-align:left;
}	
body.credentials .rpanel {
color:#00CC66;
float:right;
padding-bottom: 30px;
width: 500px;
}
body.credentials  h2 {
	font-size: 14px;
	font-weight: bold;
	color:#191919;
	width:300px;
	text-align:left;
padding-bottom: 15px;
}
body.credentials h3 {
color:#231D1F;
font-size:12px;
font-weight:bold;
width:300px;
color: #E4292C;
text-align: left;
}
body.credentials p {
font-size:12px;
padding-bottom:2px;
text-align:left;
color: #616161;
}