/* CSS Document for Petit Cafe */

html, body, div, h1, h2, h3, h4, h5, ul, li, a, p, img { margin:0; padding:0; }

body { background:#ccc; }


table { margin-bottom:10px; }
table h4 { padding:5px 0 5px 10px; }
table tr p { padding:3px; line-height:15px; }

hr { width:400px; }

.gap {margin-left:272px;}

.gap2 { padding-left:20px; }

.clr{clear:both;}

.tab_btn { width:75px; margin:10px 0; }

.light_shade { background:#f3f3f3; }

.dark_shade { background:#CCCCCC; }

.table_heading { font-size:18px; }



#wrapper { width:1005px; height:auto; margin:0 auto; background:#FFFFFF; }


#header { width:1005px; height:150px; float:left; background:url(../images/header_bg.jpg) repeat-x; }
#header h2 img { margin-right:25px; }


#nav { width:1005px; height:40px; float:left; background:url(../images/nav_bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; text-align:center; }
#nav ul { list-style:none; }
#nav ul li { position:relative; float:left; }
#nav ul li a { display:block; font-size:14px; font-weight:bold; text-decoration:none; padding:12px; width:120px; height:16px; color:#fefefd; text-shadow:0px 2px 10px #2b1309; }
#nav ul li a:hover { color:#cc3220; }


#body { width:1005px; height:auto; float:left; background:#FFFFFF; }


#banner { width:940px; height:430px; margin:20px auto; border:12px solid #ccc;  }


#content { width:1005px; height:auto; float:left; }


#sidebar_wrapper { width:250px; height:auto; float:right; margin-right:2px; }


#sidebar-map { width:250px; height:auto; margin-top:320px; margin-bottom:20px; }
#sidebar-map h2 { font-family:Arial, Helvetica, sans-serif; color:#cc3220; padding:10px; font-size:24px; text-align:center; }


#sidebar { width:252px; height:auto; float:left; background:url(../images/sidebar_bg.jpg) repeat-x; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; -moz-box-shadow:0px 2px 8px #666; margin:-5px 0 0 0; }
#sidebar h2 { color:#cc3220; padding:20px 0 0 0; font-size:24px; }
#sidebar h3 { font-size:24px; padding:10px; color:#fefefd; text-shadow:0px -5px 8px #000; }
#sidebar p { color:#666; padding:10px; font-size:14px; }


#main { width:730px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; }
#main h2 { color:#cc3220; padding:10px 0 0 280px; font-size:24px; }
#main p { padding:15px 10px 15px 285px; font-size:14px; color:#666; line-height:22px; text-align:left; }
#main input { margin:5px 0 0 0 ; }
#main textarea { margin:5px 0 0 0; }


#main_wrapper { width:430px; height:auto; float:left; }
#main_wrapper #main_inside { background:-moz-linear-gradient(top, #666666, #ffffff); margin-left:15px; }
/*#main_wrapper #main_inside h3 { color:#FFFFFF; }*/ 


#main_inside { width:430px; float:left; background:-moz-linear-gradient(top, #cccccc, #ffffff); margin-left:15px; }
#main_inside p { font-size:11px; padding:5px 0 10px 10px; text-shadow:none; color:#333333; }
#main_inside h3 { font-size:12px; padding:5px 0 10px 10px; font-weight:bold; }


.float { width:252px; height:3700px; float:left; background:url(../images/panels_bg.jpg) repeat-y; margin: 0 0 10px 20px; }
.float2 { width:252px; height:3700px; float:right; background:url(../images/panels_bg.jpg) repeat-y; margin: 0 20px 10px 0; }


#sidebar_menu { width:252px; height:auto; float:left; background:#e6e4e5; background: -moz-linear-gradient(top, #e6e4e5, #c9a8a3); font-family:Arial, Helvetica, sans-serif; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; margin: 0 0 10px 0; }
#sidebar_menu h2 { margin:0; padding:0; }
#sidebar_menu ul { list-style:none; padding:15px 0; }
#sidebar_menu ul li {}
#sidebar_menu ul li a { color:#4c2d28; text-decoration:none; font-weight:bold; font-size:12px; text-shadow:1px 1px 2px #fefefd; display:block; width:220px; height:20px; padding:5px; margin:0 auto; -moz-border-radius:5px; -webkit-border-radius:5px; }
#sidebar_menu ul li a:hover { color:#cc3220; }


#gallery { float:left; border:5px solid #CCCCCC; margin:20px; }


#footer { width:1005px; height:auto; float:left; background:url(../images/footer_bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; }


#footer_link { float:left; color:#fefefd; width:1005px; }
#footer_link p { padding:5px 20px; text-align:left; }
#footer_link p a { font-size:12px; text-decoration:none; color:#c9a8a3; text-shadow:none;  }
#footer_link p a:hover { color:#FFFFFF; }


#info { float:left; width:60%; padding:30px 20px; font-size:12px; }
#info p { color:#c9a8a3; text-shadow:none; text-align:left; }


#credit { float:left; width:30%; padding:30px 20px; text-align:right; }
#credit p { font-size:12px; color:#c9a8a3; text-shadow:none; }
#credit a { color:#c9a8a3; text-decoration:none; }
#credit a:hover { color:#FFFFFF; }