@charset "utf-8";
/*
 Ajatix Image/Banner Rotator
 Copyright (C) 2011-2012 Ajatix. All rights reserved.
 http://www.ajatix.com
*/
.AJXIRedOOHXD {overflow:hidden;position:relative;height:348px;width:530px;background-color:transparent;}
.AJXIRedOOHXD ul {border:0px;margin:0px;padding:0px;}
.AJXIRedOOHXD li {border:0px;margin:0px;padding:0px;list-style-type:none;}
.AJXIRedOOHXDpics {width:530px;height:310px;overflow:hidden;position:absolute;top:0px;left:0px;}
.AJXIRedOOHXDimg {width:530px;height:310px;border:none;position:absolute;left:0px;top:0px;}
.AJXIRedOOHXDul {height:310px;position:absolute;left:0px;top:0px;}
.AJXIRedOOHXDli {width:530px;height:310px;position:relative;float:left;}
.AJXIRedOOHXD .AJXIRedOOHXDbtn {bottom:0px;height:38px;position:absolute;overflow:hidden;}
.AJXIRedOOHXD .AJXIRedOOHXDbtn ul li {position:relative;cursor:pointer;text-align:center;float:left;margin-top:4px;margin-bottom:4px;margin-right:4px;width:51px;height:30px;font-size:0px;}
.AJXIRedOOHXD .AJXIRedOOHXDbtn ul li.current {}
.AJXIRedOOHXD .AJXIRedOOHXDleft {height:38px;position:relative;float:left;cursor:pointer;width:15px;background:center no-repeat url(flash/ajximagerotator_files/nbleft.gif);}
.AJXIRedOOHXD .AJXIRedOOHXDright {height:38px;position:relative;float:left;cursor:pointer;width:15px;background:center no-repeat url(flash/ajximagerotator_files/nbright.gif);}
.AJXIRedOOHXD .AJXIRedOOHXDleftd {height:38px;position:relative;float:left;cursor:default;width:15px;background:center no-repeat url(flash/ajximagerotator_files/nbleftdis.gif);}
.AJXIRedOOHXD .AJXIRedOOHXDrightd {height:38px;position:relative;float:left;cursor:default;width:15px;background:center no-repeat url(flash/ajximagerotator_files/nbrightdis.gif);}
.AJXIRedOOHXD .AJXIRedOOHXDnavpics {height:38px;position:relative;float:left;overflow:hidden;margin-left:4px;}
.AJXIRedOOHXDlihide {display:none;}
.AJXIRedOOHXD br {clear:both;height:0;font-size:1px;line-height:0px;}
/* reset browser styles */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, th, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html, body {width:100%; display: table;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol { padding-left: 1.4em; list-style: decimal;}
ul {padding-left: 1.4em; list-style:square;}

table {border-collapse: collapse; border-spacing: 0;} 

/* end reset browser styles */


body { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11pt; color: #fff; background: #fff; line-height: 22px }


/*-----------------------------------------------------------Template-Elements-------------------------------------------------------------------------------------------------------------------------------*/

#top {margin: 0 auto; width:100%; background:#0a8c84; height:10px;}

header {margin: 0 auto; width:980px; height:90px;}
header section.left {float:left; width:500px;  margin: 18px 0 0 10px;}
header section.right {float:right; background:url('images/design/phone-bg.jpg') no-repeat right top; width:307px; height:56px; margin-right:10px;}
header section.right .call {width:140px; float:left; margin-top:5px; font-size:11pt;}
header section.right .appointment {float:left; margin-top:5px; margin-left:43px;font-size:11pt; text-align:left}
header section.right span {font-size: 14pt}

header a {color:#fff; text-decoration:none}
header a:visited {color: #fff}
header a:hover {color:#f18616; text-decoration:none}


article {margin: 0 auto; width:100%; background:#aef8f4}
article .content {margin: 0 auto; min-height:500px; width: 960px; background: #0daaa0; overflow:auto}
article .content section.left {float:left; width:550px; margin-left:32px; margin-bottom:30px;}

/*
article .content section.right {float:right; margin-right:32px; background: url('images/design/form-bg.png') no-repeat; width:296px; height:380px; margin-top: 35px;}
*/
article .content section.right {float:right; margin-right:32px;width:296px; height:438px; margin-top: 35px;background-color:#067871;border-radius:10px;}

#appointment {position:absolute; margin:140px auto 0 auto; width:100%;}
#appointment .content {position:relative; width:980px; margin:0 auto; text-align:right; padding-right:60px}

#banner {margin: 0 auto; width:100%; background:#fff url('images/design/banner-bg.jpg') no-repeat center top; text-align:center; height:205px}

#info {margin: 0 auto; width:100%; background: url('images/design/info.jpg') no-repeat center top; height:88px;}
#info .content {margin:0 auto; width: 980px;height:88px; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size:12pt}
#info .content p {margin-top:15px; margin-bottom:0}
#info .content a {color: #fff; text-decoration:none}

footer {margin:0 auto; width:980px; height:130px; color: #666; font-size:9pt; padding: 20px 80px 0 102px; line-height:19px;}
footer a {color: #666; text-decoration:none}
footer a:visited {color:#666}
footer a:hover {color:#666}

footer section.left {float:left; width:200px;}
footer section.middle {float:left; width:160px; text-align:center; margin-top:5px}
footer section.right {float:left; text-align:left; margin-left:20px;}


/*-----------------------------------------------------------Index-Elements-------------------------------------------------------------------------------------------------------------------------------*/
#banner_index {margin: 0 auto; width:100%; background: url('images/design/index/banner-bg.jpg') no-repeat center top; text-align:center; height:391px}


/*-----------------------------------------------------------Info-Elements-------------------------------------------------------------------------------------------------------------------------------*/

#connect {width:275px; float:left; height:88px; text-align:center; margin-left:10px;}
#connect:hover{ background: url('images/design/buttons/btn1-hover.png') repeat-x left bottom}

#connect-index {width:240px; float:left; height:112px; text-align:center; margin-left:10px; font-size:15pt;}
#connect-index:hover{ background: url('images/design/buttons/btn1-hover.png') repeat-x center bottom}


#rewards {width:243px; float:left; height:88px; text-align:center; margin-left:0px;}
#rewards:hover{ background: url('images/design/buttons/btn1-hover.png') repeat-x center bottom}
#rewards .refer {font-size: 10pt; line-height:16px;}

#rewards-index {width:238px; float:left; height:112px; text-align:center; margin-left:0px; font-size:15pt;}
#rewards-index:hover{ background: url('images/design/buttons/btn1-hover.png') repeat-x center bottom}
#rewards-index .refer {font-size: 11pt; line-height:16px;}



#special {width:209px; float:left; height:88px; text-align:center; margin-left:0;}
#special:hover{ background: url('images/design/buttons/btn2-hover.png') no-repeat left bottom}
#special .promo {font-size: 10pt; line-height:16px;}

#special-index {width:227px; float:left; height:112px; text-align:center; margin-left:0; font-size:15pt;}
#special-index:hover{ background: url('images/design/buttons/btn2-hover-index.png') repeat-x center bottom}
#special-index .promo {font-size: 11pt; line-height:16px;}



#hours {width:230px; float:left; height:88px; margin-left:5px;}
#hours .hours {margin-bottom:0; margin-left:20px; font-size:16pt}
#hours .days {font-size: 10.5pt;line-height:16px; margin-left:20px}

#info .content .first {margin-top:30px;}

/*-----------------------------------------------------------Navigation-------------------------------------------------------------------------------------------------------------------------------*/

nav {margin:0 auto; width:100%; background:#0a8c84; height:47px}

.nav {
    margin:0 auto;
	height: 47px;
	width: 980px;
	font-size: 10pt;
	text-transform:uppercase;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	padding-left:18px;
	z-index:100; position:relative
}
.nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 47px;
}
.nav li {
	display: inline;
	float: left;
	padding:0; margin:0
}
.nav a {
	color: #fff;
	display: inline-block;
	width: 85px;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	/*text-shadow: 1px 1px 0px #283744;*/
}
.nav li a {
	border-right: 1px solid #c7fffe;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.nav li:last-child a {
	border-right: 0;
}
.nav a:visited, nav a:active {background: url('images/design/nav-hover.png') no-repeat; text-decoration:none; color: #fff}
.nav a:hover {color:#fff; background: url('images/design/nav-hover.png') no-repeat; text-decoration:none}


/*Make the parent of sub-menu relative*/
.nav li {position: relative;}
.nav li ul.sub-menu {display:none; position: absolute; top: 47px; left: 0; width: 100%;}
.nav li:hover ul.sub-menu {display:block; background: #0a8c84; width:190px; height:100px; opacity:0.9}
.nav .sub-menu li {list-style-type: none; display: block; }
.nav .sub-menu li a {color: #fff; padding: 5px 5px 5px 22px; display:inline-block; font-size:9pt; line-height: 23px; width:190px; text-align:left; border:none; background:none}
.nav .sub-menu li a:hover { width:190px; background:#036a64}


/*-----------------------------------------------------------Elements-------------------------------------------------------------------------------------------------------------------------------*/

a {	color: #fff; text-decoration: underline}
a:active {color: #fff; text-decoration: underline}   
a:visited {color: #fff; text-decoration: underline}
a:hover {color: #f18616; text-decoration:underline}

ul, li {line-height:25px}
img {border-width: 0px; }

h1 { font-family: "Trebuchet MS";  font-size: 19pt; color: #fff; font-weight:normal; margin: 30px 0 10px 0}
h2 { font-family: "Trebuchet MS"; font-size: 14pt; color: #fff; font-weight:normal;  margin: 10px 0 10px 0}
h3 { font-family: "Trebuchet MS"; font-size: 12pt; color: #fff; font-style:italic; margin: 10px 0 10px 0 }

p {margin: 20px 0}

input, textarea { padding: 3px 0 3px 4px;background: #fff; font-size: 9pt; color: #747474; font-family: "Trebuchet MS"; border: 1px solid #ccc; 
                  margin-bottom:5px; height:21px; width:240px; resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.submit { background: #ff8200;	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
   	 cursor:pointer; width: 85px; height: 25px; border: none; color: #fff; margin-left:160px;}


/*-----------------------------------------------------------Classes-------------------------------------------------------------------------------------------------------------------------------*/

.image_border { border: 1px solid #fff; margin: 7px 30px 7px 0px;}
 
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
 
.fade:hover {opacity: 0.6;}

.center {text-align:center}
.right {text-align:right}
.hover img:hover { opacity:0.7 }
.contact {float:left; width:500px}
.appt {float:left}

.appt-form {text-align:left; margin-left:25px; margin-top:20px;height:450px;}