/* 1.. LAYOUT _____________  */

html, body, div { font-size: 8.75pt; line-height: 13pt; font-family: arial, helvetica, Lucida Grande; color: #585858; }
* { margin:0;padding:0;}
body.body { background: #f1f2ed url(_img/bg.jpg) no-repeat top left; background-color: #f1f2ed;}

.clear { width:100%; font-size: 1px; line-height: 1px; height:1px; clear:both; }
#wrapper {width: 1000px;font-family: tahoma;}
#container { width: 1000px; margin-left: auto;margin-right: auto;}

/* 2.. HEADER _____________  */
#header { width: 1000px; height: 100px; }
#header h1.logo { /** Logo **/ float: left; margin: 0;  }
#header h1.logo a { text-indent:-900em; text-decoration:none; background: url(_img/logo.png) no-repeat; width: 100px; height: 100px; display:block; }
#alt-menu { float: right; width: 650px;}
#ust-menu { margin: 0; border: none; float: right; width: 620px; height: 23px; margin: 28px 60px 0 0; }
#ust-menu a { border: none; padding: 0; }
#ust-menu a:hover { border: none; padding: 0; }
#ust-menu ul{ list-style:none; margin:0; padding:0; }
#ust-menu ul li{ margin:0 6px 0 0; float: left; }
#ust-menu ul li a{ display:block; height:23px; text-indent:-900em; text-decoration:none; background-position:0 0; }

#ust-menu ul li a.m01{background:url(_img/ust-home.png) no-repeat;width:97px;}
#ust-menu ul li a.m02{background:url(_img/ust-aboutus.png) no-repeat;width:97px;}
#ust-menu ul li a.m03{background:url(_img/ust-cafe.png) no-repeat;width:97px;}
#ust-menu ul li a.m04{background:url(_img/ust-services.png) no-repeat;width:97px;}
#ust-menu ul li a.m05{background:url(_img/ust-contact.png) no-repeat;width:97px;}
#ust-menu ul li a.m06{background:url(_img/ust-gallery.png) no-repeat;width:97px;}



#ust-menu ul li a.m01:hover,#ust-menu ul li a.m02:hover,#ust-menu ul li a.m03:hover,#ust-menu ul li a.m04:hover,#ust-menu ul li a.m05:hover,#ust-menu ul li a.m06:hover {
	background-position: bottom left; 
}

#content { padding: 0; margin: 0; }
.blok1 { width:600px; float: left; margin:10px 0px 0px 20px}
.blok1 p {padding-bottom:15px}
.blok2 { width: 310px; float: left; margin:20px 0px 0px 0px}
.blok2 a { color:#585858;  text-decoration: underline; }
.blok2 a:hover { color:#585858;  text-decoration: none; }
.blok3 { width:600px; float: left; margin-left:20px;}
.blok4 { width: 310px; float: left; margin:30px 0px 0px 0px}
.aboutus { background: url(_img/about_bg.png) no-repeat top right; width:920px; float: left; margin-left:20px; padding-top:20px; color:#4b4b4b;}
.services { background: url(_img/Services_bg.png) no-repeat top right; width:920px; float: left; margin-left:20px; padding-top:20px; color:#4b4b4b;}
.gallery { background: url(_img/Gallery_bg.png) no-repeat top right; width:920px; float: left; margin-left:20px; padding-top:20px; color:#4b4b4b;}
.cafe { height:500px; }
.cafe h1 { font-size:medium;padding-left:20px; padding-right:15px}
.cafe p { padding-left:20px; padding-right:15px}
.coffee { background: url(_img/coffee_bg.png) no-repeat top right; width:920px; float: left; margin-left:5px; padding-top:0px; color:#4b4b4b;}
.c_cafe { height:490px; }
.c_cafe h1 { font-size:medium;padding:30px 15px 10px 25px;}
.c_cafe p { padding:0px 15px 0px 25px;}
.tea { background: url(_img/tea_bg.png) no-repeat top right; width:920px; float: left; margin-left:5px; margin-bottom:20px; padding-top:0px; color:#4b4b4b;}
.t_cafe { height:490px; overflow:scroll;}
.t_cafe h1 { font-size:medium;padding:30px 15px 10px 25px;}
.t_cafe p { padding:0px 15px 0px 25px;}
.t_cafe li {padding:0px 15px 0px 25px;}

.contact { width:1000px; text-align:center;padding-top:50px }	

/* 4.. FOOTER _____________  */
#footer {  width: 100%; clear: both; margin: 0; padding: 0; background: url(_img/footer-bg.png) repeat-x top left; }
#footer #wrapper { font-size: 8pt; margin: 0 0 0 20px; width: 940px; padding: 69px 0 15px 0; color: #9d9d9d; background: url(/_img/wrapper-bg.png) no-repeat top left; }
#footer strong { font-weight: bold; }
#footer #wrapper .footer-menu { font-size: 8pt; float: left; text-align: left; margin: 0 0 9px 0; color: #c9c9c9; }
#footer #wrapper .footer-menu a { padding: 0 10px; white-space: nowrap; text-decoration: none; color: #9d9d9d; }
#footer #wrapper .footer-menu a:hover { text-decoration: underline; color: #9d9d9d; }
#footer #wrapper .footer-text { float: right; text-align: right; }
a.link { color:#9d9d9d; text-decoration: none; border-bottom: #cfcfcf 1px solid;}
a.link:hover { color:#9d9d9d; text-decoration: none; border-bottom: 0; }