body {
	background:url(../images/bg.gif) top center repeat-x #36456b;
	margin:auto;
	padding:0;
	font:14px/17px arial, sans-serif;
}

A {
	color:#c30;
	text-decoration:none;
}

A:hover {
	text-decoration:underline;
}

ul {
	padding:0px;
	margin:0px;
}

li {
	list-style-type:none;
}

#content li {
	background:url(../images/li_bullet.gif) 5px 6px no-repeat;
	padding-left:25px;
	margin-bottom:2px;
	font-weight:bold;
}

h1 {
	font:bold 18px/21px arial, sans-serif;
	text-transform:lowercase;
	color:#4c587a;
	margin-top:0px;
	margin-bottom:12px;
}

p {
	margin-top:0px;
}

/* PAGE LAYOUT */

#outerContainer {
	text-align:center;
}

#outerContainer.index {
	background:url(../images/bg_recentwork.gif) center top no-repeat;
	min-width:878px;
}

#outerContainer.portfolio {
	background:url(../images/bg_portfolio.gif) center top no-repeat;
	min-width:878px;
}

#innerContainer {
	width:878px;
	margin:0px auto;
	text-align:left;
}

#content {
	position:relative;
	padding-top:50px;
	height:518px;
}
* html #content {height:568px;width:878px;}

#footer {
	font: bold 11px/16px arial, sans-serif;
	color:#fff;
	margin-top:8px;
	margin-right:5px;
	padding-bottom:10px;
	text-align:right;
	clear:both;
}

/* PAGE  */

#logo {
	margin:9px 5px 9px 0;
	float:right;
}

.clear {
	clear:both;
}


#text {
	margin:10px 0px 15px 0!important;
	padding:0px;
}

#text span {
	color:#000;
}

#sidenav {
	margin:0;
	padding:0px;
}

#sidenav LI {
	list-style-type: none;
	padding:6px 0px 6px 10px;
}

#sidenav LI A {
	text-transform:uppercase;
	font:bold 11px/13px arial, sans-serif;
}

#sidenav .nosel A {
	color:#869590;
}

#sidenav .sel A {
	color:#f60;
	text-decoration:none;
}

#sidenav .sel
{
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#top  {
	width:800px;
}

#top TD {
	padding:0px;
}

#topnav {
	float:left;
	position:relative;
	top:27px;
	left:35px;
	z-index:10;
}

#topnav li {
	float:left;
	height:24px;
	font:11px/14px arial, sans-serif;
	text-transform:uppercase;
	margin-right:35px;
}

#topnav a {
	color:#fff;
	line-height:22px;
	font-weight:bold;
}

#topnav a:hover {
	color:#f50;
	text-decoration:none;
}

#topnav a.sel {
	color:#f50;
}


.col1 {
	width:35px;
	float:left;
}

.col2 {
	float:left;
}

.partners {
	margin-top:35px;
}


#languages {
	position:absolute;
	right:10px;
	top:0px;
}

#languages a {
	display:block;
	float:left;
	width:53px;
	height:21px;
	text-decoration:none;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:11px;
	line-height:19px;
}

#languages a.sel {
	color:#fff;
	background:url(../images/bg_languages_sel.gif) top left no-repeat;
}

#title {
	padding-bottom:10px;
	color:#c30;
	font:bold 18px/20px arial, sans-serif;
	text-transform:uppercase;
}

#clientname {
	padding-bottom:2px;
}

#portfolio {
	border:1px solid #85918f;
}

#port {
	background:url(../images/bg_portfolio.png) top left no-repeat;
	width:538px;
	height:364px;
	float:left;
	margin-left:33px;
}
* html #port { margin-left:18px; } /*ie 6 hack*/


#port .crop {
	width:530px;
	height:356px;
	overflow:hidden;
	position:relative;
	top:1px;
	left:2px;
	border:1px solid #999;
}
* html #port .crop {width:532px;height:358px}


#port .crop img {
	border:0px solid #fff!important;
}

#details {
	float:left;
	margin-left:18px;
	width:258px;
	height:366px;
	overflow:hidden;
	position:relative;
}

#details h1 {
	background:url(../images/li_big.gif) 0px 3px no-repeat;
	padding-left:25px;
}

#thumbnails {
	overflow:hidden;
	height:92px;
	clear:both;
	margin-top:20px;
	position:relative;
	background:url(../images/dash.png) top left repeat-x;
	padding-top:25px;
}
* html #thumbnails {height:117px;position:relative;top:-30px;}

#projectThumbnails {
	width:280px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
}

#thumbnails ul {
	width:4000px;
}

#thumbnails li,
#projectThumbnails li,
#cont li {
	float:left;
	margin-right:19px;
	width:120px;
	height:92px;
	background:url(../images/bg_thumbnail.png) top left no-repeat;
	padding-left:0px;
}

#projectThumbnails li {
	margin-right:19px;
	margin-top:15px;
}

#thumbnails .crop,
#projectThumbnails .crop,
#cont .crop {
	width:112px;
	height:84px;
	overflow:hidden;
	position:relative;
	top:1px;
	left:2px;
	border:1px solid #999;
}
* html #thumbnails .crop {width:114px;height:86px}
* html #projectThumbnails .crop {width:114px;height:86px}
* html #cont .crop {width:114px;height:86px}

#thumbnails li a,
#projectThumbnails li a,
#cont li a {
	display:block;
}

.msg {
	font-size:10px; 
	color:#4C587A; 
	position:absolute; 
	bottom:110px; 
	left:35px;
}
*html .msg {
	display:none;
}


/* INDEX PAGE */

#indexCol1 {
	width:255px;
	float:left;
	margin-right:45px;
}

#indexCol2 {
	margin-right:45px;
}

#indexCol2,
#indexCol3 {
	width:245px;
	float:left;
}

#indexCol1 .title {
	float:left;
	width:35px;
}

#indexCol1 .text {
	width:220px;
	float:left;
	position:relative;
	top:-1px;
}

#indexCol2 .title,
#indexCol3 .title {
	margin-bottom:15px;
}


#recentWork {
	position:absolute;
	top:255px;
	right:42px;
	z-index:5;
	height:260px;
	background:url(../images/bg_recentwork1.gif) 0px 28px no-repeat;
}

.recentWorkTitle {
}

.recentWorkProject {
	float:left;
	margin-top:20px;
	margin-left:25px;
	margin-right:3px;
	width:240px;
}

.recentWorkProject .title {
	font-weight:bold;
	font-size:13px;
	margin-bottom:4px;
}

.recentWorkProject .project {
	position:relative;
	left:-2px;
	width:240px;
	height:152px;
	background:url(../images/bg_homeProject.png) top left no-repeat;
}

.recentWorkProject .description {
	font-size:12px;
	line-height:14px;
}

.recentWorkProject .crop {
	width:232px;
	height:144px;
	overflow:hidden;
	position:relative;
	top:1px;
	left:2px;
	border:1px solid #999;
}
* html .recentWorkProject .crop {width:234px;height:146px}


/*  offline  */

ul.offline {
	padding:50px 0 0 0px;
	margin:0;
}

.offline li {
	float:left;
	list-style-type:none;
	margin:0px 10px -22px 0;
	padding:0;
}
html>/**/body .offline li {margin-bottom:8px;}



#bottom, #bottom td a {
	font:11px/16px arial, sans-serif;
	color:#000!important;
}