body { background: #b7b7b7; text-align: center; font: normal 12px Helvetica, Arial, sans-serif; line-height: 16px }

a { color: #000000 }
a img { border: none }
a:hover { text-decoration: none }
hr { height: 0px; border: none; border-top: 1px dotted #513e3e; margin: auto 0px; }

h1 { font-size: 18px; color: #513e3e; padding-bottom: 5px; border-bottom: 1px dotted #513E3E; }
h3 { color:#513E3E; font-size: 12px; margin-bottom: 0;}
h4 { color:black; font-size: 10px; margin-top: 0; font-weight: 400;}
strong { color: #513e3e; }

.clear { clear: both }

#container { width: 852px; margin: 20px auto }
ul#tabs { list-style-type: none; float: right; margin: 0px; padding-right: 30px }
ul#tabs li { margin: 0px; background: url('../img/tab-background.gif') top right no-repeat; float: left }
ul#tabs li a { font-size: 11px; text-decoration: none; color: #c2bcbc; background: url('../img/tab-link-background.gif') 0px 0px no-repeat; display: block; padding: 3px 10px 0px 5px }
ul#tabs li a:hover { color: #fff }

#content-background-top { background: url('../img/content-background-top.gif') 0px 0px no-repeat; width: 852px; height: 9px; overflow: hidden; clear: right }
#content-background-bottom { background: url('../img/content-background-bottom.gif') 0px 0px no-repeat; width: 852px; height: 15px; overflow: hidden }
#content-background { background: url('../img/content-background.gif') 0px 0px repeat-y; padding: 0px }

#sunburst-background { background: url('../img/sunburst-background.jpg') center center no-repeat }

#header { width: 836px; height: 70px; margin: 0px auto; background: url('../img/header-background.png') left bottom repeat-x; text-align: left }
#header img#logo { position: relative; left: 47px; top: 17px }

#header-index { width: 836px; height: 176px; margin: 0px auto; background: url('../img/header-background.jpg') left bottom no-repeat; text-align: left }
#header-index img#logo { position: relative; left: 47px; top: 17px }

ul#nav { list-style-type: none; float: right; margin-top: 40px; padding-right: 50px }
ul#nav li { padding: 0px 5px 0px 10px; background: url('../img/nav-background.gif') 0px 5px no-repeat; float: left }
ul#nav li.first-child { background: none }
ul#nav li a { text-decoration: none; color: #cc9; font-weight: bold }
ul#nav li a:hover, ul#nav li a.highlight { color: #fff }

#footer-top { background: url('../img/footer-background-top.gif') 0px 0px no-repeat; width: 852px; height: 10px; overflow: hidden }
#footer-bottom { background: url('../img/footer-background-bottom.gif') 0px 0px no-repeat; width: 852px; height: 10px; overflow: hidden }
#footer { background: url('../img/footer-background.gif') 0px 0px repeat-y; color: #c2bcbc; font-size: 11px; padding: 1px 0px }
#footer p { margin: 5px 0px }
#footer a { color: #c2bcbc }

#copy { padding: 40px 50px 20px 50px; text-align: left }
#callout { text-align: left; clear: right; background: url('../img/callout-background.jpg'); padding: 0px 20px 10px 10px; width: 195px; float: right; margin: 0px 0px 0px 100px }
#callout_narrower { text-align: left; clear: right; background: url('../img/callout-background.jpg'); padding: 0px 20px 10px 10px; width: 195px; float: right; margin: 0px 0px 0px 35px; }

#callout-top { margin: 10px 0px 0px 100px; clear: right; float: right; width: 225px; height: 10px; overflow: hidden; background: url('../img/callout-background-top.jpg') }
#callout-bottom { float: right; clear: right; margin: 0px 0px 30px 100px; width: 225px; height: 10px; overflow: hidden; background: url('../img/callout-background-bottom.png') }
#callout p {  }
#callout h2, #callout_narrower h2 { text-align: center; font-weight: bold; font-size: 14px; font-style: italic; line-height: 24px; color: #333 }

#photo { float: right; padding: 5px 0px 0px 5px; margin: 0px 0px 20px 30px; width: 285px; height: 218px; background: url('../img/photos/background.png') }
#side-copy { clear: right; font-size: 11px; float: right; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 30px; width: 285px; background: url('../img/callout-wide-background.jpg') repeat-y}
#side-copy p { width: 265px; padding-left: 5px;}
#side-copy strong { font-size: 12px; }
#side-copy hr { height: 0px; border: none; border-top: 1px dotted #513e3e; margin: auto 0px; width: 272px }
#tagline { clear: left; float: left; margin-top: 15px } 


#callout-wide-top { clear: right; float: right; width: 290px; height: 10px; overflow: hidden; background: url('../img/callout-wide-background-top.jpg') }
#callout-wide-bottom { clear: right; float: right; width: 290px; height: 10px; overflow: hidden; background: url('../img/callout-wide-background-bottom.png') }
#callout-wide { clear: right; float: right; width: 260px; padding: 0px 20px 0px 10px; background: url('../img/callout-wide-background.jpg') repeat-y }
#callout-wide img { float: left; margin-right: 10px }
#callout-wide h1 { background: url('../img/h1-background-short.gif') right bottom no-repeat; margin-bottom: 5px; margin-top: 0px }
#callout-wide p { margin-top: 0px; padding-top: 0px; margin-bottom: 8px }

#main_section { width: 425px; text-align: justify; float: left}
#main_section2 { width: 495px; text-align: justify; float: left}
hr.practice_divider { background: url('../img/h1-background.gif') no-repeat scroll center; }
p.subtitle { font-style: italic;}

#main_section .photo img {padding: 4px; background-color: #fff; border: solid 1px #a1a0a0; }
#main_section .photo {float: right; background-image: none; width: 200px; height: auto; padding: 0; margin: 0 10px 2px 10px; font-size: 10px;; line-height: 15px; text-align: right; color: #513e3e}

/* Styles for contact/reservation forms */
#contact {text-align: left}
fieldset { border: 0px; display: block }
legend { font-weight: bold }

.label { width: 100px; padding-right: 10px; float: left; font-weight: normal }
.input { width: 250px; float: left }
.select { width: 200px; float: left }
.textarea { width: 250px; float: left }

.label, .input, .select, .textarea, .checkbox { margin: 3px 0px } 

.clear-left { clear: left }