/* general

------------------------------------------------------------------------------*/



html {margin: 0; padding: 0; width: 100%; height: 100%;}



body {margin: 0; padding: 0; width: 100%; height: 100%; font: normal 10pt "Verdana", "Tahoma"; color: #040404; background: #636363;}



p {margin: 4px 4px 0 4px; padding: 0; text-align: justify;}

ul {margin-bottom: 0;}



h1 {font-size:18px !important; line-height:17px !important;}



img {border: none;}



a {color: #585858; text-decoration: none;}



a:hover {text-decoration: underline;}



.clear {clear: both;}



/* container

------------------------------------------------------------------------------*/



#container {margin: 0 auto; width: 1000px;}



#top {margin: 0 auto; width: 836px; height: 5px; background: url(../images/top.png) top no-repeat;}



#center {margin: 0 auto; width: 836px; background: url(../images/center.png) repeat-y;}

#bottom {margin: 0 auto; width: 836px; height: 5px; background: url(../images/bottom.png) bottom no-repeat; border: 5px solid red;}

/* header

------------------------------------------------------------------------------*/



#header {width: 836px; height: 211px;}

#logo {margin: 0 0 0 45px; padding: 0; float: left;}

#phone {margin: 5px 0 0 49px; padding: 0; float: left;}

#phone span {font: normal 18pt "Myriad Pro", "Tahoma"; color: #cc0000; text-transform: uppercase;}

#concrete_mixer {margin: 22px 13px 0 0; padding: 0; width: 156px; height: 74px; float: right; background: url(../images/concrete_mixer.jpg) bottom no-repeat;}

#slogan {margin: 0 auto; width: 825px; height: 109px; background: url(../images/slogan.jpg) no-repeat;}

#slogan div {margin: 0 0 0 245px; padding: 40px 0 0 0;}



#slogan div span {font: normal 18pt "Myriad Pro", "Tahoma"; color: #cc0000; text-transform: uppercase;}



/* wrapper

------------------------------------------------------------------------------*/



#wrapper {margin: 0 0 0 4px; width: 828px; background: #ececec; position: absolute;}



#main_menu {margin: 0 auto; width: 100%; height: 41px; background: url(../images/menu.jpg) repeat-x;}



#main_menu ul {margin: 0; padding: 0; list-style: none;}



#main_menu ul li {margin: 10px 0 0 45px; padding: 0 0 0 12px; float: left; background: url(../images/list.png) 0 5px no-repeat;}



#main_menu ul li a {font: normal 12pt "Myriad Pro", "Tahoma"; color: #555555;}



#navigation {margin: 0; width: 210px; float: left;}



#navigation div.title {margin: 0 auto; margin-top: 4px; padding: 0; width: 208px; height: 36px; border-top: 2px solid #636363; text-align: center; background: #898989;}



#navigation div.title span {display: block; position: relative; top: 6px; font: normal 13pt "Myriad Pro", "Tahoma"; color: #ffffff; text-transform: uppercase;}



#navigation ul {margin: 0 auto; padding: 0; width: 208px; list-style: none;}



#navigation ul li {width: 208px; height: 51px; background: url(../images/navigation.png) no-repeat;}



#navigation ul li a {display: block; position: relative; top: 16px; left:10px; font: normal 10.8pt "Myriad Pro" , "Tahoma"; text-transform: uppercase;}


#bricks {margin: 12px auto; padding: 0; width: 208px; height: 134px; background: url(../images/bricks.png) no-repeat;}



#content {margin: 0 0 0 6px; width: 440px; float: left;}



#content div.title {margin: 0 auto; margin-top: 4px; padding: 0; width: 100%; height: 36px; border-top: 2px solid #636363; text-align: center; background: #898989;}



#content div.title h1 {display: inline; font: normal 16pt "Myriad Pro", "Tahoma"; color: #ffffff;}



#text {margin: 0; padding: 1px 0 0 0; background: #ffffff;}



#gallery {margin: 0; padding: 50px 0 0 0; background: #ffffff;}



#banners {margin: 0 0 0 6px; width: 166px; float: left;}



#banners div.banners_block {margin: 0 auto; margin-top: 4px; margin-bottom: 9px; padding: 0; width: 161px; height: 266px; border: 2px solid #d7d7d7; background: #ffffff;}



/* footer

------------------------------------------------------------------------------*/



#footer {margin: 0; width: 828px; height: 31px;}

.vcard {font-size: 9px; padding-left: 10px; color: #696868;}