/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Проект: Отель <<Вербена>>
Кодер: Ivan Leonchikov [ coder@xeonc.eu ]
Дата: апрель 2007
Назначение стилей: Общие стили для всех страниц.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { position:relative; width:100%; min-width:1000px; height:100%; background:#eae4cc url(../images/bg-body.png) repeat-x; }

a { font:normal 12px Verdana; color:#747268; text-decoration:underline; }
a:hover { text-decoration:none; }
img { border:0; }

#basis { position:relative; width:auto; min-width:1000px; min-height:100%; height:auto; font:normal 12px Verdana; color:#747268; background:url(../images/bg-basis.jpg) no-repeat 100% 0; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Шапка шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header { height:241px; background:url(../images/bg-header.jpg) no-repeat; }
.logo { position:absolute; top:33px; right:50px; width:305px; height:60px; }

.ico { position:absolute; top:10px; right:0; }
.ico a { display:block; width:11px; height:11px; float:left; margin-right:16px; }

/* Оформление меню */
.menu { padding:216px 0 0 247px; }
.menu li { display:block; height:20px; float:left; margin-right:2px; padding-top:5px; background:#648fc9 url(../images/bg-menu.gif) no-repeat; list-style-type:none; }
.menu li.here { background:#fff url(../images/bg-menu2.gif) no-repeat; }
.menu li a { padding:0 13px 0 11px; font:bold 12px Verdana; color:#fff; text-transform:uppercase; text-decoration:none; }
.menu li a:hover { text-decoration:underline; }
.menu li.here a { color:#648fc9; }
.menu li.here a:hover { text-decoration:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Центральная часть шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#middle { background:url(../images/bg-middle.jpg) no-repeat 100% 0; }
.middle2 { min-height:700px; height:auto; background:url(../images/bg-middle2.jpg) no-repeat; }
.left {
	position:relative;
	z-index:30;
	width:264px;
	float:left;
	padding:38px 0 340px 0;
	height: 100%;
	}
.right { width:100%; float:left; margin-left:-264px; }
.right2 { margin-left:264px; }
.center { width:100%; float:left; margin-right:-291px; }
.center2 { margin-right:291px; }
.right3 { position:relative; z-index:30; width:241px; float:left; margin:193px 0 200px 0; }

/* Оформление левого столбца */
img.tel { display:block; }

.news { width:235px; background:url(../images/bg-news.gif) repeat-y 100% 0;  height:100%; position: relative ;z-index:30;}
.news2 { padding:46px 35px 0 0;  height:100%; z-index:30;}
.news2 h2 { margin-bottom:18px; padding:6px 25px 7px 0; font:bold 14px Verdana; color:#fff; background:url(../images/bg-h2.gif) no-repeat; text-transform:uppercase; text-align:right; }
.news2 p { margin-left:20px; padding:0 0 35px 28px; text-align:justify; }
.news2 p.date { padding-bottom:5px; font:bold 12px Verdana; color:#648fc9; text-align:right; }

/* Оформление центрального столбца */
.content {  position: relative ; z-index:30; padding:98px 0 160px 0; }
.content h2 { padding-bottom:20px; font:normal 18px Verdana; color:#648fc9; text-transform:uppercase; }
.content p { padding-bottom:25px; text-align:justify; }
.content p.indent { padding-left:30px; }
.content img.float { float:left; padding:0 25px 5px 0; }

/* Оформление правого столбца */
.block1 { padding:0 0 18px 50px; }
.block2 { padding:0 0 32px 50px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Подвал шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:absolute; z-index:20; bottom:0; left:0; width:100%; height:341px; background:url(../images/bg-footer.jpg) no-repeat; }
.footer2 { width:100%; height:299px; background:url(../images/bg-footer2.jpg) no-repeat 100% 100%; }
.footer2 a { display:block; width:148px; height:67px; float:right; margin:150px 45px 0 0; }

.footer3 { height:35px; padding:7px 0 0 6px; background:#a3b9c1 url(../images/bg-counter.gif) repeat-y 234px 0; }
.footer3 a { margin-left:17px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Конец
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top-blocks{
    clear: both;
    display: block;
    height: 257px;
    margin-top: -59px;
    width: 100%;
}
#top-blocks .top-block{
    float: left;
    margin-bottom: -30px;
    text-align: center;
    width: 33%;
}
#top-blocks .top-block a.top-link{
    text-decoration: none;
}
#top-blocks .top-block a.top-link span{
    text-transform: uppercase;
    font: 14px Verdana;
    display: block;
    position: relative;
    top: -72px;
    text-align: center;
}

#top-blocks .top-block div.bottom-links{
    text-align: center;
}

#top-blocks .top-block div.bottom-links div.bottom-links-holder{
    width: 148px;
    text-align: left;
    margin: 0 auto;
}

#top-blocks .top-block div.bottom-links a{
    display: block;
    width: 100%;
    font: 12px Verdana;
    position: relative;
    top: -59px;
    padding-left: 14px;
}

#top-blocks .top-block .top-block-body{
    /*padding-top: 1px;*/
    margin-top: -36px;
    width: 100%;
}