html {

  filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

body {

	margin:30px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	TEXT-ALIGN:center;  

	scrollbar-face-color:#92e7f5;

	scrollbar-arrow-color:#ffffff;

	scrollbar-track-color:#ffffff;

	scrollbar-shadow-color:#ffffff;

	scrollbar-highlight-color:#ffffff;

	scrollbar-3dlight-color:#ffffff;

	scrollbar-darkshadow-Color:#ffffff;

	background-color: #404040;	

}

#container {	

	overflow:hidden;

	text-align:left;	

	width:755px;

	padding:10px 10px 10px 10px;

	margin-left:auto;

	margin-right:auto;	

	background-color: #ffffff;		

	

}

#top {	

	float:left;

	text-align:left;	

	width:755px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}

#top div.left {	

	float:left;

	text-align:left;	

	width:695px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}



.top1 {	

	float:left;

	text-align:left;	

	width:695px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}

.top1 span.logo {	

	float:left;

	text-align:left;	

	width:300px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}

.top1 span.menu {	

	float:left;

	text-align:right;	

	width:355px;

	padding:20px 40px 0px 0px;

	margin:0px 0px 0px 0px;	

	color:#404040;

	font:normal 12px Century Gothic, Tahoma;	

}

.top1 span.menu a {	

	color:#404040;

	font:normal 12px Century Gothic, Tahoma;

	text-decoration:none	

}

.top1 span.menu a:hover {	

	color:#03c8fc;

	font:normal 12px Century Gothic, Tahoma;

	text-decoration:none	

}

.top1 span.menu a.active {	

	color:#03c8fc;

	font:normal 12px Century Gothic, Tahoma;

	text-decoration:none	

}

.submenu {	

	float:left;

	text-align:left;	

	width:695px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}

.submenu a {	

	color:#404040;

	font:normal 11px Century Gothic, Tahoma;

	text-decoration:none	

}

.submenu a:hover {	

	color:#03c8fc;

	font:normal 11px Century Gothic, Tahoma;

	text-decoration:none	

}

.submenu a.active {	

	color:#03c8fc;

	font:normal 11px Century Gothic, Tahoma;

	text-decoration:none	

}



.submenu ul {

	padding:0;

	margin:0;	

}



.submenu li {

	display:inline;

	padding:0 5px;

}



.titleMenu {	

	float:left;

	text-align:left;	

	width:660px;

	padding:17px 0px 17px 35px;

	margin:0px 0px 0px 0px;		

	color:#03c8fc;

	background-image: url(images/v_blue_title.gif);

	background-position:10px 25px;

	background-repeat: no-repeat;

	font:normal 28px Arial,Century Gothic, Tahoma;

	text-decoration:none	

}



#top div.right {	

	float:left;

	text-align:left;	

	width:60px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}

.title {	

	text-align:left;	

	padding:10px 0px 10px 30px;

	margin:0;

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;

	text-decoration:none;

	background-image: url(images/v_blue.gif);

	background-position:10px 13px;

	background-repeat: no-repeat	

}

#main {	

	float:left;

	text-align:left;	

	width:755px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;	

	background-image:url(images/bg_kouk.gif);

	background-position:0px 0px;

	background-repeat: repeat-y;

}

#main div.left {	

	float:left;

	text-align:left;	

	width:510px;

	padding:0px 0px 0px 30px;

	margin:0px 0px 0px 0px;			

}

#main div.right {	

	float:left;

	text-align:left;	

	width:212px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;	

	HEIGHT:320px;	

	OVERFLOW:auto;

}	

.projects_min {	

	float:left;

	text-align:left;	

	width:195px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;				

}

.projects_min span.photo a img {	

	border:0px;

	padding:0px 0px 0px 0px;

	margin:0px 10px 10px 0px;	

	display:inline;

	Filter: Gray;

	-moz-opacity: 0.7;

}

	

.projects_min span.photo a:hover img {	

	Filter:none;	

	-moz-opacity: 100;

}	







.projects {	

	float:left;

	text-align:left;	

	width:730px;

	padding:0;

	margin:0;

	background-image: url(images/k_v.gif);

	background-position:left bottom;

	background-repeat: repeat-x;

	height:2px;

}



 .projects_last {

	float:left;

	text-align:left;	

	width:755px;

	padding:20px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}



.projects_in {	

	float:left;

	text-align:center;	

	width:150px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}

.projects_in span.photo {	

	float:left;

	text-align:center;	

	width:150px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;		

}



.projects_in span.photo img {	

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;	

}	

.projects_in span.photo a img {	

	border:0px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;	

	display:inline;

	Filter: Gray;

	-moz-opacity: 0.7;

}

	

.projects_in span.photo a:hover img{	

	Filter:none;	

	-moz-opacity: 100;

}	



/* .projects_in span.lezanta {	 */

.lezanta {	

	float:left;

	text-align:center;	

	width:135px;

	padding:5px 5px 0px 5px;

	margin:0px 0px 0px 0px;		

	color:#404040;

	font:normal 10px Century Gothic, Tahoma;

}







#footer {	

	float:left;

	text-align:left;	

	width:730px;

	padding:5px 0px 0px 0px;

	margin:20px 0px 0px 0px;	

	display:inline;

	background-image: url(images/k_v.gif);

	background-position:left top;

	background-repeat: repeat-x;

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;

			

}

#content {

	float:left;

/*	text-align:justify; --- This breaks scrollbars in floated elements inside #content */

	width:755px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;

	overflow:auto;

	height:390px;

}



#content p {

	text-align:justify;

}



#home {	

	overflow:hidden;

	text-align:left;	

	width:755px;

	padding:20px 10px 10px 10px;

	margin-left:auto;

	margin-right:auto;		

}

.lang {
	float:left;
	text-align:center;
	width:155px;
	margin:0px;
	color:#ffffff;
	font:normal 15px Century Gothic, Tahoma;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;

}

.lang a {	

	color:#ffffff;

	font:normal 15px Century Gothic, Tahoma;

	text-decoration:none	

}

.lang a:hover {	

	color:#53deff;

	font:normal 15px Century Gothic, Tahoma;

	text-decoration:none	

}



.logo {	

	float:left;

	text-align:center;	

	width:755px;

	padding:30px 0px 20px 0px;

	margin:0px 0px 0px 0px;	

	color:#ffffff;

	font:normal 17px Century Gothic, Tahoma;	

}

#main2 {	

	overflow:hidden;

	text-align:left;	

	width:755px;

	padding:10px 10px 10px 10px;

	margin-left:auto;

	margin-right:auto;		

}



#main2 div.left {	

	float:left;

	text-align:left;	

	width:255px;

	padding:10px 0px 0px 0px;		

}

#main2 div.right {	

	float:left;

	text-align:left;	

	width:500px;

	padding:10px 0px 0px 0px;		

}

.text {	

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;		

	

}

.input_contact {	

	width:300px;

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;	

	border:1px solid #404040;

	background-color:#ffffff

}

.textarea_contact {	

	width:350px;

	height:40px;

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;	

	border:1px solid #404040;

	background-color:#ffffff

}

.btn_contact {	

	width:120px;

	color:#404040;

	font:bold 11px Century Gothic, Tahoma;	

	border:1px solid #404040;

	background-color:#d8d7d7

}

.link {	

	font:bold 11px Century Gothic, Tahoma;	

	color:#404040;

	text-decoration:underline

}

.link:hover {	

	font:bold 11px Century Gothic, Tahoma;	

	color:#53deff;

	text-decoration:underline

}




h1,h2 {
	margin:10px 0 0 5px;
	padding:0;
	font-size:large;
	font-style:italic;
	color: #03c8fc;

}

h3 {
	margin:10px 0 0 5px;
	padding:0;
	font-size:large;
	font-style:normal;
	color: #03c8fc;

}

h4 {

	margin:10px 0 0 5px;
	padding:0;
	font-style:normal;
	color: #03c8fc;
}





div.spacer {

  clear: both;

  margin:0;

  padding:0;

}



a img {

	border-style:none; /* Get rid of borders around image links */

}



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



.list {

	display:block;

	padding:0;

	margin:5px 0;

}



.entry {

	display:block;

	padding:0;

	margin:0;

	text-align:center;

	float:left;

	overflow:hidden;

}



.description {

	display:block;

}



.entry a {

	text-decoration:none;

}



/* ============================================= FULL IMAGE DISPLAY */

.image_container {

	width:750px;

	height:340px;

	overflow:hidden; /* this will prevent scrollbars on the main content window in IE */

	padding:0;

}



img.thumbnail {

	width:80px;

	height:100px;

	padding:0;

	margin:0;

}



.projects_list img.thumbnail {

	/*Filter: Gray ;

	-moz-opacity: 0.7;*/

}





.projects_list  a:hover img.thumbnail {	

	Filter:none;

	-moz-opacity: 100;

}



img.full {

	width:460px;

	height:320px;

	margin:0;

	padding-left:30px;

	padding-right:20px;

	float:left;

}



/* ================================================= specifics */

.categories_list { }

.category_entry { width:180px; }

.category_description {	color:#99FF33; }

.projects_list {overflow:auto;}

.project_entry { width:140px; padding-bottom:20px; margin-top:20px;}

.project_description { color:#993366; }

.images_list { float:right; width:230px; height:320px; overflow:auto; margin:0; padding:0;}

.image_entry { width:100px; padding:0 0 10px 0; margin:0;}

.image_description { color:#9933FF; }



.scrollspacer {

	width:250px;	

	border:thin solid red;

}





.col {

	width:1px;

	padding:0;

	margin:0;

	height:320px;

	display:block;

	background-image: url(images/bg_kouk2.gif);

	background-repeat: repeat-y;

	float:left;

}