/***RESET***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul {list-style: none;}

/***STYLES***/
body {text-align: center; background: url(images/bg_body.gif) top left repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #777782;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #88cff0; margin: 24px 0px 20px 0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin-bottom: 17px;}
a {color: #777782; text-decoration: underline;}
a:hover {color: #7cc0dd; text-decoration: underline;}
:focus {outline: 0px;}

#wrapper {position: relative; width: 838px; margin: 0px auto; text-align: left; background-color: #CCCCCC;}

/***TOPNAV***/
#topNav {position: absolute; top: 0px; left: 225px; width: 576px; height: 50px; text-align: center;}
#topNav ul {padding-top: 23px;}
#topNav ul li {display: inline; padding: 0px 23px;}
#topNav a {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #777782; text-decoration: none;}
#topNav a:hover, #topNav a.on {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #fff; text-decoration: none;}

/***LEFTNAV***/
#leftNav {position: absolute; top: 165px; left: 0px; width: 225px;}
#leftNav ul {width: 225px;}
#leftNav li {height: 39px; line-height: 37px; padding-left: 56px; background: url(images/bullet_leftnav.png) top left no-repeat;}
#leftNav a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: none;}
#leftNav a:hover, #leftNav a.on {color: #777782;}

/***CONTENT***/
#contentWrap {position: absolute; top: 50px; left: 225px; width: 613px;}
#contentWrapShadow {width: 613px; background: url(images/bg_contentwrap.png) top right repeat-y;}
#contentWrapShadowBottom {clear: both; width: 613px; height: 20px; background: url(images/bg_contentwrap_bottom.png) top right no-repeat;}
#content {position: relative; width: 576px; min-height: 600px; background-color: #fff; z-index: 1;}

#contentNav {float: left; position: relative; margin-top: 115px; width: 140px; z-index: 20;}
#contentNav ul {width: 140px;}
#contentNav ul li {height: 36px; border-bottom: 2px solid #e5e7e8;}
#contentNav a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 36px; color: #777782; text-decoration: none;}
#contentNav a:hover, #contentNav a.on {color: #7cc0dd;}

#decoPic, #decoPic2 {position: absolute; display: block; right: 0px; bottom: 0px; z-index: 10;}
#phoneMailPic {position: absolute; left: -197px; bottom: 0px; z-index: 10;}

/***CONTENT BOX***/
#contentBox {float: left; position: relative; width: 331px; padding: 24px 25px 82px 40px; z-index: 20;}
#contentBox p {margin-bottom: 20px; line-height: 16px;}
#contentBox ul {margin: 10px 30px 30px 30px; list-style: disc;}

#newsBox {width: 301px; padding: 10px 14px; border: 1px solid #f3f4f4; background: url(images/bg_newsbox.png) top left repeat;}
#newsBox h1 {margin: 0px 0px 3px 0px; font-size: 18px; color: #05acf3;}
#newsBox h2 {margin: 0px 0px 3px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#newsBox p {margin: 0px 0px 7px 0px;}
#newsBox p a {padding-right: 15px; background: url(images/bullet_arrow_news.gif) top right no-repeat;}

#contentBox h2.alternateTitle {color: #88cff0;}

#contentBox h2.aboutTitleLink a {padding-left: 20px; color: #88cff0; text-decoration: none; background: url(images/bullet_title_link.gif) top left no-repeat;}
#contentBox h2.aboutTitleLink a:hover {text-decoration: underline;}

#contentBox h2.treatTitleLink {width: 215px; margin-bottom: 7px;}
#contentBox h2.treatTitleLink a {padding-left: 14px; text-decoration: none; background: url(images/bullet_title_link_gray.gif) top left no-repeat;}
#contentBox h2.treatTitleLink a:hover, #contentBox h2.treatTitleLink a.on {text-decoration: none; color: #88cff0;}
#contentBox h2.treatTitleLink span.categoryitems {display: block; margin: 7px 0px 20px 0px; padding-left: 14px; font-size: 11px; line-height: 16px; font-weight: normal;}

#treatPicBox {position: absolute; top: 130px; right: 30px; width: 100px;}
#treatPicBox img {display: none;}
#treatPicBox img.on {display: block;}

#contentBox h2.memberName {clear: both;}
#contentBox h2.memberName span {color: #88cff0;}
.memberDescription {margin-bottom: 35px;}
.memberDescription:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.memberDescription img {display: block; float: left; width: 86px; margin: 0px 10px 10px 0px; border: 1px solid #c7c7c7;}
.readMoreText {display: inline;}

p a.rightBulletedLink {padding-right: 10px; background: url(images/bullet_arrow_news.gif) top right no-repeat; font-weight: bold;}

.postCodesBox {width: 331px; border-collapse: collapse; border: 0px; margin-bottom: 20px;}
.postCodesBox td {width: 20%; padding: 2px 3px 2px 0px;}

#contactform p {clear: both; margin-bottom: 10px; text-align: right;}
#contactform p span {float: left; width: 110px; text-align: left;}
#contactform input, #contactform textarea {width: 200px; border: 1px solid #d2d1d1; font-size: 11px; color: #000000;}
#contactform select {width: 202px; border: 1px solid #d2d1d1; font-size: 11px; color: #777782;}
#contactform input.sendButton {width: 66px;}
#contactform input.uploadCV {width: 201px;}

.paymentForm p {clear: both; margin: 0px 0px 0px 0px; text-align: left;}
.paymentForm p label, .paymentForm p span {float: left; width: 110px; padding-right: 10px; text-align: left;}
.paymentForm input, .paymentForm textarea {width: 150px; border: 1px solid #d2d1d1; font-size: 11px; color: #777782;}
.paymentForm select {width: 152px; border: 1px solid #d2d1d1; font-size: 11px; color: #777782;}
.paymentForm input.radio {width: auto; border: 0px;}
.paymentForm input.sendButton {width: 74px;}
.paymentForm p img {vertical-align: text-bottom;}
#info_other { position:absolute; width:300px; height:25px; color:#A8DCF4; top:758px; left:316px; font-family:Arial, Helvetica, sans-serif;  font-size:12px;}
#info_invoice { position:absolute; width:300px; height:25px; color:#A8DCF4; top:870px; left:316px; font-family:Arial, Helvetica, sans-serif;  font-size:12px;}

/***FOOTER***/
#footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;}
#footer a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}
#footer a:hover {color: #777782; text-decoration: underline;}

#tld {height: 20px; margin-top: 10px; margin-right: 40px; padding-top: 10px; font-size: 11px; text-align: right;}
#tld a {color: #fff; text-decoration: none;}
#tld a:hover {text-decoration: underline;}

/***CLEANER | STUFF***/
.cleaner {clear: both; height: 1px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}