body { background-color: #8f8f88; background-image: url(/images/static/background.png); background-repeat: repeat-x; }

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

#logo { margin: 50px auto 0; border: 0; width: 900px; height: 62px; }

#main_logo { width: 900px; height: 62px; margin: 50px auto 0; border: 0; background-image: url('/images/static/logo.gif'); } 
#main_logo a { display: block; /* border: 1px dashed red;  debug display */ }
#main_logo a span { display: none; }
#main_logo a#link1 { height: 62px; width: 420px; }

#main_inside_logo { width: 900px; height: 62px; margin: 50px auto 0; border: 0; background-image: url('/images/static/inside_logo.gif'); } 
#main_inside_logo a { display: block; /* border: 1px dashed red;  debug display */ }
#main_inside_logo a span { display: none; }
#main_inside_logo a#link1 { height: 62px; width: 420px; }

#inside_logo { margin: 50px auto 0; border: 0; width: 900px; height: 62px; }

#inside_header { margin: 0 auto 0; border: 0; width: 900px; height: 80px; }

#content { background-color: #fff; margin: 0; padding: 0 0 0 60px; width: 840px; height: 320px; overflow: hidden; }

/* HOMEPAGE IMAGE ROTATOR */
#rotator { overflow: hidden; position: relative; margin: auto; border: 0; width: 900px; height: 400px; }
#rotator img { border: 0; width: 900px; height: 400px; }

/* TOP NAVIGATION */
#content ul#section_nav { margin: 10px 0 0 0; list-style-type: none; }
#content ul#section_nav li { display: inline; padding-right: 10px; font: normal 11px verdana, sans-serif; }
#content .cuisine ul { position: relative; z-index:2; }
#content .about ul { position: relative; z-index:2; }
ul#section_nav li a.selected { color: #333; text-transform: uppercase; text-decoration: none; }
ul#section_nav li a.selected:hover { color: #333; text-decoration: underline; }
ul#section_nav li a { color: #999; text-transform: uppercase; text-decoration: none; }
ul#section_nav li a:hover { color: #999; text-decoration: underline; }

#content ul#section_nav_items { margin: 5px 0 0 0; list-style-type: none; }
#content ul#section_nav_items li { display: inline; padding-right: 10px; font: normal 11px verdana, sans-serif; }
ul#section_nav_items li a.selected { color: #333; text-transform: uppercase; text-decoration: none; }
ul#section_nav_items li a.selected:hover { color: #333; text-decoration: underline; }
ul#section_nav_items li a { color: #999; text-transform: uppercase; text-decoration: none; }
ul#section_nav_items li a:hover { color: #999; text-decoration: underline; }

#page a { color: #956ebe; font-weight: bold; text-decoration: none; }
#page a:hover { text-decoration: underline; }
#page { margin: 30px 0 0 0; }
#page h1 { padding: 15px 0 0 0; margin: 0; font: normal 14px verdana, sans-serif; font-weight: bold; color: #81a356; }
#page h2 { padding: 0; font: normal 11px verdana, sans-serif; color: #b97921; }
#page h3 { padding: 0; margin: 0; font: bold 11px verdana, sans-serif; color: #b97921; }

#content p { padding: 0 0 15px 0; font: normal 14px Verdana, sans-serif; color:#666; line-height: 21px; }

#page #article p { padding: 0; font: normal 14px Verdana, sans-serif; color: #666; line-height: 21px;  }
#page #article h1 { padding: 10px 0 3px 0; margin: 0; font: normal 14px Verdana, sans-serif; font-weight: normal; color: #81a356; }

#content #list { width:840px; height: 260px; background-color: #fff; }
#content #list #page div { width:840px; height: 290px; overflow: hidden; top: 0; left: 0; background-color: #fff; }

#content dl { float: left; margin: 0; padding: 0 20px 0 0; width: 260px; }
#content dt { color: #81a356; margin: 10px 0 0 0; padding: 0; font: 11px Verdana, sans-serif; font-weight: bold; }
#content dt a { color: #81a356; text-decoration: none; }
#content dt a:hover { color: #956ebe; text-decoration: underline; }
#content dt img { margin-bottom: -1px; }
#content dd { color: #666; padding: 0 0 5px 0; font: 11px Verdana, sans-serif; font-weight: normal; }


/* COLOR SELECTORS */
#content .clientele #page #article p.orange { color: #b97921; padding: 0 0 15px 0; }
#content .clientele #page #article p.green { color: #61913d; padding: 0 0 15px 0; }
#content .clientele #page #article p.grey { color: #666; padding: 0 0 15px 0; }


/* CONTACT SECTION CSS */
#content .contact #page div { width: 250px; float: left; }
#content .contact #page div p { font: 12px Verdana, sans-serif; line-height: 18px; }
#content .contact #page div#sidebar { float: right; width: 290px; margin: 0 20px 0 0; }
#content .contact #page div#sidebar input { margin: 0 0 3px 0; font: normal 11px verdana; color: #000; }

#content .contact #page div#sidebar textarea { margin: 0 0 3px 0; font: normal 11px verdana; color: #000; }
#content .contact #page div#sidebar label { margin: 0; font: 11px Verdana, sans-serif; color: #666; }
#content .contact #page div#sidebar h3 { padding: 0 0 3px 0; margin: 0; font: normal 11px verdana, sans-serif; color: #81a356; }
#content .contact #page div#sidebar div { padding: 0; margin: 0; width: 1px; }

#content .contact #page div#sidebar_new div#left form div { padding: 0; margin: 0; border: none; display: none; }
#content .contact #page div#sidebar_new { float: right; width: 555px; margin: 2px 21px 0 10px; }
#content .contact #page div#sidebar_new input { margin: 0 0 0 0; font: normal 11px verdana; color: #000; }
#content .contact #page div#sidebar_new textarea { margin: 0 0 3px 0; font: normal 11px verdana; color: #000; }
#content .contact #page div#sidebar_new label { margin: 0; font: 11px Verdana, sans-serif; color: #666; }
#content .contact #page div#sidebar_new h3 { padding: 0 0 7px 0; margin: 0; font: normal 11px verdana, sans-serif; color: #81a356; }
#content .contact #page div#sidebar_new div#left { padding: 0; margin: 0; width: 270px; float: left; }
#content .contact #page div#sidebar_new div#right { padding: 0; margin: 0 0 0 0; width: 280px; float: right; }
#content .contact #page div#sidebar_new img { padding: 3px 0 0 0; }
input#submit { padding: 3px 0 0 0; }


/*  EXPERTISE SECTION CSS */
#content .expertise #page div { width: 500px; float: left; overflow: hidden; }
#content .expertise #page div#sidebar { float: right; width: 290px; margin: 0 20px 0 0; }
#content .expertise #page div#sidebar p { padding: 0 0 15px 0; font: 11px Verdana, sans-serif; color: #81a356; line-height: 15px; }


/*  CLIENTELE SECTION CSS */
#content .clientele #page div { width: 500px; }
#content .clientele #page #article { height: 300px; overflow: hidden; }
#content .clientele #page #article div { overflow: hidden; height: 275px; width: 500px; /* filter:alpha(opacity=100); opacity: 1.0;*/ background-color: #fff; }
#content .clientele #page div#article_list div { overflow: hidden; height: 275px; width: 750px; /* filter:alpha(opacity=100); opacity: 1.0;*/ background-color: #fff; }
#content .clientele #page {  overflow: hidden; height: 300px; }
.clientele #arrows { width: 50px; float: right; margin: 0; padding: 230px 0 0 0; height: 30px; }


/* CUISINE SECTION CSS */
#content .cuisine #page div {  }
#content .cuisine #article { position: relative; z-index: 1; width: 840px; height: 300px; top: -47px; overflow: hidden; }
#content .cuisine #article div { width: 840px; filter:alpha(opacity=100); opacity: 1.0; background-color: white; }
#content .cuisine #article div h1 { width: 240px; padding: 47px 0 0 0; }
#content .cuisine #article div p { font: 11px verdana, sans-serif; padding: 5px 0 0 0; width: 250px; color: #b97921; background: #fff; }
.cuisine_page_image { position: relative; float: right; margin: 0 175px 0 0; padding: 0; height: 301px; width: 390px; }


/* ABOUT SECTION CSS */
#content .about #page div#index { width: 490px; float: left; }
#content .about #page div#article { width: 480px; float: left; }
#content .about #page div#sidebar { float: right; width: 280px; margin: 0 0px 0 20px; }
#content .about #page #article p { /*line-height: 21px;*/ }
#new_article_image { float: right; width: 310px; margin: -46px 0 0 0; }


/* PRESS STYLES */
#content .about #press div { overflow: hidden; width: 500px; height: 250px; background-color: #fff; }
#content .about #press div h1 { color: #666; padding: 0 0 15px 0; }
#content .about #press div p { font: 12px verdana, sans-serif; line-height: 18px; }
#content .about #page #press { overflow: hidden; float: left; position: relative; width: 700px; height: 250px; background-color: #fff; }
#content .about #page { height: 305px; }

#content .about #page #article dl { float: left; width: 220px; }
#content .about #page #article dt { color: #b97921; font-weight: normal; }
#content .about #page #article dd { padding: 0 0 10px 0; }
#content .about #page #article dd a { font-weight: normal; }

#content .about #page #press_index { overflow: hidden; float: left; position: relative; width: 800px; height: 250px; background-color: #fff; }
#content .about #page #press_index div { float: left; overflow: hidden; width: 760px; height: 250px; background-color: #fff; }
#content .about #page #press_index div dl { float: left; width: 230px; background-color: #fff; }
#content .about #page #press_index div dt { color: #b97921; font-weight: normal; }
#content .about #page #press_index div dd { padding: 0 0 10px 0; }
#content .about #page #press_index div dd a { font-weight: normal; }

#content .about #page #faq dl { float: left; width: 220px; margin: 0; }
#content .about #page #faq dt { font: normal 12px verdana, sans-serif; color: #666; padding: 0 0 15px 0; margin: 0; line-height: 18px; }
#content .about #page #faq dt a { font: bold 12px Verdana, sans-serif; color: #956ebe; }
#content .about #page #faq dd { padding: 0 0 15px 0; }
#content .about #page #faq dd a { font-weight: normal; }


/* LIST STYLES */
#content #article_list ul { float: left; list-style-type: disc; margin: 5px 5px 0 0; padding: 0; width: 240px; }
#content #article_list ul li { display: list-item; margin: 0 0 0 15px; font: normal 12px verdana, sans-serif; color: #81a356; }
#content #article_list ul li a { color: #81a356; text-transform: none; text-decoration: none; font-weight: normal; }
#content #article_list ul li a:hover { color: #81a356; text-decoration: underline; }

#content ul#bullet_list { list-style-type: disc; margin: 5px 0 0 0; padding: 0; }
#content ul#bullet_list li { display: list-item; margin: 5px 0 0 15px; font: normal 11px verdana, sans-serif; color: #81a356; }
#content ul#bullet_list li a { color: #81a356; text-transform: none; text-decoration: none; font-weight: normal; }
#content ul#bullet_list li a:hover { color: #81a356; text-decoration: underline; }

#content ul#nobullet_list { margin: 5px 0 0 0; padding: 0; width: 300px; color: #81a356; }
#content ul#nobullet_list li { display: list-item; margin: 5px 0 0 0; padding: 0; font: normal 11px verdana, sans-serif; color: #81a356; }

#content #list ul { list-style-type: disc; list-style-position: outside; float: left; margin: 0; padding: 0 20px 0 0; width: 260px }
#content #list li { display: list-item; padding: 0; margin: 0 0 0 20px; font: normal 12px verdana, sans-serif; color: #81a356;}

#content .page_image { position: relative; float: right; z-index: 1001; margin: 10px 0 0 0; padding: 0; }


/* SHOWCASE STYLES */
#nav { position: relative; float: left; width: 235px; margin-top: -115px; margin-left: -390px; }
#nav img { padding: 3px; float: left; border: 1px solid #fff; }
#nav img:hover { border: 1px solid #956ebe; }

#content .showcase #page #article { width: 350px; float: left; }
#content .showcase #page #article p { font: 12px Verdana, sans-serif; line-height: 18px; }
#images { float: right; margin: -50px 0 0 0; }
#images p { }
.showcase #page { margin: 15px 0 0 0; }

#arrows { position: relative; z-index: 3; margin: -77px 15px 0 0; float: right; /*padding: 0; height: 30px; background-color: #fff;*/ }
#arrows a#prev2 { width: 50px; height: 50px; background: transparent url(/images/uploads/left_arrow.gif) no-repeat; }
#arrows a#prev2:hover { background: transparent url(/images/uploads/left_arrow_on.gif) no-repeat; }
#arrow_instructions { position: relative; float: left; width: 250px; height: 25px; margin: -80px 15px 0 0; font: bold 11px verdana, sans-serif; color: #a584c9; z-index: 2002; }


#cuisine_images { position: relative; float: right; width: 60px; height: 25px; margin: -77px 15px 0 0; background: url(/images/static/arrows.png) 0 -25px no-repeat; }
#cuisine_images li { padding: 0; list-style: none; position: absolute; }
#cuisine_images li, #cuisine_images a { height: 25px; display: block; }
#prev { left: 0; width: 25px; }
#next { left: 35px; width: 25px; }
#prev a:hover { background: transparent url(/images/static/arrows.png) 0 0 no-repeat; }
#next a:hover { background: transparent url(/images/static/arrows.png) -35px 0 no-repeat; }


/* FOOTER NAVIGATION */
#navigation { position: relative; width: 900px; height: 28px; margin: auto; background-image: url(/images/static/navigation.png); }
#navigation li {margin: auto; padding: 0; list-style: none; position: absolute; top: 0;}
#navigation li, #navigation a {height: 28px; display: block;}

#linkhome {left:10px; width: 60px;}
#link1 {left: 406px; width: 95px;}
#link2 {left: 501px; width: 90px;}
#link3 {left: 592px; width: 74px;}
#link4 {left: 667px; width: 82px;}
#link5 {left: 750px; width: 62px;}
#link6 {left: 813px; width: 86px;}

#linkhome a:hover {background: transparent url(/images/static/navigation.png) -10px -28px no-repeat;}
#link1 a:hover {background: transparent url(/images/static/navigation.png) -406px -28px no-repeat;}
#link2 a:hover {background: transparent url(/images/static/navigation.png) -501px -28px no-repeat;}
#link3 a:hover {background: transparent url(/images/static/navigation.png) -592px -28px no-repeat;}
#link4 a:hover {background: transparent url(/images/static/navigation.png) -667px -28px no-repeat;}
#link5 a:hover {background: transparent url(/images/static/navigation.png) -750px -28px no-repeat;}
#link6 a:hover {background: transparent url(/images/static/navigation.png) -813px -28px no-repeat;}

