/* global setup */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	width: 100%;
	height: 100%;
	background: #cc9933;
}
a {
	color: #36f;
	text-decoration: none;
}
.nounderline { text-decoration: none; }
a:hover {
	color: #36f;
	text-decoration: underline;
}
a img { border: none; }
img, div { behavior: url('http://www.ladolcevita.ee/iepngfix.htc'); }

/* site specific setup */
.container {
	width: 788px;
	position: relative;
	margin: 0 50%;
	left: -400px;
	float: left;
	border: 6px solid #ffffff;
	margin-top: 10px;
}
.headercontainer {
	background: url('http://www.ladolcevita.ee/images/header.jpg') no-repeat left top #f9db93;
	height: 372px;
	width: 788px;
	float: left;
	text-align: center;
	padding-bottom: 30px;
}

.logo {
	position: absolute;
	top: 32px;
	left: 18px;
}

.lang {
	float: left;
	width: 201px;
	text-align: center;
	margin: 40px 0 30px 0;
}
.lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
}
.lang ul li { display: inline; }
.lang a {
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
}
.lang .active { color: #900; }

.maincontainer {
	float: left;
	width: 788px;
	background: url('http://www.ladolcevita.ee/images/separator.gif') repeat-y 201px top #f9db93;
	position: relative;
}

.mainmenu {
	margin: 0;
	padding: 0;
	float: left;
	width: 206px;
	list-style: none;
}
.mainmenu li {
	float: left;
	width: 201px;
	text-align: center;
}
.mainmenu li img {
	position: relative;
	top: 3px;
	display: none;
}
.mainmenu li .menumarker-l { left: -4px; }
.mainmenu li .menumarker-r { right: -2px; }
.mainmenu li.active img { display: inline; }
.mainmenu li a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 6px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.mainmenu li a:hover { color: #900; }
.mainmenu li.first {}

/*submenu*/
.submenu {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: -30px;
	width: 780px;
	text-align: right;
}
.submenu li { display: inline; }
.submenu li a {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-left: 15px;
}
.submenu li a:hover, .submenu li a.active { color: #900; }
.submenu li.first {}

/*sidebar*/
.leftsidebar {
	float: left;
	width: 206px;
}

/*main*/
.main {
	float: left;
	width: 554px;
}

h1.mainh1 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	float: left;
	width: 460px;
	padding: 0 15px;
}
.mainp {
	line-height: 14px;
	padding: 0 15px;
}

#gallery { float: left; }
#gallery ul.centerize {
	margin: 0;
	padding: 0;
	list-style: none;
}
#gallery li {
	float: left;
	cursor: pointer;
	position: relative;
	width: 270px;
	height: 149px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	margin: 0 0 3px 3px;
}
.galleryindex {
	width: 300px !important;
	margin-left: 180px;
}
.galleryindex li {
	border: none !important;
	height: 100px !important;
	cursor: default !important;
	width: 100px !important;
}
#gallery a {
	display: block;
	width: 270px;
	height: 149px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}
.galleryindex a {
	border: none !important;
	width: 100px !important;
}
.postimage {
	background-position: center;
	background-repeat: no-repeat;
}
.postimageframe {
	z-index: 5;
	top: 0;
	left: 0;
}

.displaysomemessage {
	font-weight: bold;
	margin-left: 10px;
}

#guestbook, #gb { margin-left: 10px; }
#guestbook .inputtext, #guestbook .inputtext div {
	font-weight: bold;
	color: #900;
}
#guestbook input, #guestbook textarea {
	border-width: 0;
	background: #f2e3b7;
}
#guestbook textarea {
	width: 100%;
	height: 75px;
}
#guestbook .button, #gb .navi, #gb .navi a {
	color: #990000;
	font-weight: bold;
}
.date {
	font-size: 10px;
	font-style: italic;
}
#security_code {
	width: 100px;
	text-align: center;
	font-weight: bold;
}


.small, .headerimage_small {
	position: absolute;
	left: 75px;
	top: 197px;
}
.big, .headerimage {
	position: absolute;
	left: 346px;
	top: 61px;
}
.headerimage {
	position: absolute;
	left: 346px;
	top: 61px;
	width: 381px;
	height: 270px;
	background: no-repeat center;
}
.headerimage_small {
	position: absolute;
	left: 75px;
	top: 197px;
	width: 132px;
	height: 114px;
	background: no-repeat center;
}