body {
	background: #F7F7F7 url(../design/body.png) repeat-x left top;

}
* {
	font-family: Comic Sans,Comic Sans MS,cursive;
	font-size: 12px;
	
	/*font-family: PT Sans, serif;
	font-size: 14px;*/
}

h1 { color: #000; font-size: 24px; font-weight: normal; line-height: 26px; margin-bottom:15px; }
h2 { color: #000; font-size: 16px; font-weight: normal; line-height: 22px; margin:15px 0 5px 0; }
p { margin: 10px 0 10px 0; }
a {color: #003366;} /* #003C54 */
a:hover {color: #000033;}
ul {margin-left:20px;}
ul li { margin: 4px 0; }
div.hr {background: url(../design/hr.png) no-repeat center top; height: 3px; }

#outerbox {
    width: 100%;
	min-width: 990px;
	max-width: 990px;
	height:100%;
    margin: 10px auto; 
	padding: 0;
    text-align: left;
}

/* --- HEADER --- */
#headerbox {
	position:relative;
	height: 118px;
	width: 100%;
    padding: 0; margin: 0 auto;
	background: url(../design/header.jpg) no-repeat center top;
	border-bottom: 1px solid #2a190f;
}
/* --- HEADER --- */
a#logo { 
	display:block;
	width:246px;
	height:190px;
	position:absolute;
	z-index:5;
	top:-120px;
	left:0px;
	margin:5px 0 0 20px;
	background: url(../design/logo.png) no-repeat left top;
}

#painting {
	position:absolute;
	z-index:5;
	top:-115px;
	right: 5px;
}
/* --- MENU --- */
#menu {
	background: url(../design/menu_bottom.png) repeat-x left bottom;
	position:absolute;
	z-index:1;
	top:-38px;left:60px;
	height: 38px;width:849px;
	padding: 0; margin: 0;
	}
#menu li {
	background: url(../design/menu_open.png) repeat-x left top;
	display: block; float: right;
	margin: 0; padding: 0;
	height: 33px;
	width: 92px;
	border-left: 1px solid #0d4257;
	border-right: 1px solid #052b3b;
	position:relative;
}
#menu li.open {
	background: url(../design/menu_open.png) repeat-x left top;
	width: 319px;
	border:none;
}
#menu li.close {
	background: url(../design/menu_close.png) repeat-x left top;
	width: 60px;
	border:none;
}
#menu li.activepage, #menu li.hover { 
	background: url(../design/menu_active.png) repeat-x left top; 
}
#menu li.activepage.nohover {
	background: url(../design/menu_open.png) repeat-x left top;
}
#menu li a {
	display: block; 
	color: #FFF; 
	font-size:14px;
	line-height: 33px;
	text-decoration:none;
	text-align:center;
}

#menu li .note {
	color: #ffcc33; /* #ffc220 */
	font-size: 9px;
	position:absolute;
	padding:0;margin:0;line-height:10px;
	top:23px;
	left:5px;
}

/* --- CONTENT --- */
#contentbox {
	min-height: 425px;
	margin: 0 auto;
	width: 990px;
	font: normal 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	position:relative;
}

form#communicate {
	width:165px;
	text-align:right;
}
.labeled.error {
	background: #FFCC33;
}
input[type=text] {
	border: 1px solid #777777;
	width: 153px;
	height: 15px;
	padding:2px 5px;
	margin:2px 0;
	font-size:11px;
	color: #003366;
}
input[type=submit] {
	background: #FFF url(../design/submit_mail.png) no-repeat 93% center;
	height: 20px;
	min-width: 80px;
	padding:1px 15px 3px 5px;
	margin:2px 0;
	border: 1px solid #777777;
	font-size:9px;
	color: #003366;
	text-align:left;
}
textarea {
	border:1px solid #777777;
	width: 153px;
	height: 80px;
	padding:2px 5px;
	margin:2px 0;
	font-size:11px;
	color: #003366;
	overflow: auto;
}

#contentbox table { 
	border-collapse: collapse;
	border: 1px solid #bbb;
	margin-bottom: 15px;
}
#contentbox table th {
	background-color: #999;
	color: #fff;
}
#contentbox table th,
#contentbox table td { 
	border: 1px solid #bbb;
	padding: 2px 10px;
}

#leftbox {
	float:left;
	width: 180px;
	min-height:345px;
	padding: 80px 0 20px 40px;
	background: #F7F7F7 url(../design/leftbox.jpg) no-repeat left top;
	filter: none; /* IE cleartype problem */
	*padding-top: 95px;
	*padding-bottom: 5px;
}

#leftbox p {
	color: #003366;
}
#leftbox  .mobnr {
	font-size: 16px;
}
#leftbox a {
	font-size: 10px;
}

#midbox {
	float:left;
	width:730px;
	padding: 45px 20px 55px 20px;
	/**padding-top: 65px;*/
	min-height: 345px;
	background: url(../design/midbox.png) no-repeat right center;
}
#midbox p, #midbox li {
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 19px;
	width: 82%;
	text-align: justify;
}
ul.services {
	margin-top:5px;
}
ul.services li {
	list-style:none;
	color: #FFA100;
}
ul.services li a {
	color:#003366;
	font-size:18px;
	line-height:23px;
	text-decoration:none;
}
ul.services li a:hover {
	color: #000033;
}

/* Contacts */
#gmap {
	width:100%;
	height: 100%;
}
#gmap_holder {
	float:left;
	width:470px;
	height: 400px;
	border: 1px solid #777777;
	background: #BFBFBF;
	padding: 2px;
}

#contacts_holder {
	padding: 0 10px;
	float:left;
	width: 230px;
}

/* --- FOOTER --- */
#footerbox {
	border-top: 2px solid #FFCC33;
	background: #5097B3 url(../design/footer.png) repeat-x left top;
	height:80px;
	padding-top: 20px;
	text-align:center;
	font-weight:bold;
	color: #DFDFDF;
}
#footerbox a {
	color: #DFDFDF;
}

/* OTHER, ETC */

.izcelt { font-weight: bold; }

.left {
	float:left;
}
.right {
	float:right;
}
.cleaner {
	clear:both;
}
.nobr {
	white-space:nowrap;
}
.none {
	display:none;
}
.lead {	
	font-size: 22px !important;
	line-height: 29px !important;
	color: #003366;
	text-align: justify;
}
.small {
font-size:11px;
}
.grayout {
	position: relative; top: -0.2em; font-size: 80%;
	color: #003366;
}
#footerbox *{
	font-size:10px;
}