/* [ CSS Document ]-------------------------------------------------
Title : Marcus Paul Main StyleSheet
Author : Palmiero Design http://www.palmiero-design.co.uk
URL : www.macuspaul.co.uk
Description : Main CSS for site.
Created : 	07 - 07 - 05
Modified : 09 - 11 - 05
------------------------------------------------------------------- */
body { margin: 0; padding:0; background: #F6F6F6; 
behavior: url(assets/csshover.htc); } /* WinIE behavior call */
/* -- */
div#wrap { width: 786px; margin: 0 auto; padding: 0 7px 7px; position: relative; 
font: small/1.3em Times New Roman, Times, serif; color: #333; 
background: #fff url(imgs/backshad.gif) no-repeat bottom; }
/* / General / */
h1, h2, h3, h4, h5 ,h6 { color: #B00D0F; font-style: italic; }
/* / NAVIGATION / */
div#navigation { float: left; width: 786px; border-bottom: 1px solid #B00D0F; background: #FFF4D9; margin: 0; padding: 0; }
div#navigation img#logo { margin: 10px 15px 15px; float: right; }
div#navigation ul { margin: 0; padding: 0; clear: both; }
div#navigation li { position: relative; list-style: none; margin: 0; float: left; width: 6.33em; line-height: 1em; text-align: left; font-size: 15px; }
div#navigation li.here, div#navigation li:hover { background-color: #B00D0F; color: #FFF4D9;}
div#navigation ul li { background-color: #E0D7C5;  margin-right: 2px; text-align: left; text-transform: lowercase; }
div#navigation ul li.here ul.level2 li.here a { background-color: #B00D0F; color: #FFF4D9; margin: 0; }
div#navigation li.here a, div#navigation li.here a:visited, div#navigation li.here a:hover, div#navigation li:hover a, div#navigation a:hover, div#navigation ul.level2 a:hover { color: #FFF4D9; }
div#navigation a { display: block; padding: 0.25em 0.5em; margin: 0; /* width: 6.33em;*/ text-decoration: none; color: #B00D0F; }
div#navigation>ul a { width: auto; } 
div#navigation ul ul { position: absolute; width: 6.33em; padding: 0; display: none; background-color: #FBFBF8;}
div#navigation ul ul li { margin: 0; background-color: #FFF4D9 /*FBFBF8*/; 	text-align: left; }
div#navigation ul.level1 li.submenu:hover ul.level2 { display:block;}
div#navigation ul.level1 li.here:hover ul.level2 li a { color: #B00D0F; }
div#navigation ul.level1 li.here:hover ul.level2 li.here a, div#navigation ul.level1 li.here ul.level2 li:hover a, div#navigation ul.level1 li.here ul.level2 li a:hover, div#navigation ul.level1 li ul.level2 li a:hover { color: #FFF4D9; }
div#navigation ul.level2 {top: 1.5em; left: 0; background: #FFF4D9;}
div#navigation ul.level2 li a { color: #B00D0F; }
div#navigation ul li ul#kmenu, div#navigation ul li ul#kmenu li { width: 12em; }
/* / COLUMN #1 / */
div#col1 { float: left; width: 500px; margin: 0 15px 10px 5px; padding: 0; }
div#col1 h1 { margin: 15px 0 0; padding: 0; }
/* homePage stuff */
div#home { float: left; width: 500px; border: 1px solid #B00D0F; border-width: 0 1px 1px; padding: 0; margin: 0 18px 10px 0; }
div#home ul.huh li img { margin: 0; padding: 0; border: 0; display: block; }
div#home ul.huh { margin: 0; padding: 0; list-style: none; }
div#home ul.huh li { float: left; margin: 0 4px 0 0; padding: 0; }
div#home ul.huh li.last { margin: 0;}
/* Kitchen Gallery */
div#colWide.kitchengallery h2 { font-size: 175%; display: block; clear: both; padding: 10px 5px 5px;  }
div.pic { float: left; display: block; margin: 0 11px 5px 0; padding: 1px; width: 142px; text-align: center; border-bottom: 1px solid #fff;}
div#colWide.kitchengallery p { padding-left: 0; }
div.pic:hover, div.pic:active, div.pic:focus { background: #FFF4D9; border-color: #B00D0F; }
div.last { margin: 0 0 5px; }
div.pic img { border: 0; width: 140px; height: 105px; }
div.pic h3 { margin: 2px; padding: 0; font-size: 100%; }
/* designer block - un used div.designers { width: 480px; padding: 8px; background-color: #FFF4D9; color: #B00D0F; border: 1px solid #B00D0F; clear: both; } div#col1.kitchengallery div.designers h2 { margin: 0 0 0.33em 0; padding:0; } div.designers img { float: left; margin-right: 1em;}div.designers p { color: #333; } */
/* Kitchen Page */
div#kitchenpage { float: left; width: 500px; margin: 0 15px 10px 0; padding: 0; }
div#kitchenpage img.hero { margin: 0; border: 1px solid #B00D0F; border-width: 0 1px 1px; }
div#kitchenpage h2 { border-bottom: 1px solid #B00D0F; margin: 10px 5px 5px; padding: 0 5px 2px; text-indent: 0.33em; font-size: 105%; display: block; clear: both; }
/* Kitchen Page gallery */
ul#gallery { margin: 0 5px; padding: 0; list-style: none; height: 71px; }
ul#gallery li { float: left; margin: 0 1px 0 0; padding: 0;}
ul#gallery li.last { margin: 0;}
ul#gallery img { display: block; margin: 0; border: 0; }
ul#gallery a { display: block; width: 95px; margin: 0; padding: 0; border: 1px solid #FFFFF2; }
ul#gallery a:hover { border-color: #B00D0F; margin: 0; }
/* / COLUMN WIDE / */
div#colWide { float: left; width: 766px; margin: 0 0px; padding: 10px; }
div#colWide a:link { text-decoration: none; color: #B00D0F;}
div#colWide a:visited { text-decoration: none; color: #333;}	
div#colWide a:hover { text-decoration: underline; color: #B00D0F;}
div#colWide p { margin: 0 0 5px; color: #333; }
div#colWide em { color: #B00D0F; font-size: 110%; }
/* div#colWide h1 { font-size: 120%; margin: 0 0 0.33em; } */
div#colWide h2 { margin: 1em 0 0.33em; font-size: 125%; clear: both; padding: 0; border-bottom: 1px solid #CCC; }
div#colWide ul { margin: 0 1.33em; padding: 0; list-style-position: outside; list-style-image: url(imgs/dot.gif); }
div#colWide li { margin-bottom: 0.1em; color: #333; }
div#colWide li.noBull { list-style-image: none; list-style: none; }
div#colWide li.noBull strong { font-size: 105%; color: #B00D0F; font-style: italic; margin-left: -1.33em; }
div#colWide h2, div#colWide p, div#colWide ul { padding: 0 300px 5px 25px; }
/*/ images /*/
div#colWide div.inset { width: 190px; margin: 0 1em 1em 0; padding: 6px 3px; 
float: right; background-color: #FFF4D9; color: #B00D0F; border: 1px solid #B00D0F;
text-align: center; font-weight: bold; font-style: italic; }
div#colWide div.inset img { width: 180px; height: 135px; border: 1px solid #B00D0F; }
div#colWide div.inset a { margin: 0; padding: 0; }
/* / Form Styling / */
fieldset{ width: 450px; padding:1em; border: 1px solid #CCC; border-width: 1px 0; margin-bottom: 0.5em; position: relative; }
legend { font-weight : bold; }
form ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
form li { margin: 0 0 0.33em; padding: 0; position: relative; }
form h3 { color: #B00D0F; text-align: center; }
/* - */
label { width: 70px; float: left; margin-right: 10px; padding: 0; text-align: right; }
input, textarea, select { width: 340px; border: solid 1px #B00D0F; border-width: 0 0 1px 0; margin: 0; padding: 3px; background-color: #FFF; text-indent: 0.33em; font-family: Times New Roman, Times, serif; font-size: 105%; color: #222; }
input#website { color: #666; }
input#submit { width: 200px; border-width: 1px; margin: 0 0 0 80px; }
input:focus, input:hover, input:active, textarea:focus, textarea:hover, textarea:active, input#website:focus, input#website:hover, input#website:active { background-color: #FFF4D9; color: #000; }
form em { position: absolute; right: 0; width: 20px; text-align: center; color: #B00D0F; }
/* / COLUMN #2 / */
div#col2 { float: left; width: 242px; margin: 0; padding: 10px 10px 10px 0; }
div#col2 a:link { text-decoration: none; color: #B00D0F;}
div#col2 a:visited { text-decoration: none; color: #333;}	
div#col2 a:hover { text-decoration: underline; color: #B00D0F;}
div#col2 p { margin: 0 0 0.66em; color: #333; }
div#col2 h1 { font-size: 125%; margin: 0 0 0.33em; }
div#col2 h2 { margin: 1em 0 0.33em; font-size: 105%; }
div#col2 ul { margin: 0 1.33em; padding: 0; list-style-position: outside; list-style-image: url(imgs/dot.gif); }
div#col2 ul.bulletless { list-style-image: none; list-style: none; }
div#col2 li { margin-bottom: 0.1em; color: #333; }
div#col2 li.bullet { list-style-image: url(imgs/dot.gif); }
div#col2 blockquote { background: #B00D0F; color: #FFFFF2; margin: 1em 0 0; padding: 1em; width: 222px;}
div#col2 blockquote p.quote { margin: 0; text-align: center; font-size: 135%; font-style: italic; color: #FFF4D9; }
div#col2 blockquote p.author { font-size: 105%; text-align: center; margin: 0.33em 0 0; color: #FFF4D9; }
div#col2 blockquote a:link { text-decoration: none; color: #FFF4D9;}
div#col2 blockquote a:visited { text-decoration: none; color: #FFF4D9;}	
div#col2 blockquote a:hover { text-decoration: underline; color: #FFF4D9;}
div#col2 blockquote.booking { background-color: #FFF4D9; color: #B00D0F; border: 1px solid #B00D0F;
text-align: center; font-weight: bold; font-style: italic; }
div#col2 blockquote.booking a:link, div#col2 blockquote.booking a:visited, div#col2 blockquote.booking a:hover { color: #B00D0F; }
div#col2 li.backtomenu { list-style-image: url(imgs/menudot.gif); margin-top: 0.66em; }
/* / Pop Up window Styling / */
div#popup { width: 500px; margin: 10px auto; padding: 15px 10px; 
background-color: #FFF4D9; color: #B00D0F; border: 1px solid #B00D0F;
font: small/1.3em Times New Roman, Times, serif; text-align: center; color: #333; }
div#popup img { width: 480px; border: 1px solid #B00D0F; margin: 0; padding: 0; }
div#map { border: 1px solid #B00D0F; }
/* / corner box styling / */
.box {margin: 0 0 0.75em 0; clear: both; position: relative;}
b.cn {position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(imgs/corner.gif) no-repeat;  line-height: 1px; font-size: 1px;}
/* IE/Win 'hacks' */
* html b.cn {background-image: url(imgs/corner.gif);}
/* -- */
b.cn2 {position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(imgs/corner2.gif) no-repeat;  line-height: 1px; font-size: 1px;}
/* IE/Win 'hacks' */
* html b.cn2 {background-image: url(imgs/corner2.gif);}
b.tl {top: -1px; left: -1px; background-position: top left;}
b.tr {top: -1px; right: -1px; background-position: top right;}
b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
b.br {bottom: -1px; right: -1px; background-position: bottom right;}
/* / Map / */
#map_address { width: 9em; height: 7em; text-align: left; padding: 0; }
#map_address p { margin: 0 0 0.5em; padding: 0; width: 95%; }
/* / FOOTER / */
div#footer { display: block; position: relative; clear: both; padding: 10px 0 20px; margin: 0; width: 786px; border-top: 1px solid #B00D0F; color: #B00D0F; text-align: center; font-size: 130%; font-style: italic; background: #FFF4D9;}
div#footer a { color: #B00D0F; text-decoration: underline; font-size: 100%; font-weight: normal; }
div#footer strong { font-size: 120%;  }
/* / END DOCUMENT / */