/* ==================== */
/* = RESET CSS = */
/* ==================== */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

strong { font-weight:bold;}
em { font-style:italic;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}

img {
	padding:0;
	margin:0;
}
/* =============== */
/* = PAGE LAYOUT = */
/* =============== */
div#container {
	border-top:18px solid;
	text-align:center;
}

div.footer {
	border-top:7px solid;
}

div.headerwrap,
div.section,
div.footer p {
	width:990px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
}

div.header {
	margin-top:30px;
	border-top:1px solid;
	padding-top:30px;
	padding-bottom:28px;
	border-bottom:2px solid;
}

	h2.logo a.image {
		background-position:-303px 0;
		height:37px;
		width:196px;
	}
	
	div.headerwrap {
		position:relative;		
	}
	
	div.nav {
		position:absolute;
		top:17px;
		right:0;		
	}
		
	div.nav a.image {
		height:14px;
		margin:0 0 0 15px;
	}
	
	div.nav li.item1 a.image {
		  width:65px;
	}

	div.nav li.item2 a.image {
		  width:77px;
		  background-position:-80px 0;
	}
	
	div.nav li.item3 a.image {
		  width:54px;
		  background-position:-168px 0;		
	}
	
	div.nav li.item4 a.image {
		  width:62px;
		  background-position:-233px 0;		
	}
	
	div.nav li.item1 a.image:hover,
	div.servicespage div.nav li.item1 a.image {
		background-position:0 -14px;
	}

	div.nav li.item2 a.image:hover,
	div.solutionspage div.nav li.item2 a.image {
		background-position:-80px -14px;
	}

	div.nav li.item3 a.image:hover,
	div.workspage div.nav li.item3 a.image {
		background-position:-168px -14px;
	}

	div.nav li.item4 a.image:hover,
	div.contactpage div.nav li.item4 a.image {
		background-position:-233px -14px;
	}
	
div.aside {
	width:550px;
	height:482px;
	overflow:hidden;
}

div.article {
	width:440px;
	margin-top:78px;
}

/* ============= */
/* = HOME PAGE = */
/* ============= */
div.homepage h1 {
	margin-bottom:3px;
}

/* ================ */
/* = CONTACT PAGE = */
/* ================ */
div.contactpage h1 span.email {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
}

div.vcard { display:inline;}

div.vcard span.fn {
	padding-right:6px;
}

/* ============== */
/* = WORKS PAGE = */
/* ============== */

div.workspage div.aside {

	width:518px;
}
.test{
	background:url(/images/work.png) top left no-repeat;
	padding-top:50px;
	padding-left:32px;
	width:518px;
	}

div.aside a.clients {
	width:107px;
	height:67px;
	overflow:hidden;
	margin-right:15px;
	background:none;
	margin-bottom:10px;
	cursor:default;
	display:inline;
}

div.aside a.item1,
div.aside a.item2,
div.aside a.item3,
div.aside a.item4 {
	margin-left:118px;
}

/* =================== */
/* = GENERAL CLASSES = */
/* =================== */

/* FLOAT LEFT */
.fl {
	float:left;
	display:inline;
	overflow:hidden;
}

/* FLOAT RIGHT */
.fr {
	float:right;
	display:inline;
	overflow:hidden;
}

.image {
	overflow:hidden;
	text-indent:-1000em;
	display:block;
	background:url(../images/mg-sprite2.png) top left no-repeat;
}

div.vcard span.fn {
	text-transform:uppercase;
}



/* ========= */
/* = FONTS = */
/* ========= */
body {
	font: 16px/22px helvetica, arial, sans-serif;
}

div.footer {
	font-size:11px;
}

div.article h1 {
	font-size:40px;
	line-height:40px;
}

div.contactpage div.article h1,
div.servicespage div.article h1,
div.solutionspage div.article h1 {
	font-size:27px;
	line-height:27px;
}

div.workspage div.article h1 {
	font-size:26px;
}

div.contact {
	font-size:14px;
	line-height:27px;
}

div.contact span.title {
	font-weight:bold;
}

div.contact span, a{
	font-weight:normal;
}


/* ========== */
/* = COLORS = */
/* ========== */
html, body {
	background:#e9ede5;
	color:#999;
}

div.header,
div#content {
	background:#fff;
	color:#4d4d4d;
}

div#container,
div.header,
div.footer {
	border-color:#336600;
}

div.article h1,
div.vcard span.fn {
	color:#336600;
}

a,
span.email {
	color:#6ba7b3;
}