html, body { 
height: 100%; 
margin: 0; padding: 0; 
} 
body {
	border: 0;	
	top: 0; left: 0;
	width: 100%; height: 100%;
	color: #000;
	background: url('../i/body_back.gif') repeat-x left top;
	background-color: #f5f5f5;
	} 
body, div, p {
	font: normal 14px Georgia;
	color: #000000;
	line-height: 1.5;
}
img {
	 outline: none;
   -moz-outline-style: none;
}
.none {
	display: none;
}
.empty {
	display: block;
	clear: both;
	line-height: 1;
	height: 1;
	border: 0;
}
div#main {
	display: block;
	width: 976px;
	margin: 0 auto;
	padding: 0;
	background: url('../i/main_back.gif') no-repeat left top;
	height: 100%;/* for IE */ 
	min-height: 100%; 
	margin-bottom: -120px;
}
html>body #main{ 
height: auto;/* for real CSS browsers */ 
} 
div#margin_bottom{ 
height: 120px; 
}
div#header {
	display:block;
	clear: both;
	margin: 0;
	padding: 0;
}
h1#logo {
	display:block;
	float: left;
	margin: 0;
	padding: 36px 0 0 0;
	width: 284px;
	height: 126px;
}
h1#logo a {
	display:block;
	float: left;
	margin: 0;
	padding: 0;
	width: 284px;
	height: 126px;
	background: url('../i/logo_ivuworks.gif') no-repeat left top;
}
h1#logo a span {
	display: none;
}

p#slogan {
	display: block;
	float: right;
	margin: 55px 0 48PX 0;
	padding: 0;
	width: 392px;
	height: 60px;
	background: url('../i/slogan.gif') no-repeat left top;
}	
p#slogan span {
	display: none;
}

ul#main_menu {
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: 700px;
	list-style-type: none;
}
ul#main_menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 11px 0 16px;
	list-style-type: none;
	background: url('../i/small_sep.gif') no-repeat left 4px;
}
ul#main_menu li.big_sep {
	padding: 0 11px 0 19px;
	background: url('../i/big_sep.gif') no-repeat left 4px;
}
ul#main_menu li.start {
	padding: 0 11px 0 0;
	background: url('../i/small_sepa.gif') no-repeat left top;
}
ul#main_menu li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font: normal 16px Arial, sans-serif;
	color: #000;
}
ul#main_menu li a.active {
	text-decoration: none;
	color: #e50000;
}
ul#main_menu li a:hover, ul#main_menu li a.active:hover {
	text-decoration: underline;
	color: #e50000;
}
a#lang {
	display: block;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, sans-serif;
	color: #000;
}
a#lang:hover {
	color: #e50000;
}

div#footer {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 12Opx;
	background-color: #f5f5f5;
}
div#footer div#copyright {
	display: block;
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 976px;
	height: 70px;
	font: normal 10px Arial, sans-serif;
	color: #5f5f5f;
	line-height: 1.5;
	background: url('../i/foot_back.jpg') no-repeat 50px top;
}
div#footer div#copy_info {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	font: normal 10px Arial, sans-serif;
	color: #5f5f5f;
	line-height: 1.5;
}
div#footer div#brand {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 70px;
	width: 300px;
	text-align: left;
	font: normal 10px Arial, sans-serif;
	color: #5f5f5f;
	line-height: 1.5;
}
div#footer div#copyright a {
	font: normal 10px Arial, sans-serif;
	color: #5f5f5f;
}
div#footer div#copyright a:hover {
	text-decoration: none;
}


h1 {
	font-family: Georgia;
	font-weight: normal;
	font-size: x-large;
}

h2 {
	font-family: Georgia;
	font-weight: normal;
	font-size: large;
}

h3 {
	font-family: Georgia;
	font-weight: normal;
	font-size: medium;
}

/* ######### PROJECTS #########*/
div#content {
	display:block;
	clear: both;
	margin: 0 auto;
	padding: 40px 0;
	width: 976px;
}
ul.projects {
	display:block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
ul.projects li {
	display:block;
	float: left;
	margin: 0;
	padding: 0;
	width: 244px;
	height: 170px;
	list-style-type: none;
	background: url('../i/project_back.gif') no-repeat left top;
}

ul.projects img.project_thumb {
	display: block;
	margin: 2px 0 0 2px;
	padding: 0;
	width: 225px;
	height: 155px;
	border: 0;
}

div.hov{
	display: none;
	z-index: 10;
	margin: 2px 0 0 2px;
	padding: 0;
	width: 225px;
	height: 155px;
	border: 0;
	background-color: #000;
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
}
div.project_info {
	display: none;
	z-index: 99;
	position: relative;
	margin: -157px 0 0 2px;
	padding: 0;
	width: 225px;
	height: 155px;
	border: 0;
}
ul.projects h2{
	display: block;
	position: relative;
	z-index: 99;
	margin: 0;
	padding: 0;
	width: 225px;
	height: 125px;
	font: bold 14px Arial, sans-serif;
	color: #fff;
}
ul.projects h2 a {
	display:block;
	margin: 0;
	padding: 20px 10px 0 20px;
	width: 195px;
	height: 105px;
	font: bold 14px Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}
ul.projects h2 a span.title {
	text-transform: uppercase;
}
ul.projects h2 a span.descr {
	display:block;
	float: left;
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 100%;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
a.web_site_url {
	display:block;
	text-align: right;
	padding: 8px 10px 9px 0;
	font: normal 12px Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}
a.web_site_url:hover {
	text-decoration: underline;
	background-color: #000;
}