body {margin:0px;background:#f8a242;}
body, table, input, textarea {font-family:'Noto Sans', Arial;font-size:15px;color:#272727;}
a, div, input, img {-webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  -ms-transition: All 0.3s ease;
  transition: All 0.3s ease;}
img {border:0px;}
.videowrap {width:100%;height:400px;}
a:link, a:active, a:visited {color:#272727;}
a:hover {color:#bd351d;}
h1 {font-weight:normal;font-size:32px;color:#fff;}
h2 {font-weight:normal;font-size:18px;color:#bd351d;}
h3 {font-weight:normal;font-size:15px;color:#bd351d;}
.clear {clear:both;}
.error {padding:15px;margin:0px 0px;background:#f0c7c7;border:solid #da0000 1px;color:#da0000;font-weight:bold;}
.success {padding:15px;margin:0px 0px;background:#ddead5;border:solid #56aa1d 1px;color:#56aa1d;font-weight:bold;}
.wrap {margin:auto;width:92%;}
.ig-text {font-size: 11px !important; line-height: 18px !important;}

.clearthis:before, .clearthis:after {content: "";display: table;} 
.clearthis:after {clear: both;}
.clearthis {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}

.input {padding:5px;border:solid rgba(0,0,0,0.5) 1px;}
.input:focus {outline:none;border:solid #333 1px;background:#efefef;}
.input.short {width:100px;}
.button, a.button {text-decoration:none;color:#fff;background:#bd351d;border:0px;cursor:pointer;float:left;padding:10px 15px;font-size:16px;}
.button:hover, a.button:hover {background:#222;}

#mobilehint {display:none;}
#div_updating {background:#000;padding:10px 0 17px;color:#fff;text-align:center;}
#div_updating img {margin-bottom: -10px;  margin-right: 10px;}

blockquote {margin:0px;font-style:italic;font-size:13px;}

body.colorset_orange {background:#f8a242;}
body.colorset_green {background:#aaca6d;}
body.colorset_yellow {background:#edcf56;}
body.colorset_orange #pagewrap {background:url(/images/overlay-orangesml.png) -200px 0px no-repeat;}
body.colorset_green #pagewrap {background:url(/images/overlay-greensml.png) -200px 0px no-repeat;}
body.colorset_yellow #pagewrap {background:url(/images/overlay-yellowsml.png) -200px 0px no-repeat;}
body.colorset_orange #footer {background:url(/images/footer-orange.jpg) top center repeat-x #fff;}
body.colorset_green #footer {background:url(/images/footer-green.jpg) top center repeat-x #fff;}
body.colorset_yellow #footer {background:url(/images/footer-yellow.jpg) top center repeat-x #fff;}

#contentarea img {max-width:100%;height:auto;}
#logobehind {z-index:30;top:0px;left:-50px;top:-60px;position:absolute;width:400px;height:226px;background:url(/images/logoshinesml.png) 0 0 no-repeat;}
#pageimage {display:none;z-index:1;}
#pagewrap {position:relative;z-index:2;overflow-x:hidden;}
#top {position:relative;z-index:40;}
#logo {width:210px;padding:20px 0px;}
#logo img {max-width:100%;height:auto;} 
#topright {display:none;z-index:50;}
#contentarea {min-height:400px;position:relative;z-index:100;}
#contentarea ul {border-top:solid rgba(0,0,0,0.2) 1px;list-style-type:none;margin-left:0px;padding-left:0px;}
#contentarea ul li {background:url(/images/arrow-sml.png) 8px 10px no-repeat;border-bottom:solid rgba(0,0,0,0.2) 1px;padding:8px 8px 8px 30px;margin-left:0px;}
#contentarea ul li ul {margin-top:8px;}
#contentarea ul li ul li:last-child {border-bottom:0px;padding-bottom:0px;}
#imagespacer {display:none;}
.homepage #footer {margin-top:-100px;}
#slideshow {background:url(/images/blackslideshow.png);padding:5px;}

.rslides {border:0px!important;position: relative;list-style: none;overflow: hidden;padding:0px;margin: 0;z-index:1;}
.rslides li {border:0px!important;padding:0px!important;background:none!important;position: absolute;display: none;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}

.gapbottom {margin-bottom:20px;}
#homepageintro h1 {font-size:18px;}
#travelbox {margin:auto;background:url(/images/homecircle.png) top center no-repeat;max-width:375px;height:315px;text-align:center;color:#fff;}
#travelbox h2 {font-weight:700;color:#fff;}
#travelboxinside {padding:60px 0px 40px 0px;width:230px;margin:auto;}

#footerinside {color:#535353;padding:200px 0 20px 0px;}
#fcol1 .title {font-weight:700;}
#footer a, #homefooter a {text-decoration:none;font-size:13px;}
#fcol2 {margin-top:15px;}
#fcol2 img {margin-right:10px;margin-bottom:-12px;}
#footer h2 {color:#f89320;font-size:24px;}
#ccol1 .title, #ccol2 .title, #ccol3 .title {font-size:18px;color:#a2cd4f;padding-bottom:10px;}
.gmapclinic {padding:10px 0px 20px 0px;}

.ig-camera{
	margin-top: 1px !important;
}

#homefooter {background:url(/images/homefooter-orange.jpg) top center repeat-x;padding-top:30px;}
#homefooterinside {color:#fff;background:url(/images/homefooter-greenbar.png) top center repeat-x;padding:90px 0 20px 0;}


/* ---------------BEGIN MOBILE MENU STYLE ---------------- */
#navigationplaceholder {display:none;}
#navigation {position:absolute;z-index:700;top:35px;right:4%;margin-right:-10px;}
#navigation ul, #navigation li { margin: 0; padding: 0;}

.flexnav:after {content: "";  display: table;clear: both;}
.flexnav.show { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; max-height: 9000px;}
.flexnav.one-page {position: fixed; top: 50px; right: 5%; max-width: 200px;}
.flexnav li ul li a:link, .flexnav li ul li a:active, .flexnav li ul li a:visited, .flexnav li ul li a:hover { display: block; font-weight:400;background: #921d08;}
.flexnav ul li ul li a:link, .flexnav ul li ul li a:active, .flexnav ul li ul li a:visited,  .flexnav ul li ul li a:hover { background: #6b1000;}
.flexnav ul li ul li ul li a {  background: #cbcbc9;}
.flexnav li a:link, .flexnav li a:active, .flexnav li a:visited {text-decoration:none;
  position: relative;
  display: block;
  font-size:14px;font-weight:700;
  padding: 10px 10px 10px 40px;
  z-index: 2;
  overflow: hidden;
  color: #ffffff;background-repeat:no-repeat;background-position:6px 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);text-transform:lowercase;
}
.flexnav li a.link-item-1 {background-image:url(/images/icon-home.png);}
.flexnav li a.link-item-4 {background-image:url(/images/icon-who.png);}
.flexnav li a.link-item-5 {background-image:url(/images/icon-community.png);}
.flexnav li a.link-item-6 {background-image:url(/images/icon-clinics.png);}
.flexnav li a.link-item-7 {background-image:url(/images/icon-specialists.png);}
.flexnav li a.link-item-8 {background-image:url(/images/icon-social.png);}
.flexnav li a.link-item-9 {background-image:url(/images/icon-cfc.png);text-transform:uppercase;}
.flexnav li a.link-item-10 {background-image:url(/images/icon-careers.png);}
.flexnav li a.link-item-11 {background-image:url(/images/icon-partners.png);}
.flexnav li a.link-item-2 {background-image:url(/images/icon-contact.png);}

.menu-button {
  position: relative;text-indent:-9999px;overflow:hidden;
  display: block;
  padding: 1em;float:right;
  color: #222222;
  cursor: pointer;background:url(/images/menu.png) 95% 20px no-repeat;
  color:#fff;
  font-size:18px;
}
.flexnav {-webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);margin-right:20px!important;background:#bd351d;*zoom: 1;overflow: hidden;margin: 0 auto;width: 250px;max-height: 0;padding:0px;}

.flexnav li {font-size: 100%; position: relative;margin:0px;padding:0px;}
.flexnav li ul { width: 100%;  display: none;}
.flexnav li ul li { float: none;  width: 100%;}
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 45px; height: 41px; display: inline-block;  text-indent:-999px;overflow:hidden;background:url(/images/menuarrow.png) 50% 50% no-repeat;}
.flexnav .touch-button:hover { cursor: pointer;}
.flexnav .touch-button .navicon {  position: relative;  top: 1.4em;  font-size: 12px;  color: #666;}
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px;}
.menu-button .touch-button {  display:none;}
.menu-button .touch-button .navicon { font-size: 16px; position: relative; top: 1em; color: #666;}
/* ---------------END MOBILE MENU STYLE ---------------- */







/* 1 - 460: Portrait smartphones */
@media all and (min-width: 1px) {
	#mobilehint {background:#bd351e;color:#fff;}
	#restofpage {position:relative;}
	#mobilehint img {  width: 32px; height: 32px; float: right; margin-left: 10px; cursor: pointer;}
	#mobilehint .line2 {  color: #bd351e;  background: #fff;  padding: 6px;  text-align: center;  margin-top: 10px;  cursor: pointer;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
	#mobilehintinside {padding: 10px;}
    .contactlabel {float:none;clear:left;padding:10px 0px;}
    .contactfield {float:none;width:100%;padding:5px 0px;}
    .contactfield .input {width:92%;padding:5px 4%;}
	.contactfield.textbased {padding-top:10px;}
    .contactsubmit {clear:both;margin-left:0px;padding-top:10px;}
    .gallery_image_div{margin-right:0%;float:none;width:100%;}
    .videowrap {width:100%;height:170px;}
}

/* 460 - 580: Landscape smartphones */
@media all and (min-width:460px) {
    .videowrap {width:100%;height:200px;}
    .gallery_image_div{margin-right:2%;margin-bottom:30px;float:left;text-align:center;width:31%;text-align:center;border:solid #ccc 1px;}
	#ccol1 .inside, #ccol2 .inside, #ccol3 .inside {float:left;width:40%;}
	.gmapclinic {float:right;width:60%;padding-top:0px;}
	.page_64 #contentarea img {width:29%;float:left;margin:0px 2%;}
	.page_65 #contentarea img {width:45%;float:left;margin:0px 2.5%;}

}

/* 580 - 780: Portrait Ipad */
@media all and (min-width:580px) {
    .contactlabel {float:left;width:30%;}
    .contactfield {float:left;width:70%;padding:5px 0px;}
	.contactfield.fullwidth {float:none;width:auto;}
	.contactlabel.fullwidth {float:none;width:auto;}
    .contactsubmit {clear:both;margin-left:30%;}
    .videowrap {width:100%;height:300px;}
	#pageimage {position:absolute;top:220px;right:4%;width:45%;display:block;}
	#pageimage img {max-width:100%;height:auto;}
	#imagespacer {display:block;float:right;width:50%;margin-left:20px;margin-bottom:30px;margin-top:30px;}
	#imagespacer img {width:100%;height:auto;}
	#fcol1 {float:left;width:45%;}
	#fcol2 {float:right;width:45%;text-align:right;}
	a#webby {clear:both;display:block;padding-top:10px;}
	#fcol2 img {margin:10px 0px 0px 10px;float:right; margin-top: 10px !important;}
	#fcol2 a:hover img {margin-top:20px;margin-bottom:5px;}
	#homepageintro {float:left;width:35%;margin-top:40px;}
	#travelbox {margin-top:30px;float:right;width:375px;max-width:none;margin-right:-50px;}
	.page_65 #contentarea img {width:29%;margin:0px 2%;}
}


/* 780 - 960: Landscape IPad and Small Desktop Browser */
@media all and (min-width:780px) {
	
	#mobilehint {display:none!important;}
	.page_65 #contentarea img {width:23%;margin:0px 1%;}
	body.colorset_orange #pagewrap {background:url(/images/overlay-orange.png) -400px 0px no-repeat;}
	body.colorset_green #pagewrap {background:url(/images/overlay-green.png) -400px 0px no-repeat;}
	body.colorset_yellow #pagewrap {background:url(/images/overlay-yellow.png) -400px 0px no-repeat;}
	#topright {display:block;position:absolute;top:0px;right:-100px;width:70%;}
	#logobehind {top:-100px;left:-100px;width:493px;height:372px;background:url(/images/logoshine.png) 0 0 no-repeat;}
	#logo {width:300px;padding:30px 0px 0 0;}
	#topright img {max-width:100%;height:auto;}
	#pageimage {width:398px;height:346px;top:340px;}
	#imagespacer {width:398px;height:346px;}
	#ccol1 {float:left;width:31%;margin-right:3.5%;}
	#ccol2 {float:left;width:31%;margin-right:3.5%;}
	#ccol3 {float:left;width:31%;}
	#ccol1 .inside, #ccol2 .inside, #ccol3 .inside {width:auto;margin-right:0px;float:none;}
	.gmapclinic {float:none;width:auto;padding-top:10px;}
	#navigationplaceholder {display:block;height:81px;}
	#navigation {background:url(/images/navbar.png) 50% 0px no-repeat;height:81px;top:170px;right:auto;width:100%;}
	#slideshow {margin-top:20px;}
	#contentarea {min-height:600px;}
	#homepageintro {width:50%;}
	#homepageintro h1 {font-size:24px;}
	#homefooter {padding-top:60px;}
	#homefooterinside {padding-top:70px;} 
	/* ---------------BEGIN FULL MENU STYLE ---------------- */
  .touch-button {display:none;visibility:hidden;}
  body.one-page {padding-top: 70px;}
  .flexnav {-webkit-box-shadow: none;
box-shadow:none; margin:auto!important;width:720px;overflow: visible; max-height: 1000px;background:none; }
  .flexnav.one-page {top: 0;right: auto; max-width: 1080px;}
  .flexnav.lg-screen li:hover > ul, .flexnav.sm-screen li:hover > ul {display: none;}
  .flexnav li ul.open {display: block;opacity: 1;visibility: visible;height: auto;}
  .flexnav li ul.open ul.open {margin-left: 100%;top: 0; }
	.flexnav li ul ul {left:100%;z-index:100!important;}
  .flexnav ul li:hover ul {margin-left: 100%;top: 0;}
  .menu-button {display: none; }
  .flexnav li > ul {overflow:visible!important;position: absolute;top: auto;left: 0;opacity: 0;visibility: hidden;height: 1px;z-index: 1; }
  .flexnav li ul li ul { top: 0; }
  
  .flexnav li {
    position: relative;
    list-style: none;
    float: left;width:auto;
    display: block;
    background:none;
  }

  .flexnav li:hover > ul {top: 73px;visibility: visible;opacity: 1;height: auto;display: block;width:auto;position: absolute;}

  .flexnav li a:link, .flexnav li a:active, .flexnav li a:visited, .flexnav li a:hover {
    float:left;
	border-left: 0px solid #acaca1;
    border-bottom: none;
	color:#fff;font-size:13px;
	font-weight:300;
	padding:45px 7px 12px 8px;
	background-position:50% 20px;
  }
	.flexnav li a:hover {background-position:50% -50px}
  .flexnav li ul li a:link, .flexnav li ul li a:active, .flexnav li ul li a:visited, .flexnav li ul li a:hover  {
  border-bottom: none;width: 250px;height:auto;padding:10px;white-space:nowrap;background:#921d08;
  }
  
  .flexnav li ul li a:hover {background:#a22711!important;} 
/* ---------------END FULL MENU STYLE ---------------- */
}
@media all and (min-width:880px) {
#travelbox {margin-right:0px;}	
  .flexnav {width:820px;}
  .flexnav li a:link, .flexnav li a:active, .flexnav li a:visited, .flexnav li a:hover {font-weight:700;padding-left:9px;padding-right:9px; }
}
/* 780 - 960: Desktop Full Size*/
@media all and (min-width: 1026px) {
.contactfield .input {width:96%;padding-left:2%;padding-right:2%;}
  .flexnav {width:960px;}
  .flexnav li a:link, .flexnav li a:active, .flexnav li a:visited, .flexnav li a:hover {font-size:14px;padding-left:14px;padding-right:15px; }

    .videowrap {width:100%;height:400px;}
	#logo {width:auto;margin-left:-30px;padding:90px 0px 0 0;}
	.wrap {width:980px;}
	#navigation {top:240px;}
	#logobehind {top:0px;left:50%;margin-left:-650px;}
	#topright {right:auto;left:50%;margin-left:-50px;}
	#pageimage {right:auto;top:440px;left:50%; margin-left:80px;}
	#contentarea {padding:50px 0px 0 0;min-height:500px;}
	
	#homepageintro {width:47%;margin-top:60px;}
	#travelbox {margin-top:20px;margin-right:50px;}
	
	body.colorset_orange #pagewrap {background-position:-100px 0px;}
	body.colorset_green #pagewrap {background-position:0 0px;}
	body.colorset_yellow #pagewrap {background-position:0 0px;}
	#footerinside {padding-top:170px;}
	
	#homefooter {padding-top:80px;}
	#homefooterinside {padding-top:70px;}
#slideshow {margin-top:-30px;}
	
}