html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; font-size: 100%; border: 0; outline: 0; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
html,body {background: #fff url(/img/page/thornebrook-village-body-bg.png) repeat-x top left;}
#container {width: 980px; margin: 0 auto; font-size: 62.5%; text-align: center;}
#banner {height: 12.2em; background: #fff url(/img/page/bannerbg.jpg) repeat-x top left;}
#topnav {clear: both; margin: 0 0 35px 15px; font: 500 2em "myriad pro", helvetica, sans-serif; text-align: left;}
#topnav a {color: #c7b28b; margin-left: 1.8em; text-decoration: none;}
#topnav a:hover {text-decoration: underline;}
#photonav {clear: both; margin: 0 0 2.5em 3em; text-align: left;}
#contentcontainer {clear: both; padding: 4em 0 5em 0; repeat-x top left;}
/* Content */
#content {margin-left: 30em; padding: 0 3.5em 0 6em;}
/* Sidebar */
#sidebar {float: left; width: 30em; padding: 0 0 0 3.5em}
/* Misc Classes */
br.spacer {clear: both; visibility: hidden;}
span.green {color: #a4c74e;}
span.bold {font-weight: 600;}
/* Text Classes */
h1#logo {float: left; width: 335px; height: 35px; margin: 70px 0 0 30px; background: url(/img/page/thornebrook-village-logo.png) no-repeat; text-indent: -5000em;}
#logo a {display: block; width: 335px; height: 35px;}
h2,h3,h4,p {text-align: left;}
h2.content {margin-bottom: .25em; color: #969696; font: 500 3.6em "Myriad Pro", helvetica, sans-serif;}
h2.sidebar {margin-bottom: 1.25em; color: #545454; font: 600 1.6em "Trebuchet MS", helvetica, sans-serif;}
h3.content {margin-bottom: .25em; color: #a4c74e; font: 700 2em "Myriad Pro", helvetica, sans-serif;}
h4.content {margin-bottom: .25em; color: #969696; font: 700 2em "Myriad Pro", helvetica, sans-serif;}
p.content {margin-bottom: 1em; color: #545454; font: 500 1.6em "Trebuchet MS", helvetica, sans-serif;}
p.eventheader {margin: 0; color: #545454; font: 500 1.2em "Trebuchet MS", helvetica, sans-serif;}
p.sidebar {clear: both; margin-bottom: 1em; padding-right: 2.5em; color: #545454; font: 500 1.2em "Trebuchet MS", helvetica, sans-serif; text-align: justify;}
/* GMap Stuff */
#map {color: #545454; font: 500 1em "Trebuchet MS", helvetica, sans-serif; border: 5px solid #dbdad3; text-align:left; }
#map h1 {text-align:center; color: #a4c74e;}
#map table {clear:both;}
#map table th {text-align:right; color: #c7b28b;}
#map h3.windowTitle {color: #a4c74e; font: 500 1.6em "Myriad Pro", helvetica, sans-serif;}
/* Image Classes */
#sidebar img {float: left; margin-bottom: 2.5em;}
#photonav img {margin-right: 2em; border: none;}
img.sponsors {float: left; margin: 0 3em 1.5em 0; border: none;}
img.gallery {float: left; margin: 0 3em 1.5em 0; border: 5px solid #dbdad3;}
img.event {float: left; margin: 0 1em .5em 0; border: none;}
img.logo {float: left; clear: right; margin: 0 50px 25px 0;}
/* List Classes */
ul {list-style: none; text-align: left;}
ul.content {margin-bottom: 1em; color: #545454; font: 500 1.6em "Trebuchet MS", helvetica, sans-serif;}
ul.content li.square {list-style: square;}
ul.content li.bold {font-weight: 600;}
ul.sidebar {clear: both; margin-bottom: 1em; color: #545454; font: 500 1.2em "Trebuchet MS", helvetica, sans-serif;}
ul.sidebar li.bold {font-weight: 600;}
/* Form Classes */
form.contact {border: none; color: #545454; font: 500 1.6em "Trebuchet MS", helvetica, sans-serif;}
form.banner {border: none;}
fieldset {border: none;}
.fieldset,fieldset.left {float: right; width: 30em; margin: 77px 7em 0;}
fieldset.left {float: left; width: 30em; margin: 77px 7em 0; clear: both;}
.fieldset .label {float:left; width:70px; margin-top: .3em; padding: .2em; text-align: right;}
.fieldset .textfield {float: right; width: 166px; height: 25px; padding: 5px 0 0 10px; background: transparent url("/img/page/searchbox.gif") no-repeat; border: solid 0 #fff;}
/* Input */
form label {float: left; width: 10em; margin-right: 1em; text-align: left;}
form input, form textarea, form select {float: left; display: block; margin-bottom: 1em;}
form input {width: 15em;}
form input.hidden {margin:0px; padding:0px; display:none;}
form textarea {width: 15.3em; height: 10em;}
form select {width: 15.2em;}
form select.shops {width: auto;}
input.submit {float: right; width: 61px; height: 24px;}
input.submitcontact {width: 5em;}
form label:after {content: ":";}
form br {clear: left;}
/* map */
#mapbackground,#map {width: 480px; height: 320px; margin: 2em auto 0 auto; padding-top: 5px; background: #fff url(/img/page/map_bg.jpg) no-repeat;}
#map {width: 480px; height: 320px; margin: 0 auto; background: none;}
#map ul {margin-top: .5em; text-align: left;}
#map ul li {font: 500 1em Georgia,helvetica,sans-serif;}
div.bubble {width: 250px; height: 80px;}