body {margin: 0; color: #777; font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 140%; background: url(i/bg.jpg) no-repeat center top black; text-align: center}
img {border: none}

/* TYPOGRAPHY */
h1 {color: white; font-size: 20px; text-align: center}
h2 {color: white; font-size: 16px; margin-top: 10px}
ul.seo {padding: 0; margin: 0;}
ul.seo li {list-style: none; margin-bottom: 6px}
span.white {color: white}

hr {border: none; border-bottom: 1px #444 dotted;}

/* LAYERS */
div.logo {
	width: 161px;
	height: 75px;
	position: absolute;
	left: 50%;
	top: 28px;
	margin: 0 0 0 -340px;
}
table.matrix {width: 642px; border-collapse: collapse}
table.matrix td {width: 107px; height: 57px; line-height: 0px;}
table.matrix td a {width: 107px; height: 57px; display: block; color: #ccc; text-decoration: none; line-height: 57px; font-size: 12px; text-align: center;}

tr.about td {line-height: 19px; padding-left: 10px; height: 0px}
td.services div {line-height: 16px; width: 190px; height: 220px; padding: 0px 10px;}
td.services div div {width: 190px;}

tr.portfolio td {height: 0px}
tr.portfolio td a {display: inline;}
div.preview {width: 642px; line-height: 19px; }
div.preview a {color: white;}
div.preview div {width: 350px; float: left;}
div.preview div a {line-height: 13px}
div.preview img {width: 260px; float: right; margin: 15px -10px 15px 0}

	

#s-web-but {background: url(i/16b.jpg)}
#s-seo-but {background: url(i/26b.jpg)}
#s-id-but {background: url(i/36b.jpg)}		
#s-photo-but {background: url(i/46b.jpg)}	

#c-phone {background: url(i/41b.jpg) no-repeat 1px 1px; text-align: center; color: #ccc; font-size: 13px; line-height: 13px}
#c-mail {background: url(i/42b.jpg) no-repeat 1px 1px; text-align: center; color: #ccc; font-size: 13px; line-height: 13px}

div.lang {position: absolute; white-space: 30px; height: 15px; top: 1px; right: 1px;}
#unselect {
opacity: 0.3; /* Safari, Opera */
-moz-opacity:0.30; /* FireFox */
filter: alpha(opacity=30); /* IE */
}

/* SCROLLBAR */
#indigo {
	position: relative;
	width: 630px;
	height: 280px;
	/*display: none;*/
}

#indigo-Content {
	position: absolute;
	top: 10px; 
	width: 630px;
	height: 268px;
	overflow: hidden;
}

#indigo .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
	text-align: left;
}

#indigo p {
	margin: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
}

#indigo-Scrollbar {
	position: absolute;
	left: 630px;
}

#indigo .Scrollbar-Up,
 .Scrollbar-Up-Pressed {
	position: absolute;
	width: 10px; 
	height: 10px;
	background-color: #333;
	font-size: 0px;
}

#indigo .Scrollbar-Down,
 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 270px;
	width: 10px; height: 10px;
	background-color: #333;
	font-size: 0px;
}

#indigo .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 10px; 
	height: 240px;
	position: absolute;
	top: 20px;
	background-color: #111;
}

#indigo .Scrollbar-Track-Pressed {
	background-color: #DDD;
}

#indigo .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 10px; height: 30px;
	background-color: #333;
}

#indigo .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color: #AAA;
}

#indigo .Scrollbar-Disabled {
	display: none;
}