/* Start of CMSMS style sheet 'mrbrown_default' */
* {font-family:Verdana, Tahoma, Helvetica, Arial, Trebuchet MS, sans-serif; font-size:11px; line-height:150%; color:#80724a; border:none; margin:0; padding:0;}
body {background:#1e1608; text-align:center;}
li {list-style:none;}
a {text-decoration:none; cursor:pointer;}
a:focus, a:active {outline:none; -moz-outline:none;}
.clear {clear:both;}

#main {width:894px; height:900px; text-align:left; margin:0 auto;}

/* top */
div#top {width:894px; height:132px; float:left; margin-bottom:10px;}
div#top a#logo {display:clock; width:212px; height:132px; background:url(_img/logo.gif) no-repeat; float:left;}

div#top div#topMenu {width:682px; padding:0 0 0 132px; float:left;}
	html>body div#top div#topMenu {width:550px;}
div#top div#topMenu a {display:block; height:132px; float:left;}
a#about {width:201px; background:url(_img/topMenuAbout.jpg) no-repeat;}
a#portfolio {width:190px; background:url(_img/topMenuPortfolio.gif) no-repeat;}
a#contact {width:159px; background:url(_img/topMenuContact.gif) no-repeat;}
a#about:hover, a#portfolio:hover, a#contact:hover {background-position:top right;}

/* path */

#path {display:block; width:894px; float:left; margin-bottom:10px;}
#iconAdvert {background:url(_img/advertisingIcon.jpg) no-repeat; width:60px; height:54px; float:left; margin-right:20px;}
#iconPortfolio {background:url(_img/portfolioIcon.png) no-repeat; width:60px; height:80px; float:left; margin-right:20px; }
#iconAbout {background:url(_img/aboutIcon.jpg) no-repeat; width:48px; height:51px; float:left; margin-right:20px;}
#iconCook {background:url(_img/cookIcon.jpg) no-repeat; width:60px; height:58px; float:left; margin-right:20px;}
#iconEdit {background:url(_img/editorIcon.jpg) no-repeat; width:53px; height:43px; float:left; margin-right:20px;}
#iconContact {background:url(_img/contactIcon.png) no-repeat; width:53px; height:75px; float:left; margin-right:20px;}
#iconIllustration {background:url(_img/illustrationIcon.png) no-repeat; width:60px; height:80px; float:left; margin-right:20px;}
#iconTradition {background:url(_img/traditionIcon.jpg) no-repeat; width:55px; height:78px; float:left; margin-right:20px;}
#iconLogotype {background:url(_img/logotypeIcon.jpg) no-repeat; width:53px; height:54px; float:left; margin-right:20px;}
.paths {display:block; margin-top:10px;}
.paths span.up a {color:#b4b6a6; padding:0 7px 0 5px;}
.paths span.up a:hover {color:#fff;} 
.paths span.down {padding-left:7px;}
#path .title {font-size:24px; font-family:Georgia; font-style:italic; margin-left:5px; color: #bba757}

/* left */
#leftCont {width:618px; float:left; padding-top:1px;}
#mainPhoto {width:618px; float:left; position:relative; background:#fff;}
#mainPhoto img {margin:8px 8px 8px 8px;}
	html>body #mainPhoto img {margin:8px 8px 9px 8px;}
#mainPhoto .fotoMaskBottom {position:absolute; background:url(_img/frameMaskBottom.gif) no-repeat 0 1px; left:0; bottom:0; width:38px; height:29px;}
	html>body #mainPhoto .fotoMaskBottom {background:url(_img/frameMaskBottom.png) no-repeat 0 1px;}
	
.paintBottomFoto {background:url(_img/frameBottomPaint.gif) no-repeat 0 -4px; width:575px; height:55px; float:right; margin-right:5px;}

.onTodayMenu {float:left; background:url(_img/onTodayMenu.gif) no-repeat; width:124px; height:17px; margin: -35px 0 0 100px;}
	html>body .onTodayMenu {margin: -35px 0 0 180px;}

/* right */
#rightCont {width:276px; float:left;}
#rightCont * {font-family:Georgia;}
#rightBox {width:276px; background:#2e2619 url(_img/rightBox.jpg) repeat-y;}
#rightBoxSub {width:276px; background:#2e2619 url(_img/rightBoxSub.jpg) repeat-y;}
#rbTop {width:276px; background:url(_img/rbTop.jpg) no-repeat top left;}
#rbBottom {width:276px; background:url(_img/rbBottom.jpg) no-repeat bottom left; padding:20px 0 45px;}
#rbBottom.paddingTopZero {padding:0 0 45px;}

.borderDotted {width:220px; height:1px; background:url(_img/borderDotted.gif) repeat-x; overflow:hidden; margin:15px 18px 0 38px;}
.borderDotted.bot {margin:22px 18px 12px 38px;}
.borderDotted.bot22 {margin:15px 18px 22px 38px;}

a#seeMoreWorks {display:block; width:276px; height:89px; background:url(_img/butSeeMore.gif) no-repeat;}
a#seeMoreWorks:hover { background:url(_img/butSeeMoreHover.gif) no-repeat; width:276px; height:104px;}

#rightBox ul {padding:10px 18px 0 38px;}
#rightBox ul a {display:block; margin:0 0 21px 0;}
	html>body #rightBox ul a {margin:0 0 19px 0; *  margin:0 0 20px 0;}
#rightBox ul a span {display:block; font-size:11px;}
#rightBox ul a span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; padding:0 0 6px;}
#rightBox ul a:hover span.title {color:#fff;}

#rightBox ul li {display:block; margin:0 0 21px 0;}
	html>body #rightBox ul li {margin:0 0 19px 0; *  margin:0 0 20px 0;}
#rightBox ul li span {display:block; font-size:11px;}
#rightBox ul li span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; padding:0 0 6px;}

#specialite {display:block; width:208px; height:16px; background:url(_img/specialiteDeLaMaison.gif) no-repeat right bottom; padding:23px 0 0 38px;}
	html>body #specialite {width:170px;}
#mrBrown {display:block; width:195px; height:19px; background:url(_img/mrBrown.gif) no-repeat right bottom; margin:0 0 0 38px;}
#firstCome {display:block; width:156px; height:15px; background:url(_img/firstCome.gif) no-repeat right bottom; margin:0 0 0 38px;}

a#logotype {display:block; width:276px; height:62px; background:url(_img/logotype.jpg) no-repeat;}
a#editorial {display:block; width:276px; height:60px; background:url(_img/editorial.jpg) no-repeat;}
a#illustration {display:block; width:276px; height:62px; background:url(_img/illustration.jpg) no-repeat;}
a#theBaker {display:block; width:276px; height:65px; background:url(_img/theBaker.jpg) no-repeat bottom left;}
a#theCook {display:block; width:276px; height:63px; background:url(_img/theCook.jpg) no-repeat bottom left;}
a#traditions {display:block; width:276px; height:72px; background:url(_img/traditions.jpg) no-repeat;}
a#logotype:hover, a#editorial:hover, a#illustration:hover, a#theBaker:hover, a#theCook:hover, a#traditions:hover,
a#logotype.active, a#editorial.active, a#illustration.active, a#theBaker.active, a#theCook.active, a#traditions.active {background-position:right bottom;}

div#advertisingCont {display:block; width:276px; height:131px; background:url(_img/advertisingCont.jpg) no-repeat;}
a#advertising {display:block; width:276px; height:48px; background:url(_img/advertising.gif) no-repeat;}
a#print, a#packaging, a#interactive {display:block; width:79px; height:22px; margin:0 0 0 101px;}
a#print {background:url(_img/print.gif) no-repeat;}
a#packaging {background:url(_img/packaging.gif) no-repeat;}
a#interactive {background:url(_img/interactive.gif) no-repeat;}
a#print:hover, a#packaging:hover, a#interactive:hover, a#advertising:hover {background-position:right;}

.text {display:block; padding: 0 18px 0 38px;}
.text h4 {display:block; color:#b4b6a6; font-size:18px; font-style:italic; font-weight:normal;}
.text h3 {display:block; color:#bba757; font-size:14px; font-style:italic; font-weight:bold;}
.text p {color:#80724a; font-size:11px; margin:9px 0 0 0;}
.text p.light {color:#b4b6a6;}
.text p.right {color:#b4b6a6; text-align:right;}

/* middle */

#middleCont {width:894px; float:left; z-index:40; position:relative;}
#middleCont * {font-family:Georgia;}

.borderDottedMain {height:1px; background:url(_img/borderDottedMain.gif) repeat-x; overflow:hidden;float:left; width:894px;}

.chocoRepeat {background:url(_img/chocoMiddle.gif) repeat-y center; width:894px; float:left;}
	html>body .chocoRepeat {background:url(_img/chocoMiddle.jpg) repeat-y center;}
.chocoBottom {background:url(_img/chocoBottom.jpg) no-repeat bottom center; width:894px; margin-left:15px;float:left;}
	html>body .chocoBottom {margin-left:8px;}
.chocoTop { background:url(_img/chocoTop.jpg) no-repeat top center; width:894px; height:420px;  margin-top:-2px; float:left;}
	html>body .chocoTop {min-height:320px; height:auto;}

.chocoRepeatSub {background:url(_img/chocoMiddle.jpg) repeat-y 337px; width:894px; float:left;}
	html>body .chocoRepeatSub {background:url(_img/chocoMiddle.jpg) repeat-y 315px;}
.chocoBottomSub {background:url(_img/chocoBottom.jpg) no-repeat 285px bottom ; width:894px; margin-left:15px; float:left;}
	html>body .chocoBottomSub {margin-left:8px;}
.chocoTopSub { background:url(_img/chocoTop.jpg) no-repeat 285px top ; width:894px; height:320px; margin-top:-2px; float:left;}
	html>body .chocoTopSub {min-height:320px; height:auto;}

/*.chocoRepeatSubRight {background:url(_img/chocoMiddle.gif) repeat-y 570px; width:894px; float:left;}
	html>body .chocoRepeatSubRight {background:url(_img/chocoMiddle.jpg) repeat-y 595px;}
.chocoBottomSubRight {background:url(_img/chocoBottom.jpg) no-repeat 565px bottom ; width:894px; margin-left:15px; float:left;}
	html>body .chocoBottomSubRight {margin-left:8px;}*/
	
.chocoTopSubRight { background:url(_img/meltingChoc.jpg) no-repeat 595px top ; width:894px; margin-top:-2px; float:left;}

ul#newsList {margin:30px 0 20px -5px; float:left; width:894px; padding-bottom:40px;}
ul#newsList li.news {float:right; width:400px; margin:0 0 25px 45px; position:relative;}
ul#newsList li.news a span.fotoBg {float:left; margin:0 20px 10px 0; padding:3px; position:relative; width:101px;height:77px; background:url(_img/miniFoto_bg.gif) no-repeat;}
	html>body ul#newsList li.news a span.fotoBg {background:url(_img/miniFoto_bg.png) no-repeat;}
ul#newsList li.news a img {position:absolute; left:3px; top:3px; float:left; }
ul#newsList li.news a span.title {display:block;color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic;}
ul#newsList li.news a:hover span.title {color:#fff;}
ul#newsList li.news a span.desc {display:block; font-size:11px; margin-right:20px;}

/* footer */

#footer {float:left;width:894px; margin-top:-52px; z-index:200; position:relative; padding-bottom:50px; }
#footer.about {margin-top:0;}
#footer .info {display:block; float:left; margin:10px 0 0 10px; font-family: Georgia}
#footer .info span.link a {color:#b4b6a6; font-size:12px; font-weight:bold; font-style:italic;font-family: Georgia}
#footer .info span.link a:hover {color:#fff;font-family: Georgia}
#footer .copyrights {display:block; float:right; margin:10px 10px 0 0; font-family: Georgia}
#footer .copyrights span {font-style:italic; font-family: Georgia}
#footer .copyrights span.link a {color:#b4b6a6; font-size:11px; font-style:italic; font-family: Georgia}
#footer .copyrights span.link a:hover {color:#fff;}

#borderDottedMain.footer {height:1px; background:url(_img/borderDottedMain.gif) repeat-x; overflow:hidden;z-index:20; float:left; width:894px;margin-top:-52px;}

/* advertising */

div.main {display:block; width:250px; float:left; margin:40px 120px 0 100px;}
div.recipe {display:block; width:350px; float:left; margin-top:40px; }

div.main span.title,
div.recipe span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; padding:0 0 6px; display:block;}
div.main span.desc {display:block; margin-bottom:15px;}
div.recipe {font-style:italic;}

/* the cook */

div.bio {float:left; margin:30px 0 0 20px; width:300px;}
	html>body div.bio {margin:30px 0 0 50px; }
div.bio span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; padding:0 0 6px; display:block;}
div.cookPhoto { background:url(_img/thecookFoto.jpg) no-repeat; width:312px; height:248px; float:right; margin-top:20px;}

/* traditions */

div.traditions {float:left; margin:40px 140px 0 10px; width:460px; padding-bottom:90px;}
	html>body div.traditions {margin:40px 140px 0 30px;}
div.logos {display:block; width:240px; float:left; margin-top:40px; text-align:center;}
div.logos img {display:block; margin:0 auto 30px auto;}
div.traditions ul li {width:450px; float:left; margin-bottom:20px;}
	html>body div.traditions ul li {width:500px;}
div.traditions ul li span.date {float:left; width:115px; text-align:center; color:#b4b6a6; height:60px; margin-right:30px;}
div.traditions ul li span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; display:block;}
div.traditions ul li span.desc {}

/* category */

ul#category {float:left; width:618px;}
ul#category * {font-family:Georgia; font-style:italic;}
ul#category li {position:relative;}
ul#category li.left {background:url(_img/boxLeft.gif) no-repeat; width:206px; height:206px; float:left;}
ul#category li.right {background:url(_img/boxRight.gif) no-repeat; width:206px; height:206px; float:left;}
ul#category li span.title {display:block; color:#1e1608; font-size:14px; font-weight:bold; margin:15px 20px 0 20px;}
ul#category li.left span.desc,
ul#category li.right span.desc {display:block; height:70px; margin:0 20px 0 20px;}
ul#category li.left span.img,
ul#category li.right span.img {display:block; margin:0 2px 0 2px;}

.paintBottomFotoBox {background:url(_img/frameBottomPaintBox.gif) no-repeat 0 -4px; width:575px; height:55px; float:right; margin-right:8px;}

ul#category li.leftEdit {background:url(_img/boxLeftEdit.gif) no-repeat; width:206px; height:216px; float:left;}
ul#category li.rightEdit {background:url(_img/boxRightEdit.gif) no-repeat; width:206px; height:216px; float:left;}
ul#category li.leftEdit span.desc,
ul#category li.rightEdit span.desc {display:block; height:55px; margin:0 20px 0 20px}
ul#category li.leftEdit span.title {display:block; height:85px;margin:5px 20px 0 20px;}
ul#category li.leftEdit span.img {display:block; margin-left:5px;}
ul#category li.rightEdit span.img {display:block; margin-left:6px;}

ul#category li.leftEdit span.maskSmall {position:absolute; background:url(_img/maskSmallLeft.gif) no-repeat 1px 2px; left:0; bottom:0; width:30px; height:20px;}
	html>body ul#category li.leftEdit span.maskSmall {background:url(_img/maskSmallLeft.png) no-repeat 1px 2px;}
ul#category li.rightEdit span.maskSmall {position:absolute; background:url(_img/maskSmallRight.gif) no-repeat 0 1px; right:0; bottom:0; width:30px; height:20px;}
	html>body ul#category li.rightEdit span.maskSmall {background:url(_img/maskSmallRight.png) no-repeat 0 1px;}
	
/* contact */

div#form {display:block; width:600px; height:400px; margin:15px 0 0 15px;}
div#form span.from {display:block; color:#34260e; font:14px Georgia; font-style:italic; font-weight:bold; margin-bottom:10px;}
div#form span.from input {display:block; background:#dbdbd8; color:#a6944a; border:1px solid #e2dcd6; width:220px; margin-top:5px; height:15px; padding:3px;}
div#form span.subject {display:block; color:#34260e; font:14px Georgia; font-style:italic; font-weight:bold; margin-bottom:10px;}
div#form span.subject input {display:block; background:#dbdbd8; color:#a6944a; border:1px solid #e2dcd6; width:220px; margin-top:5px; height:15px; padding:3px;}
div#form span.specialOrders {display:block; color:#34260e; font:14px Georgia; font-style:italic; font-weight:bold; margin-bottom:10px;}
div#form span.specialOrders textarea { background:#dbdbd8; color:#a6944a; border:1px solid #e2dcd6; width:400px; height:200px; margin-top:5px; display:block;}
div#form input.send { background:url(_img/send.gif) no-repeat; width:63px; height:25px; display:block; cursor:pointer; float:left;}
div#form input.send:hover { background:url(_img/sendHover.gif) no-repeat;}
div#form span.reservation { background:url(_img/needReserve.gif) no-repeat; width:152px; height:25px; float:left; margin-left:175px; margin-right:5px;}
	html>Body div#form span.reservation {margin-left:180px;}
div#form span.signature { background:url(_img/mrbrownSignature.gif) no-repeat; width:126px; height:21px; float:right; margin-right:15px;}

div.useful {margin:30px 0 40px 40px; padding-bottom:100px;}
div.useful span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; display:block; margin-bottom:10px;}
div.useful a span.doc { background:url(_img/doc.jpg) no-repeat right; height:63px; float:left; font-style:italic; padding-right:70px; margin-right:90px;}
div.useful a:hover span.doc,
div.useful a:hover span.pdf {color:#fff;}
div.useful a span.pdf { background:url(_img/pdf.jpg) no-repeat right; height:63px; float:left; font-style:italic; padding-right:70px;margin-right:90px;}

div.useful2 {margin:30px 0 40px 40px; padding-bottom:65px;}
div.useful2 span.title {color:#b4b6a6; font-size:14px; font-weight:bold; font-style:italic; display:block; margin-bottom:10px;}
/* End of 'mrbrown_default' */