body {
	background:#226399 url(../images/bgGradiant.jpg) top center repeat-x;
	text-align:center;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}
	
div.wrapper {
	text-align:left;
	width:965px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF filter:alpha(opacity=50) opacity: 0.5 -moz-opacity: 0.5;
	z-index: 3;
}

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 {
	color: #99ccff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 1.8em;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 1.3em;
	line-height: 20px;
}
h3 {
	font-size: 1.5em;
	margin: 0px 0px 10px 0px;
}


p {
	margin-bottom: 10px;
	line-height: 20px;
}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a {
	outline:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: underline;
} /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */	
a:hover {
	outline:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #88D1F4;
	text-decoration: underline;
}
.headerSection {
	position:relative;
	padding-top: 10px;
    margin-bottom: 12px;
    min-height: 200px;
}
.wrapper .bodyContent {
	position: relative;
	float: left;
	width: 591px;
	background-image: url(../images/bodyBg.jpg);
	background-repeat: no-repeat;
	background-color: #226399;
	margin-left: 30px;
	min-height: 575px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.logo {
	padding-top: 10px;
	float: left;
	margin-bottom: 20px;
}

.wrapper .bodyContent ul
{
	margin: 0 0 10px 0;
}

.wrapper  .bodyContent ul li {
	line-height: 20px;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	margin: 0;
	padding: 0 0 0 20px;
}
.wrapper .leftNav {
	position: relative;
	float: left;
	width: 280px;
	height: 800px;
}
.wrapper .leftNav .fish {
	position: absolute;
	bottom: 0px;
	left: -18px;
}

.footerSection {
	background-image: url(../images/footerbg2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 600px;
	background-color: #DCCC75;
	position: relative;
}
div.footerContainer {
	text-align:left;
	width:965px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;

	background-color: #FFFFFF filter:alpha(opacity=50) opacity: 0.5 -moz-opacity: 0.5;}
.footerSection .footerContainer .chest {
	position: absolute;
	top: -108px;
	left: 90px;
}

.footerSection .footerContainer .usefulLinks {
	position: absolute;
	top: 220px;
	width: 340px;
}
.footerSection .footerContainer .jobs 
{
	position: absolute;
	top: 220px;
	width: 300px;
	left: 360px;
	color: #996600;
}
.footerSection .footerContainer .jobs a:hover 
{
	color: #996600;
}
.usefulLinks ul li {
	float: left;
	width: 335px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 17px;
}
.footerSection  .footerContainer  .usefulLinks  a {
	color: #996600;
	text-decoration: none;
	font-size: .9em;
}

.footerSection  .footerContainer  .usefulLinks  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.footerSection  .footerContainer  .contactForm {
	position: absolute;
	top: 220px;
	width: 265px;
	right: 0px;
	margin-right: 10px;
}
.footerSection  .footerContainer  .contactForm p {
	color: #996600;
}
.footerSection .footerContainer .contactForm .inputArea {
	background-color: #f9ed94;
	border: 1px solid #C4B769;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #C4B769;
	width: 100%;
	text-indent: 5px;
	overflow: auto;
	padding: 3px;
}
.footerSection .footerContainer .contactForm .inputContact {
	background-color: #f9ed94;
	border: 1px solid #C4B769;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #C4B769;
	width: 100%;
	margin-bottom: 5px;
	padding: 3px;
}
.footerSection .footerContainer .contactForm #submit {
	margin-top: 10px;
}
.contactForm label
{
	width: 10em;
	float: left;
}
.contactForm label.error
{
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}
.contactForm .alertContactForm
{
	color: Red;
	display: block;
	margin: 5px 0;
}
div.waves {
	text-align:left;
	width:100%;
	height:200px;
	position:absolute;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left:0px;
	z-index: 3;
	background-image: url(../images/waves.png);
	background-repeat: repeat-x;
	background-position: -10px;
}
div.lights {
	text-align:left;
	width:100%;
	height:362px;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/lights.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	*width: 965px;
}

#boy 
{
	float: left;
	margin: -20px 0 10px 20px;
}

.wrapper .headerSection .locatiomNav {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 260px;
}
.contentPage
{
	text-align: left;
	margin: 20px;
	color: White;
}

.contentPage h1, .contentPage h2, .contentPage h3
{
	color: White;
}

#octane
{
	position: absolute;
	top: 470px;
	color: #996600;
	font-size: 80%;
}

#octane img
{
	border: none;
	float: left;
	margin-left: 20px;
}

#octane .w3c
{
	float: left;
	margin-top: 35px;
	margin-left: 10px;
}

#octane img.w3c
{
	margin-top: 20px;
	margin-left: 40px;
}



#formsBox
{
	float: right;
	margin: 5px 0 10px 20px;
	width: 300px;
	font-size: 80%;
	background: transparent url(../Images/bg300x300.png) no-repeat;
}

#formsBox h3
{
	padding: 3px;
	color: White;
	margin: 10px 0 0 5px;
}

#formsBox p
{
	margin: 5px 10px;
}

.fileBox
{
	background-color: White;
	padding: 10px;
	margin: 0 10px;
	color: Black;
	width: 260px;
}

.fileBox a
{
	color: Black;
}

.appointments-l
{
	position: absolute;
	top: 134px;
	left: 20px;
	color: #226399;
	padding: 0;
	text-align: center;
	width: 340px;
	font-size: 100%;
	line-height: 18px;
}

.appointments-r
{
	position: absolute;
	top: 134px;
	right: 0;
	color: #226399;
	padding: 0;
	text-align: center;
	width: 340px;
	font-size: 100%;
	line-height: 18px;
}

.appointments-l .phone, .appointments-r .phone
{
	display: block;
	margin: 2px 0 8px 0;
	font-size: 110%;
}

.appointments-l a, .appointments-r a
{
	display: inline-block;
	color: #085694;
}

.appointments-l a:hover, .appointments-r a:hover, .locations-center a:hover
{
	color: #1f649d;
}

#frontMessage
{
	position: absolute;
	top: 50px;
	left: 340px;
	background: transparent url(/Images/bg_box.png) no-repeat;
	width: 203px;
	height: 171px;
	color: #20639A;
	padding: 20px 20px 0 30px;
}

#frontMessage h2, #frontMessage p
{
	color: #20639A;
}

#socialMediaBox
{
	margin: 0 0 0 5px;
	font-size: 80%;
	padding: 10px 10px 0;
}

#socialMediaBox ul li
{
	margin-bottom: 10px;
}

#socialMediaBox ul li img
{
	float: left;
	margin-right: 8px;
}

#socialMediaIconList
{
	position: absolute;
	top: 0;
	right: 0;
}

#socialMediaIconList li
{
	float: left;
}

#sponsors {
	margin: 0 0 50px 0;
	padding: 0;
}

#sponsors li {
	padding: 0;
	margin: 0 0 20px 20px;
	width: 265px;
	float: left;
}

#sponsors li img {
	border: 1px solid black;
}

#sponsors h3 {
	font-size: 12px;
	margin: 0;
	text-indent: 0;
}

.links-list 
{
	float: left;
	width: 180px;
}

.kids 
{
	float: right;
	margin: 20px 0 20px 20px;
}

.list-locations 
{
	width: 260px;
	float: left;
	margin: 0 0 20px 20px !important;
}

.Specials h3 
{
	margin-top: 30px;
}

.footerSection h3 
{
	color: White !important;
	margin-top: 0 !important;
}

.Home #feature {
	float: right;
	margin: 10px 0 10px 10px;
	cursor: pointer;
	width: 300px;
	height: 200px;
	display: block;
	position: relative;
}

.Home #coupon 
{
    position: absolute;
}

.Home #coming-soon 
{
    position: absolute;
    top: 30px;
    left: 21px;
    z-index: 100;
}

#special-braces {
    float: left;
    margin: 10px 10px 10px 0;
}

#special-new-patient {
    float: right;
    margin: 10px 0 10px 10px;
}

#special-new 
{
    float: right;
    cursor: pointer;
}

.headerSection .locations-center {
    float: left;
    width: 210px;
    background: url(../Images/bg-blue-fade.jpg) repeat-x;
    border: 1px solid #C8E9FB;
    margin: 5px 0 0 15px;
    text-align: center;
    color: #226399;
    padding: 10px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.headerSection .locations-center h3 {
    color: White;
    text-shadow: 1px 1px 1px #226399;
}

.headerSection .locations-center p {
    margin-bottom: 10px;
}