/* YUI - reset.css
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 {font-style:normal; font-weight:normal}
ol,ul {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}

/* Page
----------------------------------------------- */
html {
	height:100%;
	font-size:small;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font: 14px  Verdana, Trebuchet MS, Myriad Pro, Arial, sans-serif;
	line-height:20px;
	color:#7a7e7f;
	background: url(../img/identity_back.gif) 0px 52px repeat-x;
}

/* Headers
----------------------------------------------- */
h1{
	margin:0px 0px 17px 0px;
	cursor:default;
	text-transform:uppercase;
}

h2{
	font-weight:bold;
	margin:0px 0px 17px 0px;
	cursor:default;
}

/* Paragraphs
----------------------------------------------- */
p{
	width:300px;
	margin:17px 0px 17px 0px;
	cursor:default;
	word-wrap:break-word;
}

/* Lists
----------------------------------------------- */
/* Forms
----------------------------------------------- */
/* Links
----------------------------------------------- */
a{
	color:#7a7e7f;
	text-decoration:none;	
}

a:hover,
a.active{
	color:#000;	
}

a.back{
	display:block;
	padding:0px 0px 0px 10px;
	font-size:14px;
	line-height:12px;
	background:url(../img/back_arrow.gif) 0px 3px no-repeat;
}

/* Misc
----------------------------------------------- */

/* Wrapper
----------------------------------------------- */
#wrapper{
	position:relative;
	top:-60px;
	width:960px;
	height:100%;
	border:0px solid black;
	margin:0 auto;
}

body#news #wrapper{
	background:url(../img/news_back_icon.gif) 510px 58px no-repeat;
}

body.process #wrapper{
	background:url(../img/process_landing.gif) 0px 300px no-repeat;
}


/* Identity
----------------------------------------------- */
#wrapper .logo{
	position:absolute;
	top:160px;
	left:40px;
	display:block;
	width:311px;
	height:34px;
	background: url(../img/logo.png) 0px 0px no-repeat;
}

/* Main Navigation
----------------------------------------------- */
#main-nav{
	position: absolute;
	top:266px;
	left:40px;
	border:0px solid black;
	z-index:300;
}

#main-nav ul{
	float:left;
	border:0px solid black;
}

#main-nav ul{
	width:190px;
}

#main-nav ul#info{
	width:80px;
}

#main-nav ul li{
	position:relative;
	float:left;
	border:0px solid black;
	padding:0px 0px 28px 0px;
	background:#fff url(../img/nav_label.gif) 0px bottom no-repeat;
}

#main-nav ul li:hover ul{
	display:block;
}

#main-nav ul li ul{
	display:none;
	position:absolute;
	left:0px;
	top:17px;
	z-index:500;
	padding:8px 0px 0px 12px;
	width:300px;
	background-color:#fff;
	border:0px solid red;
	margin:0px 0px 0px 0px;
}

#main-nav ul#info li ul{
	padding:8px 0px 0px 202px;
	margin:0px 0px 0px -190px;
	width:150px;
	background:#fff url(../img/nav_label.gif) 0px 6px no-repeat;
}

#main-nav ul#work li ul{
	background:#fff url(../img/nav_label.gif) 190px 6px no-repeat;
}

#main-nav ul#work li ul li,
#main-nav ul#info li ul li{
	background:none;
	padding:0px;
	float:none;
}

#main-nav ul#work li ul li.label,
#main-nav ul#info li ul li.label{
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px -12px;
	width:38px;
	height:22px;
	background:#fff url(../img/nav_label.gif) 0px bottom no-repeat;
}

#main-nav ul li a{
	font-size:12px;
	text-transform:uppercase;	
}

#main-nav ul li ul li.active a{
	color:#000;	
}

#main-nav ul li a.work{
	display:block;
	width:52px;
	height:17px;
	background: url(../img/nav_work.gif) 0px 0px no-repeat;
	text-indent:-3000px;
}

#main-nav ul li a.info{
	display:block;
	width:34px;
	height:17px;
	background: url(../img/nav_info.gif) 0px 0px no-repeat;
	text-indent:-3000px;
}

/* Main Content
----------------------------------------------- */
#content{
	position:absolute;
	top:356px;
	left:40px;
}

#content a.skype{
	float:left;
	display:block;
	text-indent:-10000px;
	width:59px;
	height:26px;
	background:url(../img/skype_logo.jpg) 0px 0px no-repeat;	
}

#content a.linkedin{
	float:left;
	margin:5px 0px 0px 25px;
	display:block;
	text-indent:-10000px;
	width:66px;
	height:17px;
	background:url(../img/linkedin_logo.jpg) 0px 0px no-repeat;	
}

/* News */
#content.news{
	width:881px;
	border:0px solid black;
	padding:0px 0px 100px 0px;
}

#content.news .news-item{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	overflow:hidden;
	background: url(../img/news_border.gif) 0px 0px repeat-x;
}

#content.news h1{
	margin:0px 0px 0px 0px;	
}

#content.news p{
	width:100%;
}

#content.news .news-item div.txt{
	float:left;
	margin:0px 0px 0px 0px;	
	width:485px;
}

#content.news .news-item img{
	float:right;
}

/* Process */
#content.process,
#content.process_detail{
	top: 355px;
	left:38px;
	width:330px;
}

#content.process ul li,
#content.process_detail ul li{
	font-weight:bold;	
	margin:0px 0px 20px 0px;	
}

#content.process ul li ul,
#content.process_detail ul li ul{
	margin:0px 0px 0px 36px;	
}

#content.process ul li ul li,
#content.process_detail ul li ul li{
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	color:#000;
}

#content.process ul li ul li.active,
#content.process ul li ul li.active ul li,
#content.process_detail ul li ul li.active,
#content.process_detail ul li ul li.active ul li{
	font-weight:bold;
	font-weight:14px;
}

/* Display
----------------------------------------------- */
#display{
	position:absolute;
	top:90px;
	right:40px;
	width:537px;
	height:586px;
}

#display.vision{
	top:120px;
	right:0px;
	width:884px;
	height:598px;
}

#display.process{
	top:190px;
	right:40px;
	width:478px;
	height:347px;
}

#display.process_detail{
	top:162px;
	right:105px;
	width:478px;
	height:347px;
}

#display.clients{
	top:168px;
	right:14px;
	width:912px;
	height:532px;
	background:url(../img/clients_splash.gif) 0px 0px no-repeat;
}

#display.clients ul{
	display:none;	
}

#display.contact{
	top:78px;
	right:70px;
	width:515px;
	height:541px;
	background:url(../img/contact_splash.gif) 0px 0px no-repeat;
}

#display.who{
	top:8px;
	right:0px;
	width:957px;
	height:709px;
	background:url(../img/who_splash.png) 0px 0px no-repeat;
}

#display.who h2,
#display.who p{
	display:none;	
}

#display.vision{
	top:122px;
	right:0px;
	width:878px;
	height:709px;
	background:url(../img/vision_splash.gif) 0px 0px no-repeat;
}

#display.vision h2,
#display.vision p,
#display.clients ul,
#display.clients h2,
#display.who h2,
#display.who p{
	text-indent:-10000px;
}

#display div.img-wrap{
	position:relative;
	float:right;
	margin:0 auto;	
	border:0px solid black;
}

#display img{
	display:block;
	border:0px solid black;
}

#display div.img-wrap span{
	position:absolute;
	display:block;
	width:15px;
	height:12px;
	bottom:0px;
	left:0px;
	z-index:500;
	background:url(../img/img_rounded.png) 0px 0px no-repeat;
}

#display ul#img-paging{
	overflow:hidden;
	position:absolute;
	right:0px;
	bottom:0px;
}

#display ul#img-paging li{
	float:left;
}

#display ul#img-paging li a{
	font-size:14px;
}

#display ul#img-paging li a.active{
	font-size:18px;	
}

#display.overview{
	top:300px;
	right:100px;
	width:400px;	
}

#display.overview ul{
	border:0px solid black;
}

#display.overview ul li{
	float:left;
	width:93px;
	height:93px;
	margin:0px 40px 30px 0px;
	border:0px solid black;
}

#display.overview ul li a{
	display:block;	
}

#display.overview ul li a img.hover{
	display:none;	
}

#display.overview ul li a:hover img{
	display:none;
}

#display.overview ul li a:hover img.hover{
	display:block;	
}