/* Base Styles */
body {margin:0 auto; padding:0; background:#fff;}
body, p, div, span, td {font:normal 13px Times, "Time New Roman", Georgia; color:#999;}
img {border:0; margin:0; padding:0;}
a, a:visited, a:active {text-decoration:none; color:#aeae4d;}
a:hover {text-decoration:underline; color:#aeae4d;}
h1 {margin:0 0 10px 0; padding:0;}
h2 { margin:0 0 10px 0;}
p {padding:0; margin:10px 0;}
table {border:none; padding:0; margin:0; border-collapse:collapse;}
form {margin:0; padding:0;}
fieldset {border:none;}
sup {font-size:9px; font-weight:normal;}
ul {margin:0 0 0 25px; padding:0;}
li {margin:0px; padding:1px;}

/* generic classes used various display issues */
.block {display:block !important;}
.none {display:none !important;}
.float-l {float:left;}
.float-r {float:right;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.white {background-color:#fff !important;}
.nobg {background-image:none !important;}
*+html .clearfix {min-height: 1%;}
* html .clearfix {height:1%; overflow:visible;}
.clearfix:after { content: "."; display: block; visibility: hidden; line-height: 0; height: 0; clear: both;}
.ffFix {visibility:hidden; height:0px; font-size:0; line-height:0;}
	

/* Page Template Styles */	
#container {width:970px; margin:10px auto; border:1px solid #cecaab; text-align:left; position:relative; overflow:show; background: url(../images/bg.gif) no-repeat;}

#header {position:relative; top:15px;}
#logo { width:175px; height:75px; position:absolute; top:0; left:388px;}	
#taj { width:50px; height:67px; position:absolute; top:15px; left:815px;}	
#headerStripe { width:100%; height:22px; position:absolute; top:93px; background: #e5ddc6 url(../images/headerStripeBg.gif) repeat-x;}	
#headerImg { width:970px; height:216px; position:absolute; top:115px; background: url(../images/headerimg.jpg) no-repeat;}

#bodyShell {position:relative; top:346px; margin-bottom:346px; background:#fff url(../images/bodyShellBg.gif) repeat-x; padding:25px 0 30px 90px;}


/* sidenav styles */
#sideNav {float:left; position:relative; width:175px; padding:0;}
#sideNav ul {margin:0; padding:0; list-style:none;}
#sideNav li {margin:0; padding:4px 0; border-bottom:1px solid #eee;}
#navImg {position:absolute; left:265px; top:25px; background: url(../images/threePlates.jpg) no-repeat; width:77px; height:191px;}
* html #navImg {left:0px; z-index:2;}
/* subnav styles */
#sideNav li b {margin:5px 0 0 24px; display:block;  font:normal 12px arial, helvetica; font-weight:bold;}
#sideNav li ul {margin-left:24px; font:normal 11px arial, helvetica;}
*:first-child+html #sideNav li ul {margin-left:14px;}
#sideNav li ul li {list-style-image: url(../images/bullet.gif); list-style-position:inside; padding:2px 0; border:none;}
#sideNav ul li a.highlight {color:#000;}
.aElements {display:none;}


#contentArea {margin-left:270px; width:540px; height:350px;}
#contentHeader {position:relative; font:normal 24px times, "time new roman", georgia; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
#contentFrame { height:310px; overflow:auto; overflow-y:auto; overflow-x:hidden;}

.subhead {font-weight:bold; margin:5px 0;}
.subhead2 {margin:5px 0;}
.element {margin:2px; 10px;}

#footer {clear:both; text-align:center; margin:20px 70px; border:#eee solid 1px; border-left:none; border-right:none; padding:5px;}

/* text styles */
.introtext {font:normal 14px times; color:#999; margin-bottom:25px; padding-left:5px;}
b.styleCap {color:#aeae4d; font-size:36px; font-weight:normal; line-height:30px;}

/* home styles */
.halfBoxLt { float:left; width:240px; padding:0 13px 0 0; border-right:1px solid #eee;}
.halfBoxRt {width:240px; padding:0 5px 0 0; margin-left:275px;}

/* menu styles */
#contentFrame.menu, #contentFrame.menu .menuSection {font-family:arial, helvetica;}
#print {float:right; position:relative; z-index:100;}
.menuSection {font-weight:bold; color:#000;  margin:5px 0;}
.menu ul {list-style: url(../images/bulletSml.gif) outside; margin:0 0 0 12px;}
*:first-child+html .menu ul {margin:0 0 0 20px;}

#itemTable {border:none; border-collapse:collapse; padding:0; margin:0;}
#itemTable td {padding:3px 10px 3px 3px;}
#itemTable td.bul {padding:3px 2px 3px 20px; vertical-align:middle;}

.date {float:left; width:90px;}
.dateRight {margin-left:100px;}

.chefDate {float:left; width:90px;}
.chefNote {margin:5px 0 5px 100px; border-bottom:1px solid #ccc;}
.chefNote p{margin:0 0 10px 0;}

/* contact form */
#contactForm {margin:10px;}
#contactForm .submit {width:400px; text-align:right; margin:5px 0 0 0;}
#contactForm label {display:block; float:left; width:100px;}
.cinput {width:300px;}
.ctextarea {width:300px; height:40px;}
.thankyou {font-size:18px; font-weight:bold;}

#resIframe {width:800px; max-width:800px; height:300px; overflow:auto; overflow-y:scroll;}

/* modal window */
#qvOverlay {position:absolute; width:100%; height:100%; z-index:1000; background:#666; top:0; bottom:0; left:0; filter:alpha(opacity=0); opacity:0; -moz-opacity:0;}
#qvShell {position:absolute; z-index:2000; width:550px; visibility:hidden; top:30%; left:0; text-align:center;} 
#winTop {background:#333; height:20px; line-height:20px; background:#cecaab; margin:0 auto; padding-right:10px; color:#0000cc; text-decoration:underline; cursor:pointer !important; border:2px solid #cecaab; text-align:right;}
#mwin {position:relative; z-index:2010; border:2px solid #cecaab; background:#fff url('http://dev.camptonplacesf.com/images/loading.gif') no-repeat 47% 45%; padding:5px; display:block; margin:0 auto; text-align:left;} 
iframe {background:#fff url('http://dev.camptonplacesf.com/images/loading.gif') no-repeat 50% 35%;}