﻿body
{
	font-family: Trebuchet MS, verdana;
	font-size: 14px;
	line-height: 19px;
	margin: 0px 24px 24px 24px;
	color: #000000;
	background-color: #FFECF2;
}
#body-frame { background-color: #ffffff; border:solid 1px #FEDDE3;}
.body { background-color:#ffffff;  }
A
{
	color: #712D18;
	text-decoration: none;
}
h1 
{
	margin:12px;
}

h2
{
	clear:both;
	margin:0px 0px 0px 12px;
	padding:0px;
	font-size: 15px;
	width:80%;
	z-index:0;
}
form { margin:0px; }

#header-background {
	background-color:#0D3362;
	height:64px;
}
#home #header-background {
	background-color:#0D3362;
	height:109px;
}

#header-wrapper { text-align:center;
	display:block; position:relative; z-index:200;    margin-left:auto; margin-right:auto; } /* background-image:url(/images/avsya_headbg.gif); } */

#home #header-wrapper { text-align:center;
	display:block; position:relative; z-index:200;    margin-left:auto; margin-right:auto; } /* background-image:url(/images/avsya_headbg.gif); } */


#header { width:100%; text-align:center; display:block; 
		position:relative; height:150px; } /* background-image:url(/images/avsya_headbg.gif); } */


#header img { border:0px; }

#cover-text { float:left; width:292px; left:0px; top:141px; height:100%; padding:12px;  }

#projects { margin: 0 auto; background:#ffffff; width:95%; padding-bottom:260px; }

.entry
{
	width: 150px;
	float: left;
	height: 132px;
	margin: 0px 12px 12px 12px;
}

.title
{
	height: 40px;
	position: relative; 
}
.title h3
{
	bottom: 0;
	position: absolute;
	font-size: 12px;
	line-height: 125%;
	margin:0px 0px 6px 0px;
	padding:0px;
	z-index:0;
}

.popup
{
	position: absolute; /* left:32px;  */
	background: #FFFFEE;
	border: solid 1px #996;
	color: #000000;
	padding: 4px;
	font-size: 11px;
	display: none;
	line-height: 1.4em;
	width: 144px;
	margin-top:-22px;
	z-index: 99;
}

/*
.item .image { float:left; margin:0px 6px 12px 0px; width:150px; text-align:right; }
.item { clear:both; margin:12px; margin-bottom:24px; }
.item-text { margin-left:172px; }
*/
/* .item-text-big { margin-left:722px; } */

.slide .image { float:left; padding:0px 18px 12px 0px; padding-left:8px; }
.slide { clear:both; margin:12px; margin-bottom:24px; }

.slide .image img, .item .image img, .entry img { border:2px solid #712D18; }
.slide .item-text { font-size:16px; line-height:22px; padding-top:12px; text-align:left; }


.item .image { float:right; padding:4px 18px 12px 0px; padding-left:8px; }
.item { clear:both; margin:12px; margin-bottom:24px; }

.item  .image img, .item .image img, .entry img { border:2px solid #712D18; }
.item  .item-text { font-size:16px; line-height:22px; text-align:left; }

.big .item  .item-text { padding-top:16px; }

#cover-text .item .image { float:right; }


#link-tips { position:absolute; top:150px; left:393px; width:150px; z-index:300;}
#link-tips a { display:block; text-decoration:none; }
#link-about { position:absolute; top:150px; left:693px; width:150px; z-index:300;}
#link-about a { display:block; text-decoration:none; }

#slides #link-tips { top:114px; }
#slides #link-about { top:114px; }

/****  START MENU!!!! ****/
ul.menu {list-style:none; margin:0; padding:0; position:absolute; top:150px; left:593px;}
#slides ul.menu { top:114px; }
ul.menu * {margin:0; padding:0; text-align:left;}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#ffffff; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:188px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#ffffff}
ul.menu ul li a:hover {background-color:#fcece7}
ul.menu ul ul {left:188px; top:-1px}
/* ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(/images/header.gif); width:134px} */
ul.menu .menulink {padding:5px 7px 7px; font-weight:bold; background:url(/images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(/images/header_over.gif)}
ul.menu .sub {background:#ffffff url(/images/arrow.gif) 176px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/**** END MENU!!!! ****/