/* CSS Document */
@charset "utf-8"; 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, 
sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font: inherit normal 100% inherit;
 color: #666; /* #747d76; */ /*#a0b2b4;*/ /*#8C9B93*/  font-size: 14px;}
/* remember to define focus styles! */
:focus { 	outline: 0; }
body {	line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/**************  PAGE  STRUCTURE **************/
body          {margin:  20px 0 }
.wrapper      {width:   990px;  margin: auto;}
.inner        {width:   940px;  margin: auto;}
.column       {margin:   0px;  padding: 10px; float: left; display: inline overflow: hidden; }

#centercolumn {width:  620px;  padding: 10px 0 20px 0; clear: both;}
#rightcolumn  {width:  235px; float: right; padding-left: 25px;}
#footer       {padding: 10px 0px; margin:10px 0; clear: both;}
#boxcontainer {width:  940px;  padding: 0px 0 0px 0px; margin-top: 20px; margin-bottom: 20px; }

/**************  GLOBAL **************/
body {font-family: Helvetica,Arial,Verdana,Geneva,sans-serif;
line-height: 1.3; letter-spacing: 1.1; text-align:justify; }

h1, h2, h3 {color: #98ccce; /*#72c9cd; */  /* #99D7DB */ }
h1    {font-size: 185%; margin: 0 0 10px; }
h2    {font-size: 120%;}
h3    {font-size: 110%;}
h1, h2, h3 {padding: 10px 0 0px; }
a        {color: #8C9B93 ; text-decoration: none;}
a:hover  {color: #99D7DB; text-decoration: none;}
p        {padding: 10px 0 5px 0;}
ul, ol   {padding: 10px 25px;}
ul li    {list-style-type: disc; }
ol li    {list-style-type: decimal; }
hr       {color:#8C9B93; background-color:#8C9B93; height:1px; border:none; }

.bluetext {color: #438c8f; /*#72C9CD;*/ }
.caciprice {padding-top: 0px;}
h1 span {display: inline-block; line-height: 1em;  color: #72c9cd; font-size: 70%;}
/**************  HEADER **************/

#logo     {margin: 21px 0 0; float: left; padding: 0px;}

#numberclients   {float: right; font-size: 20px;}
#flagssocial     {clear: right;}
#headerflags     {float: right;  height: 24px;}
#social   {float: right; text-align: right; margin: 0 0 0 0;}
#social a {text-decoration: none; font-size:90%;}

/**************  HOME PAGE **************/

.homepageslideshowcontainer {   height: 325px; padding: 10px 25px;
background: transparent  url("../../assets/sitegraphics/home-top-gradient.jpg") repeat-x scroll 0 0;}

.homepageslideshowcontainer .inner {width: 940px; margin: auto;}

.cycle-fade {line-height: 0;  padding: 10px 25px;
 margin: 0px 0 0 0px; clear:; }

#cycle-scroll {height: 288px; width: 639px;}

.slideshowcontainer {margin-top: 8px; position: relative; z-index: 500; }

#discover,
#slideshowrightside a,
#slideshowrightside p,
#slideshowrightside span { font-size: 18px;}

#slideshowrightside {width: 250px; float: right; position: relative; z-index: 1100;}
#discover{ margin: 7px 0 75px 0; height: 54px;  padding: 9px 15px; line-height: 1.05em;
background: transparent  url("../../assets/sitegraphics/button-bluefade.gif") no-repeat scroll 0 0;}
#page1 #discover {margin-top: 0;}
#inicon {float: right; margin: -2px 55px 0 0;}
#locate {padding: 14px 0 24px 15px; line-height: 1.05em;}
#locate span {text-transform: uppercase;}
#bookonline {display: block; width:266px;padding: 15px 0 10px 10px; height: 40px; color: #fff; margin: 3px 0 2px;position:absolute;top:230px;
text-transform: uppercase;
background: transparent  url("button-magenta.gif") no-repeat scroll 0 0;}
#bookonline span {padding-left: 70px; color: #fff; text-transform: uppercase;}

#askquestion {display: block; padding: 15px 0 0 15px; height: 40px;
background: transparent  url("../../assets/sitegraphics/button-white.gif") no-repeat scroll 0 0;}
#askquestion span {padding-left: 15px; text-transform: uppercase;}

#discover,
#slideshowrightside a,
#slideshowrightside p,
#slideshowrightside span { font-size: 18px;}

/**************  HOME PAGE **************/

.interiorslideshowcontainer {  height: 455px; padding: 0px 25px; margin-bottom: 20px;
background: transparent  url("../../assets/sitegraphics/interior-top-gradient.jpg") repeat-x scroll 0 0;}

.interiorslideshowcontainer .inner {width: 940px; margin: auto;}

.interiorslideshowcontainer h1 {padding: 10px 0 0px 0; margin: 0;}

.interiorslideshowcontainer #discover {margin: 53px 0 10px; }
.interiorslideshowcontainer p#locate {margin: 0px 0;}
.interiorslideshowcontainer #bookonline {margin: 50px 0;}

/**************  HOME PAGE CENTER **************/
.sixboxes   {width: 167px; padding: 8px 16px 8px 0px; margin-right: 70px; display: inline-block; float: left; }
#four.last   {margin-right: 0px; padding-right: 0;}
.sixboxtitle a  {color: #fff;  }

.sixboxes a  { background-color: #99D7DB; display: inline-block; padding: 8px;}
.sixboxes a span  {color: #fff; font-size: 85% }
.sixboxes a:hover span.sixboxtitle {color: #8C9B93; }

.sixboxes a img {padding: 8px 0 0 0;}
   sixboxes a span,
   sixboxes span.text {font-size: 80%;}
.sixboxes span.text {margin-top: 5px; padding-left: 8px; display: inline-block; font-size: 12px;}
.sixboxes a:hover {text-decoration: none;}



#homepagevideo {width: 380px; float: right; padding: 10px 10px 10px 10px; margin: 15px 0px 10px 20px;
background:   url(home-video-gradient.jpg) repeat-x scroll 0px 0px;}
#homepagevideo img {width: 380px;}
#homepagevideo span {font-size: 18px; color: #fff; padding-top: 8px; display: inline-block; }
#homepagevideo iframe {margin-top: 0;}
/**************  INTERIOR PAGES **************/
td {vertical-align: top; width: 325px;}
td ul {margin: 0; padding-left: 10px;}

/************** BEFORE AFTER **************/
#beforeafter, 
#videotestimonials {padding: 10px 8px 20px; width: 290px; float: left; margin:0 8px 30px 0;
background: transparent  url("../../assets/sitegraphics/interior-top-gradient.jpg") no-repeat scroll 0% 20%;}
#beforeafter {margin-right:300px;}

#beforeafter h2, 
#videotestimonials h2 {color: #72c9cd; }
#beforeafter h2 {padding: 0 0 10px;}

#beforeafter img, 
#videotestimonials img{width: 290px;}

#page10 #right column p {width: 640px;}

iframe {margin-top: 20px;}
#example_video_1 {margin-top: 28px;}
#page1 #example_video_1 {margin-top: 0px;}

/**************  Drop Down Menu Style **************/
.dropdownmenu    {clear: both; margin: 15px 0 10px 0;
 background:   url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;}
.dropdownmenu ul {padding:0; position: relative; z-index: 1000;}
.dropdownmenu ul li.active a  {color: #438c8f; /*#72c9cd; */}
.dropdownmenu ul li a {color:#8C9B93; height:1.5em; line-height:1.5em; font-size: 14px;}
.dropdownmenu ul li a  { padding: 0 90px 0 0;}
.dropdownmenu ul li.last a {padding-right: 0;}
.dropdownmenu ul li ul { color:#fff; position: relative; z-index: 1000; }
.dropdownmenu ul li:hover a,
.dropdownmenu ul li a:hover {color: #438c8f;  /* #99D7DB; */ }
.dropdownmenu ul li.active  {background-color: #fff;}
.dropdownmenu ul li:hover ul,
.dropdownmenu ul li a:hover ul { top:1.5em; left:0; width:100px; }

/* 2nd level */
.dropdownmenu ul li:hover ul li a,
.dropdownmenu ul li a:hover ul li a { 
background: #fff url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;
color: #747d76; /*#8C9B93 */ ; line-height:1.2em; padding:5px 20px; width:165px }
.dropdownmenu ul li:hover ul li a:hover,
.dropdownmenu ul li a:hover ul li a:hover {
background: #fff  url(../../assets/sitegraphics/footermenugradient.png) repeat-x scroll 0px 0px;
color: #438c8f; /*#99D7DB; */}

/* 3rd level */
.dropdownmenu ul li:hover ul li:hover ul,
.dropdownmenu ul li a:hover ul li a:hover ul { 
left:210px; width:100px; }

/**************  LOCATIONS **************/
#locations { padding: 10px 25px; margin: 0 -25px;
border: 0px solid #bbb;  margin-bottom: 20px;
background: url(../../assets/sitegraphics/contact-clinic-gradient-175.jpg) repeat-x scroll bottom left;}

.locationbox {width: 220px; float: left; margin-right: 15px;}
#locations a, 
#call span,
#Gmaps .locationbox a { background-color: #ec078a; color: #fff; display: inline-block; padding: 2px 8px;}
#call span {padding: 2px 16px 2px 8px;}

#map {width: 512px; float: right;}
#Gmaps .locationbox {width: 100%;}
.gmnoprint {display: none;}

/**************  FOOTER **************/
#footernav {border: 1px solid #8c9b93; padding-left: 30px; margin-bottom: 20px;
background: url(../../assets/sitegraphics/footer-gradient.jpg) repeat-x scroll bottom left;}
#footernav h3 {padding: 10px 0 0 0;}
.footerbox {width: 225px; float: left;}
.footerbox ul {padding: 10px 0px;}
.footerbox ul li { list-style: none; display: block;}
#footernav .last {width: 230px;}
#footernav .last p {text-align: right; margin-right: 10px;}

#footernav h3,
#footerfineprint h3 {font-size: 18px; font-weight: bold;}

#footerflags {float: right; }
#footerfineprint h3 {padding-top: 23px; color: #99D7DB;}
#footerfineprint p {clear: right; font-size: 12px;}
#copyright {text-align: right;}

/**************  Footer Menu **************/
.menu ul li a:visited {text-align: left; display: inline-block; text-decoration:none; }

.footermenu    { width: 645px; float:right; padding-left: 0px;}
.footermenu {z-index:100; }
.footermenu ul { margin: -1px 0 0 0; }
.footermenu ul  {padding: 0; }

.footermenu ul li { float:left; position:relative; list-style: none; display: block;}
.footermenu ul li a,
.footermenu ul li.first {margin-left: 0px; }
.footermenu ul li.last a {padding-right: 0px;}
.footermenu ul li.first ul {display: none;}

.footermenu ul li a {color:#8C9B93; font-weight: normal;  line-height: 1.2em; padding: 0 20px 3px 0px;
font-size: 95%; text-transform: uppercase;}

.footermenu ul li:hover a,
.footermenu ul li a:hover {color:#8C9B93;}
.footermenu ul li.active  {/* background-color: #bbb; */}

/* 2nd level */
.footermenu ul li ul { width: px; }
.footermenu ul ul li a,
.dropdownmenu ul ul li a:visited {text-align: left;}

.footermenu ul li ul li {display: block; float: none;}
.footermenu ul li ul li a { text-transform: capitalize;  font-weight:normal; font-size: 80%;}
.footermenu ul li:hover ul li a,
.footermenu ul li a:hover ul li a { width: px; color: #8C9B93; display: inline-block; }
.footermenu ul li:hover ul li a:hover,
.footermenu ul li a:hover ul li a:hover {color:#8C9B93; }



/**************  FOOTER **************/
#footer p {}
#credit {font-size: 80%; float: right; color: #8C9B93;}
#credit a {color: #bbb; text-decoration: none;}
#credit a:hover {text-decoration: underline;}

/**************  Contact Form **************/
#form_container {margin-left:0px; }
  /* #form_container label {display: inline-block; width: 110px; } */
#form_container input,
#form_container select {width: 150px; padding: 3px; color: #8C9B93;}
#form_container select {width: 155px;}
#form_container textarea {width: 300px; }
 /*  form_container #commentlabel {width: 295px;} */
#form_container input,
#form_container select,
#form_container textarea {margin: 0 0 10px 0; padding: 3px; color: #8C9B93;}

#form_container input.radio { width: 20px; margin-left: 20px; margin-right: 3px;  }
#form_container input.first { margin: 0 0px 0 40px;}

#form_container #saveForm {width: 100px; }
#form_container .form-buttons input {width: 100px; margin-top: 5px; background-color: #ec078a; color: #fff; border: 0px}

/**************  Franchise Form **************/
#formborder {border: 1px solid #8C9B93; width: 208px; padding: 10px 0 10px 10px; margin-top: 30px;}
#form_container input,
#form_container select {width: 190px; }
#rightcolumn label {display: block; }
#rightcolumn .error {background-color: #c8eaec;}
#rightcolumn #state {display: inline-block; width:20px; float: left; margin-right: 20px;}
#rightcolumn #zip   {display: inline-block; width:60px; float: left; margin-right: 5px; }
#rightcolumn #statelabel {display: inline-block; width:40px; padding-top: 3px; float: left; margin-right: 5px;}
#rightcolumn #ziplabel   {display: inline-block; width:30px; padding-top: 3px; float: left; margin-right: 5px;}
#state .error, #zip .error {display: block; width: 200px;}




/**************  Profile Form **************/
#profileform {margin-left:0px; }
  /* #form_container label {display: inline-block; width: 110px; } */
#profileform input,
#profileform select {width: 350px; padding: 3px; color: #8C9B93;}
#profileform select {width: 355px;}
#profileform textarea {width: 350px; }

#profileform #firstname, #profileform #lastname {width: 168px;}
#profileform #city {width: 245px;}
#profileform #street2 {margin-left: 175px;}


#profileform input,
#profileform select,
#profileform textarea {margin: 10px 0 0 0; padding: 3px; color: #8C9B93;}

#profileform input.radio { width: 20px; margin-left: 15px; margin-right: 0px;  }
#profileform input.first {margin-left: 0px;}
#profileform .radioshort { width: 60px; display: inline-block;}

#profileform .form-buttons input {width: 100px; margin-top: 5px; background-color: #ec078a; color: #fff; border: 0px}


#profileform label {width: 165px; display: inline-block; vertical-align: top; margin: 8px 5px 0 10px; }

#profileform label.firstsublabel,
#profileform label.sublabel      {font-size: 80%; color: #8C9B93; display: inline-block; }
#profileform label.sublabel      {margin: 0 15px 0 2px; }
#profileform label.firstsublabel {margin: 0 25px 0 184px; }

#profileform input#city, #profileform input#street2  {margin: 10px 0px 0 185px;}
#profileform input#state {width: 20px; margin: 0;}
#profileform input#zip   {width: 60px; margin: 0;}

#profileform label#firstnamelabel {width: 152px;}
#profileform label#citylabel {width: 228px;}

#profileform #statelabel {width: 25px; margin-right: 3px;}
#profileform #ziplabel {width: 52px;}

#profileform .error {background-color: #c8eaec;}

input#degrees {width: 350px;}
#profileform label#understand {width: 90%; margin: 25px 0 10px 0;}

#profileform h2 {margin: 10px 0;}
/**************  Search **************

#searchform form  { margin: 0px 0 0 5px; clear: none; display: inline-block; float: right;}
#searchform label { float: left; font-size: 85%; padding: 5px 5px 0 15px; color: #002d61; display: inline-block;}
input#searchField {background-color: #FFFFFF; background-image: none; border: 1px solid #bfa896; width: 150px; margin: -2px 4px 0px 4px; }
input#searchIcon { margin: 5px 0 0 0;  }
 background:  url(../../assets/sitegraphics/go.jpg) no-repeat scroll 0px 0px;
#searchField {color: #002d61; padding: 4px 4px; display: inline-block; font-zise: 100%}
.sisea-paging, code  {font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
line-height: 1.3; letter-spacing: 1.1; }
.sisea-result h3, .sisea-result a { font-size: 110%; }
.sisea-result h3 { font-size: 130%; color: #8F3B20; }



/* clearing */  
  .stretch,  .clear {  clear: both;  height: 1px;  margin: 0;  padding: 0;  font-size: 15px;  
  line-height: 1px;  }
  .clearfix:after {  clear: both;  height: 0;  display: block;  visibility: hidden;  content: ".";  }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;}
  /* End hide from IE Mac */
/* end clearing */