@charset "UTF-8";

/* CSS Document */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
* { margin: 0; padding: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-weight: normal; border: none; text-decoration: none; font-family: Helvetica Neue, Arial; }

/* Site Setup */

form { margin: 0; padding: 0; }

.headerbg { min-height: 402px; background: url(../images/headerbg.jpg) repeat-x #fff; width: 100%; overflow: hidden; }

.navbg { width: 100%; background: url(../images/navbg.jpg) repeat-x; height: 32px; }

.contentbg { background: url(../images/contentbg.jpg) repeat-x #c0baaa; width: 100%; overflow: hidden; }

.footerbg { background: url(../images/footerbg.jpg) repeat-x #56451a; min-height: 96px; overflow: hidden; width: 100%; box-shadow: 0px -1px 4px #666; }

h2.top { margin: 25px 0 15px 0; }

span.middle { margin: 90px 0 0 0; display: block; }

/* Images */

img.left { float: left; border: 0; display: block;}

img.headden { float: left; border: 0; display: block;}
img.bda { float: left; border: 0; display: block; clear:left; margin: 10px;}
img.nhshead { margin: 0 30px 0 0; display: block; float: left;}


img.center { margin: auto; display: block; margin-top: 15px;}

img.centerden { margin: 40px 44px 0 0; float: right; display: block; }

img.centernhs { margin: auto; display: block; margin-top: 15px;}

img.imright { float: right; }

img.divider { margin: 20px 0 20px 0; }

img.brush { float: right; margin: 10px 10px 10px 10px; }

img.map { margin: 4px 0 0 0; }

img.denplan { margin: 40px 0 0 40px; float: left; display: block; }

img.tbrush { margin: 40px 0 0 0; float: left; }

img.place { margin: 20px 0 0 0; float: right; border: solid 1px #000000; }

img.clock { margin: 40px 0 0 0; float: right; }

img.floss { float: right; margin: 70px 0 0 0; }

img.brushes { float: right; margin: 50px 0 0 0; }

img.retain { float: right; margin: 70px 0 0 0; }

img.chair { float: right; margin: 60px 0 0 0; }

img.nhs { float: left; margin: 35px 0 0 0; display: block; }

img.heart { float: right; margin: 25px 40px 0 0; }

/* End Images */

#wrap { width: 1020px; height: 1130px; margin: auto; }

body { background: #56451a; font-size: 62.5%; }

a { font-family: Helvetica Neue, Arial; color:#FFF; text-decoration: none; border: none; }

a.black { color: #983d19; text-decoration: none; }

input.home { border: 2px solid #c26c45; height: 24px; width: 215px; margin: 9px 0 0 0; clear: both; }

input { border: 2px solid #c26c45; height: 24px; width: 230px; margin: 9px 0 0 0; clear: both; display: block; }

.submit { height: 32px; width: 223px; border: none; background: url(../images/submitbutton.png); cursor: pointer; margin: 20px 0 0 0; }

.submit2 { height: 32px; width: 223px; border: none; background: url(../images/submitbutton2.png); cursor: pointer; margin: auto; margin-top: 20px; display: block; }

.submit:hover { background-position: 0px -32px; }

.submit2:hover { background-position: 0px -32px; }

select { width: 215px; margin: 15px 0 0 0; }

textarea { width: 230px; margin: 9px 0 0 0; border: 2px solid #c26c45; height: 115px; font-size: 1.2em; }

fieldset.left { float: left; width: 232px; }

fieldset.right { float: left; margin: 0 0 0 20px; width: 232px; }

p { color: #555555; font-size: 1.2em; font-family: Helvetica Neue, Arial; margin: 20px 0 0 0; font-weight: normal; }

p.white { color: #FFF; }

h1 { color: #56451a; font-size: 2.4em; font-family: Helvetica Neue, Arial; }

h2 { color: #33270a; font-family: Helvetica Neue, Arial; font-size: 1.6em; font-weight: bold; text-shadow: 1px 1px 1px #909090; }

li { padding: 0px 6px 0 6px; color: #555555; font-size: 1.2em; margin: 0 0 5px 0; list-style-type: none; font-family: Helvetica Neue, Arial; }

/* Header*/
		
header { min-height: 118px; width: 853px; margin: auto; margin-bottom: 6px; background: url(../images/headbg.jpg) repeat-x #ebebeb; padding: 11px 0 0 22px; overflow: hidden; box-shadow: 0px 4px 4px #666; display: block; }

.phone { width: 490px; float:right; margin: 9px 22px 0 0; }

.phone p { color: #664a33; font-weight: bold; font-size: 2.8em; text-shadow: 1px 1px 2px #FFF; margin: auto; text-align: center; float: right; clear: right; width: 200px; display: block}

p.book { color: #808080; font-size: 1.6em; float: right; margin: 18px 0 0 0; }

.jqcont { height: 265px; width: 870px; margin: auto; clear: both; margin-top: 2px; }

.pageupper { min-height: 255px; width: 870px; margin: auto; clear: both; margin-top: 2px; padding: 10px 0 0 0; overflow: hidden; }

.about { background: url(../images/dentistwithtools.png) no-repeat 318px 0; width: 666px; height: 255px; float: left; }

.staff {width: 872px; height: 255px; float: left; }

.presenter { width: 170px; float: right; }

.presenter img { margin: 24px 0 0 0; }

.jq { height: 265px; width: 690px; float: left; }

.jq img { border: none; margin: 0 15px 0 0; float: left; }

p.jqtext { width: 623px; font-family: Myriad Pro, Helvetica Neue, Arial; font-size: 2.0em; margin: 0; }

h1.banner { margin: 30px 0 0 0; width: 623px; font-family: Myriad Pro, Helvetica Neue, Arial; font-size: 2.0em; }

/* Navigation */

nav { height: 32px; width: 856px; margin: auto; }

li.navi { margin: 0 !important; list-style: none !important; padding: 0 !important; float: left; display: inline; }

nav a { height: 24px; float: left; padding: 8px 10px 0 10px; font-family: Helvetica Neue, Arial; color:#FFF; text-shadow: 1px 1px 2px #333333; text-align: center; border-right: 1px solid #723314; border-left: 1px solid #aa603d; }

nav a:hover { background: url(../images/navhover.jpg) repeat-x; }

/* Main body */

.contentwrap { width: 870px; background-color: #FFFFFF; clear: both; margin: auto; margin-top: 5px; padding: 25px 40px 30px; overflow: hidden; }

.top { width: 865px; clear: both; }

.additionalinfo { width: 494px; clear: both; padding: 30px 0 0; }

.bottom { width: 865px; margin: 20px 0 0 0; clear: both; overflow: auto; float:left; }

.text1 { width: 598px; overflow: auto; float: left; }

.text1 p { color: #555; font-size: 1.2em; margin: 12px 0 0 0; }

p.con1 { font-weight: normal; margin: 25px 0 0 0; }

.query { height: 245px; width: 224px; background: url(../images/query.jpg); float: right; margin: 0 0 30px; padding: 9px 9px 0 9px; line-height: 16px; }

.query .heading { font-family: Helvetica Neue, Arial; font-size: 1.6em; color: #FFFFFF; text-shadow: 1px 1px 2px #909090; margin: 0; }

.query h2 { color: #999; font-size: 1.2em; font-family:"Helvetica Neue", Arial; margin: 20px 0 0 0; }

.news { min-height: 223px; width: 222px; background-color: #9a8f76; float: right; border-radius: 5px; padding: 11px 10px 0 10px; overflow: hidden;}

.news h3 { font-size: 1.4em; font-weight: bold; margin: 15px 0 0; }

.news .date { font-size: 1em; font-weight: bold; }

.news p { color: #FFF; }

.news li { font-size: 1em; color: #FFF; margin: 0; padding: 0; }

.news a { color: #33270a; text-decoration: none; }

.news a:hover { text-decoration: underline; }

.boxcon { min-height: 223px; width: 255px; background-color: #9a8f76; border-radius:  5px; float: left; margin: 0 40px 0 0; padding: 11px 0 0 15px; }

.prevcare { float: left; background: url(../images/dentist1.png); background-repeat: no-repeat; height: 223px; width: 247px; background-position: right; }

p.box { color:#FFF; margin: 27px 122px 0 0; }

p.map { color:#FFFFFF; margin: 0 0 10px 0; font-size: 1.0em; }

.hyper1 { height: 30px; width: 184px; background: url(../images/linksprite.png); background-position: 0px 0px; clear: both; margin: auto; margin-top: 15px; padding: 10px 0 0 0; }

.hyper1 p { font-family: "Helvetica Neue", Arial; font-size: 1.4em; color: #FFF; text-shadow: 1px 1px 1px #666666; text-align: center; margin: 0; }

.hyper1:hover { background-position: -184px 0px; }

/* Footer */

footer { width: 880px; clear: both; margin: auto; padding: 25px 35px 0 35px; overflow: hidden; }

.footercontent { float:left; width:620px; overflow:hidden; }

footer ul { float:left; width:100%; }

footer li { padding: 0px 6px 0 6px; font-size: 1.0em; border-right: 1px solid #FFF; margin: 0 0 5px 0; list-style-type: none; display: inline; float:left; }

li.last { border: none; }

footer a:hover { text-decoration: underline; }

p.foot { color:#FFF; font-size: 1em; text-shadow: 1px 1px 1px #333; margin: 5px 0 0 5px; float:left; width:100%; }

img.cards { float: right; }

.footer2 { width: 880px; clear: both; margin: 30px auto 10px; text-align: center; }

.footer2 li { font-size: 1em; }

.footer2 a { color: #FFF; text-decoration: underline; }

footer2 a:hover { text-decoration: none; }

/* About Us, Specifics */

.opentime { min-height: 223px; width: 235px; background-color: #9a8f76; float: right; border-radius: 5px; padding: 8px 0px 8px 8px; margin: 0 0 60px 0; }

img.times { float:right; margin: 50px 0 0 0; }

img.time { float:right; }

.aboutjq { width: 598px; overflow: auto; float: left; min-height: 250px; }

.aboutjqnav { width: 300px; float: left; clear: both; margin: 15px 0; }

a.up { color: #000; font-size: 1.0em; }

a.down { color: #000; font-size: 1.0em; }

ul.jqnav li { float: left; }

div.jqabout { min-height: 200px; }

.right { width:	250px; float: right; }

.abouttop { width: 615px; overflow: auto; float: left; }

.brush2 { margin: 35px 0 0 0; clear: both; float: left; }

.clear { clear: both; }

p.open { margin: 20px 0 0 0; color: #FFF; }

p.hours { color: #FFF; clear: both; }

.opentime li { color:#FFFFFF; list-style-type: none; margin: 3px 0 0 0; font-size: 1.2em; }

li.nofloat { float: none; }

ul.address li { margin: 10px 0 0 0; text-align: right; }

h2.rightadd { text-align: right; }

.imgcontainer { width: 150px; float: right; height: 250px; margin: 0 15px 0 15px; }

.address { width: 170px; float: right; margin: 0 0 0 10px; }

/* Ourstaff, Specifics */

.dentistcontent { float: left; margin: auto; padding: 5px; height: 140px; width: 665px; }

.nursecontent { float: left; margin: auto; padding: 5px; height: 140px; width: 665px; }

.recepcontent { float: left; margin: auto; padding: 5px; height: 140px; width: 665px; }

.dentists { width: 865px; float: left; margin: 9px 0 9px 0; height: 150px; }

.nurses { width: 865px; height: 150px; float: left; margin: 9px 0 9px 0; }

.recep { width: 865px; height: 150px; float: left; margin: 9px 0 9px 0; }

.staffimg { margin: 0 10px 0 0; float: left; border: solid 1px #000;}

.staffnav { float: right; padding: 10px 0 10px 0; width: 145px; background-color: #9a8f76; border-radius: 5px; margin: 35px 10px 0 0; }

.staffnav a { display: block; height: 53px; width: 46px; }

a.prevstaffa { }

a.nextstaffa { }

a.prevstaffb { }

a.nextstaffb { }

a.prevstaffc { }

a.nextstaffc { }

.staffleft { background:url(../images/staffarrows.png); background-position: 0px 0px; height: 53px; width: 46px; float: left; margin: 0 0 0 20px; display: inline;}

.staffright { background:url(../images/staffarrows.png); background-position: -46px 0px; height: 53px; width: 46px; float: right; margin: 0 20px 0 0; display: inline;}

.staffleft:hover { background-position: 0px -53px; }

.staffright:hover { background-position: -46px -53px; }

div.staffjq { width: 665px; margin: 0 0 0 0; padding: 0 0 0 0; }

/* Range of Treatments, Specifics */

.toptreat { width: 610px; float: left; }

.treatments { min-height: 515px; width: 200px; background-color: #9a8f76; float: right; border-radius: 5px; padding: 11px 0 0 0; }

.treatments li { color: #FFF; font-size: 1.2em; list-style-type: none; text-align: center; margin: 15px 0 0 0; }

.treatments h2 { text-align: center; }

ul.choose li { margin: 20px 0 0 0; }

h2.choose { margin: 20px 0 0 0; }

p.marginunder { margin-bottom: 15px; }

/* Orthodontics, Preventative Care and Cosmetic */

.fees { min-height: 223px; width: 227px; background-color: #9a8f76; float: right; border-radius: 5px; padding: 11px; }

.contact { min-height: 223px; width: 227px; background-color: #9a8f76; float: right; border-radius: 5px; padding: 11px; margin: 0 0 60px 0; }

/* Shiney Jquery */

.treatmentheaders { width: 590px; margin: auto; margin-bottom: 5px; background-color: #9a8f76; border-radius: 5px; padding: 5px; float: left; cursor: pointer; }

.treatmentcontent { width: 590px; margin: auto; margin-bottom: 5px; padding: 5px; border-radius: 5px; float: left; height: 375px; }

.treatmentcontent a { color: #000; text-decoration: underline; }

.images { width: 100px; margin: 0 10px 0 10px; float: right; }

/* Fees */

table { width: 600px; margin: 4px 0 20px 0; }

th { border-bottom: solid 1px #CCC; font-size: 1.6em !important; }

table, td, th { padding: 5px; }

td, th { font-size: 1.2em; text-align: left; width: 160px;}

tr.shaded { background-color: #efefef; }

.toptreat h1 { line-height: 16px; }

.subheading { font-size: 0.6em; font-weight: bold; }

.heading { margin: 12px 0 0; text-shadow: none; }

.subhead { color: #33270a !important; font-family: Helvetica Neue, Arial; font-size: 1.6em; font-weight: bold; text-shadow: 1px 1px 1px #909090; margin: 0; }

.bannerheading { color: #56451a; font-size: 2.4em; font-family: Helvetica Neue, Arial; margin: 0; }

.bannersubheading { color: #33270a; font-family: Helvetica Neue, Arial; font-size: 1.6em; font-weight: bold; text-shadow: 1px 1px 1px #909090; margin: 20px 0 0; }

.addressbanner { color: #33270a; font-family: Helvetica Neue, Arial; font-size: 1.6em; font-weight: bold; text-shadow: 1px 1px 1px #909090; margin: 0; text-align: right; }

.openinghours { color: #33270a; font-family: Helvetica Neue, Arial; font-size: 1.6em; font-weight: bold; text-shadow: 1px 1px 1px #909090; margin: 0; }

ul#sitemap	{ list-style-type: none; margin: 20px 0 20px 0; line-height:15px;}

#goog-fixurl { margin: 0 0 30px; }

/* News */

.newswrap { width: 870px; background-color: #FFFFFF; clear: both; margin: auto; margin-top: 5px; padding: 25px 40px 30px; overflow: hidden; }

.newswrap a { color: #983d19; text-decoration: none; }

.newswrap a:hover { color: #6d2c12; text-decoration: underline; }

.newsmain { width: 598px; float: left; }

.newsmain h1, h2 { font-size: 2em; text-shadow: none; }

.newsmain .next { text-align: left; margin: 0 0 15px; }

.newsmain .prev { text-align: right; margin: 0 0 15px; }

.newsmain .postedon { margin: 0; }

.newsmain .postedin { margin: 15px 0; }

.newssidebar { width: 224px; float: right; }

.newssidebar input { border: 1px solid #c26c45; margin: 0 0 5px; }

.newssidebar .xoxo { margin: 0; }

.newssidebar h3 { font-size: 1.2em; font-weight: bold; }

.newssidebar ul { margin: 15px 0; }

.newssidebar li { padding: 0; }

.newssidebar .screen-reader-text { font-weight: bold; }
