/*   
Theme Name: Mike Baker Brick
Theme URI: http://www.comittechnologies.com/
Description: Template for MikeBakerBrick.com
Author: Comit Technologies
Author URI: http://www.comittechnologies.com/
Version: 1.0
*/

/****** FORMATTING ******/

* { margin:0px; padding:0px; }
.clear { clear:both; }
.red { color:red; }
body { background-image:url(images/bkgrd.jpg); background-repeat:repeat-x; background-color:#160b07; }
#marginWrap { margin: 0px auto; width: 783px; }
#floatWrap { float:left; display:inline; }
.divider { display:block;height:1px;border-bottom:1px dotted #7d764c;width:700px;margin-top:15px;margin-bottom:15px; }
.invis { visibility:hidden;}

/****** HEADER ******/

#mbb-logo { background:url(images/logo-mmb.jpg) no-repeat; width: 393px; height: 145px; float:left; display:inline; }
#mbb-logo h1 { display:none; }
#bfp-logo { background:url(images/logo-bfp.jpg) no-repeat; width: 390px; height: 145px; float:left; display:inline; }
#bfp-logo h1 { display:none; }

/****** MENU ******/

#menu { width:100%; }
#menu ul { margin: 0; padding: 0; line-height: 39px; white-space: nowrap; list-style-type: none; }
#menu li { display: inline; }
#menu li ul { display:none; }
#menu li a { text-decoration:none; }
.page-item-2 a { background:url(images/menu-about.jpg) no-repeat; width: 98px; height: 39px; float:left; color:transparent; }
.page-item-2:hover a { background:url(images/menu-about-over.jpg) no-repeat; }
.page-item-3 a { background:url(images/menu-gallery.jpg) no-repeat; width: 165px; height: 39px; float:left; color:transparent; }
.page-item-3:hover a { background:url(images/menu-gallery-over.jpg) no-repeat; }
.page-item-5 a { background:url(images/menu-contact.jpg) no-repeat; width: 111px; height: 39px; float:left; color:transparent; }
.page-item-5:hover a { background:url(images/menu-contact-over.jpg) no-repeat; }
.page-item-11 a { background:url(images/menu-faq.jpg) no-repeat; width:176px; height: 39px; float:left; color:transparent; }
.page-item-11:hover a { background:url(images/menu-faq-over.jpg) no-repeat; }
.page-item-13 a { background:url(images/menu-services.jpg) no-repeat; width: 114px; height: 39px; float:left; color:transparent; }
.page-item-13:hover a { background:url(images/menu-services-over.jpg) no-repeat; }
.page-item-15 a { background:url(images/menu-home.jpg) no-repeat; width: 119px; height: 39px; float:left; color:transparent; }
.page-item-15:hover a { background:url(images/menu-home-over.jpg) no-repeat; }

/****** SUBMENUS ******/

#gallery-menu { float:left:display:inline; width:757px; height:25px; margin:10px 0 0 17px; }
#gallery-menu li { float:left; display:inline; }
#gallery-menu li a { float:left; text-decoration:none; height:25px; width:188px; background-image:url(/wp-content/themes/mbb/images/gallery-menu2.jpg); }


#submenu { width:756px; background-color:#e0e0ba; text-align: center; margin:10px 0 10px 15px;}
#submenu ul { margin: 0; padding: 0 0 3px 0; list-style-type: disc;}
#submenu ul li { display: inline; }
#submenu ul li a { color:#34302F; font-weight:bold; font-family:helvetica,arial,sans serif; font-size:9pt;  }
.submenu-seperator { margin-right:15px; margin-left:15px; margin-top:2px; }


.bricks a { background-position:0; }
.fireplaces a { background-position:-187px; }
.bbq-grills a { background-position:-374px; }
.patio a { display:none; }
.outdoor-decor a { background-position:-561px; }

/****** CONTENT ******/

#mid div { display:inline; float:left; }
#mid p, h1, h2, span { color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; }
#mid p { font-size:12px; padding-bottom: 5px; }
#mid h2 { font-size:16px; padding-bottom: 5px; }
#flash { background:url(images/flash-bg.jpg); width: 783px; height: 299px; }
#content { background:url(images/content-bg.jpg); background-repeat:repeat-y; width: 783px; }
#content-top { background:url(images/content-top.jpg) no-repeat; background-position:top; width:783px; }
#content-bot { background:url(images/content-bot.jpg) no-repeat; background-position:bottom; width:783px; }
#content-lt { display:inline; float:left; width: 305px; padding: 20px 10px 20px 40px; }
#content-rt { display:inline; float:left; width: 344px; padding: 20px 40px 20px 10px; }
#center { display:inline; float:left; width: 34px; }
.textbox { margin-left: 10px; width: 350px; height: 240px; overflow: auto; background-color:#dcdcbf; padding: 5px; }
#textbox p, span { font-size:10px; }
#text { width: 370px; background-color:#fff; padding: 3px; }
#contact-center h6 { position:relative; top:-50px; left:38px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; width:160px; height:21px; border: thin solid white; padding: 3px 0 0 40px; background: #34302f url(images/page-title.jpg) no-repeat; }
#about-content-lt { width:327px; min-height:270px; display:inline; float:left; padding: 10px 10px 20px 15px; background-color:#e0e0b9; margin-left:15px; }
#about-content-rt { float:left; display:inline; width:327px; min-height:270px; padding: 10px 50px 20px 10px; background-color:#e0e0b9; }
.oblique { font-style:oblique; }
.manf { width:710px;padding:20px;}
.manf img {height:30px; }
.manf a img { border:0;margin:1px; }

/****** FLASH ******/

#intro-brick { float:left; display:inline; position:relative; background-image:url(images/brick.jpg); width: 392px; height: 296px; }
#intro-brick a { position:absolute;top:0;left:0;float:left; display:inline; width: 392px; height: 296px;z-index:999;text-decoration:none; }

#intro-fireplace { position:relative;float:left; display:inline; background-image:url(images/fireplaces.jpg); width: 391px; height: 296px; }
#intro-fireplace a { position:absolute;top:0;left:0;display: block; width: 391px; height: 296px; z-index: 996;text-decoration:none;outline:0; }

#intro-bbq { position:relative;float:left; display:inline; background:url(images/bbq-grills.jpg); width: 258px; height: 228px; }
#intro-bbq a { position:absolute;top:0;left:0;display: block; width: 258px; height: 228px; z-index: 997;text-decoration:none;outline:0; }

#intro-patio { position:relative;float:left; display:inline; background:url(images/patio.jpg); width: 263px; height: 228px; }
#intro-patio a { position:absolute;top:0;left:0;display: block; width: 263px; height: 228px; z-index: 998;text-decoration:none;outline:0; }

#intro-decor { position:relative;float:left; display:inline; background:url(images/retail-outdoor-decor.jpg); width: 262px; height: 228px; }
#intro-decor a { position:absolute;top:0;left:0;display: block; width: 262px; height: 228px; z-index: 999;text-decoration:none;outline:0;; }

/****** FOOTER ******/

#footer1 { float:left; display:inline; background:url(images/footer1.jpg); width: 783px; height: 80px; }
#footer1 a, p { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#footer1 div { padding: 10px; }
#footer2 { float:left; display:inline; background:url(images/footer2.jpg); width: 783px; height: 80px; }
#footer2 a, p { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#footer2 div { padding: 10px; }