/* ——————————————————————————————————————————
File: styles.css
Site: Moscow Catering
Coder: Maksim Pashkevich
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 06 Feb 2009
# Browsers: IE 6, IE 7, FF 2.0, Opera 9
————————————————————————————————————————— */

/* General Reset Styles */
html, body, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, img, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; }
img { vertical-align: baseline; }
a img { border: none; }
table {	border-collapse: collapse; border-spacing: 0; }
html:not([xmlns*=""]) table { border-collapse: separate; } /* FireFox */
table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
ul { list-style: none; }
.clear { clear: both; }
td.td50 { width: 50%; }
/* X. General Reset Styles */

html, body { height: 100%; font: 12px/18px Tahoma, Verdana, Arial; color: #191919; }
body { background: white; background-position: fixed; }

#layout { width: 100%; }
#layout, #layout_content { height: 100%; }
#layout_right { background: url(../i/layout_right.jpg) 0 bottom no-repeat; }

/* Outer */
#outer { width: 736px; min-height: 100%; margin: 0 auto; border-left: 251px solid #faf7f2; border-right: 13px solid #cf3452; }
@media all and (min-width:0px) { html:first-child #outer { min-height: inherit; height: 100%; } } /* Opera 9 */
#left_column, #right_column { float: left; }

/* Left Column */
#left_column { margin-left: -251px; width: 251px; }

/* Left Menu */
#left_menu { padding: 46px 20px 30px 65px; }
#left_menu a { display: block; height: 15px; margin-bottom: 21px; }
#left_menu a#main { width: 76px; background: url(../i/left_menu/main.gif) 0 0 no-repeat; }
#left_menu a#portfolio { width: 100px; background: url(../i/left_menu/portfolio.gif) 0 0 no-repeat; }
#left_menu a#order { width: 121px; background: url(../i/left_menu/order.gif) 0 0 no-repeat; }
#left_menu a#contacts { width: 86px; background: url(../i/left_menu/contacts.gif) 0 0 no-repeat; }
#left_menu a:hover { background-position: 0 -15px !important; }
#left_menu a.current, #left_menu a.current:hover { background-position: 0 -30px !important; cursor: default; }
/* X. Left Menu */

#left_banners { padding: 84px 20px 0 20px; }
#left_banners .banner { display: block; width: 185px; margin: 20px auto 0 auto; }
/* X. Left Column */

/* Right Column */
#right_column { width: 736px; }
#header { height: 398px; background: url(../i/header.jpg) 0 0 no-repeat; }

/* Top Menu */
#top_menu { height: 30px; margin-bottom: 51px; }
#top_menu table { margin: 0 auto; }
#top_menu table td { height: 30px; vertical-align: middle; }
#top_menu table td.top_menu_divider { padding: 0 26px; background: url(../i/top_menu/divider.gif) center 6px no-repeat; }
#top_menu table td a { display: block; height: 16px; }
#top_menu table td a#about { width: 94px; background: url(../i/top_menu/about.gif) 0 0 no-repeat; }
#top_menu table td a#types { width: 162px; background: url(../i/top_menu/types.gif) 0 0 no-repeat; }
#top_menu table td a#menu { width: 96px; background: url(../i/top_menu/menu.gif) 0 0 no-repeat; }
#top_menu table td a#other { width: 115px; background: url(../i/top_menu/other.gif) 0 0 no-repeat; }
#top_menu table td a:hover { background-position: 0 -16px !important; }
#top_menu table td a.current, #top_menu table td a.current:hover { background-position: 0 -32px !important; cursor: default; }
/* X. Top Menu */

/* Content */
.content { position: relative; z-index: 1; overflow: auto; }
#index { margin: 0 35px; }
#internal { min-height: 364px; margin: 0 107px 0 35px; }
.content h1 { display: block; padding: 30px 35px 18px 23px; font: bold 18px Tahoma, Verdana, Arial; color: #cf3452; background: url(../i/h1.gif) 6px 0 no-repeat; text-transform: uppercase; }

/* Sub Menu */
#sub_menu { margin: 0 18px 18px 23px; }
#sub_menu a { display: block; float: left; margin-right: 18px; padding-left: 9px; white-space: nowrap; background: url(../i/sub_menu_bullet.gif) 0 9px no-repeat; }
#sub_menu a:hover { background-image: url(../i/sub_menu_bullet_green.gif); }
#sub_menu a.current, #sub_menu a.current:hover { color: #191919; text-decoration: none; cursor: default; background-image: url(../i/sub_menu_bullet_black.gif); }
@media all and (min-width:0px) { html:first-child #sub_menu .clear { height: 1px; } } /* Opera 9 */
/* X. Sub Menu */

.content h2, .content h3, .content h4, .content h5, .content h6 { display: block; padding-bottom: 18px; color: #cf3452; font-weight: bold; font-family: Tahoma, Verdana, Arial; }
.content h2 { font-size: 16px; }
.content h3 { font-size: 15px; }
.content h4 { font-size: 14px; }
.content h5 { font-size: 13px; }
.content h6 { font-size: 12px; }
.content p, .content ul, .content ol, .content table { margin-bottom: 18px; }
.content ul li { padding-left: 12px; background: url(../i/li.gif) 0 7px no-repeat; }
.content li ul { margin-bottom: 0; }
.content ol { margin-left: 12px; }
.content ol li { margin-left: 18px; }
html:not([xmlns*=""]) .content table { border-top: 1px solid #cf3452; border-right: 1px solid #cf3452; } /* FireFox */
html:not([xmlns*=""]) .content table td { border: none; border-left: 1px solid #cf3452; border-bottom: 1px solid #cf3452; } /* FireFox */
.content table td { border: 1px solid #cf3452; padding: 2px 10px; }
.content table td.thead { background: #f5e6de; font-weight: bold; }
.content table td.nowrap { white-space: nowrap; }
.content table td.right { text-align: right; }
.content table td.center { text-align: center; }

html:not([xmlns*=""]) .content table.layout { border: none !important; } /* FireFox */
html:not([xmlns*=""]) .content table.layout td { border: none !important; } /* FireFox */
.content table.layout td { border: none !important; padding: 0 !important; }

.content .floatleft { float: left; margin: 0 18px 6px 0; }
.content .floatright { float: right; margin: 0 0 6px 18px; }
.content p .floatleft, .content p .floatright { position: relative; z-index: 1; top: 3px; }
.content a { color: #cf3452; text-decoration: underline; }
.content a:hover { color: #749f16; text-decoration: none; }
/* X. Content */

/* X. Right Column */

#for_footer { height: 56px; }
.column_for_footer { display: none; height: 56px; }
@media all and (min-width:0px) { html:first-child #for_footer { display: none; } } /* Opera 9 */
@media all and (min-width:0px) { html:first-child .column_for_footer { display: block; } } /* Opera 9 */
/* X. Outer */

/* Footer */
#footer { position: relative; z-index: 2; height: 56px; margin-top: -56px; }
#footer_image { position: absolute; z-index: 2; width: 96px; height: 364px; top: -364px; right: 0; background: white url(../i/footer_bg.jpg) 0 0 no-repeat; }
#footer_body { position: absolute; z-index: 2; top: 0; width: 699px; height: 42px; padding: 14px 5px 0 0; margin-left: 296px; background: white; color: #aeaeae; }
#footer_right { float: right; text-align: right; line-height: 15px; }
/* X. Footer */