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,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

@font-face {
     font-family: 'MyriadPro-Light';
     src: url('/font/myriadpro-light-webfont.eot');
     src: url('/font/myriadpro-light-webfont.eot?iefix') format('eot'),
          url('/font/myriadpro-light-webfont.woff') format('woff'),
          url('/font/myriadpro-light-webfont.ttf') format('truetype'),
          url('/font/myriadpro-light-webfont.svg#MyriadPro-Light') format('svg');
     font-weight: 400;
     font-style: normal; }


body {
font:11px/1.2 MyriadPro-Light, Helvetica, Arial, Sans-Serif; 
color:#000000;
background:#FFF;
-webkit-text-size-adjust: 100%;
margin-top:60px;
}

img {
border:none;
}

b {
font-weight:700;
font-size:1.2em;
}

hr {
height:.09em;
border:none;
margin-top:9px;
background:#e0e0e0;
max-width:940px;
}

.nomarginright {
margin-right:0!important;
}

.nomarginleft {
margin-left:0!important;
}

.marginbottom {
margin-bottom:10px;
}

.paddingleft {
padding-left:37px;
}

.noborderright {
border-right:none!important;
}

#logo {
float:left;
width:328px;
height:117px;
}

.pink {
font-size:inherit;
color:#ef5656;
}

.blue {
font-size:.835em;
color:#02809b;
}

.hours {
font-size:1.5em;
}

.blue-inherit {
font-size:inherit;
color:#02809b;
}

h1 {
font-size:2.4em;
text-align:left;
color:#51565e;
padding-bottom:10px;
}

h2 {
font-size:1.273em;
text-align:left;
color:#2f2f2f;
}

h3 {
font-size:2.0em;
text-align:left;
color:#2f2f2f;
}

h4 {
font-size:1.636em;
text-align:left;
color:#51565e;
}

h5 {
font-size:1.091em;
text-align:left;
font-family:Helvetica;
color:#2f2f2f;
}

h6 {
font-size:1.273em;
text-align:left;
color:#2f2f2f;
}

.payment {
font-size:0.65em;
text-align:left;
color:#2f2f2f;
}

.video-container{}

.home-items {
font-size:1.7em;
text-align:left;
color:# 02809b;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

.main_heading {
padding:0px 0px;
}


.box {
  position:relative;
  width:940px;
  height:262px;
  overflow:hidden;

   -webkit-animation-delay: 1s;
            -moz-animation: 1s;
           animation-delay: 1s;

         -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
            -moz-animation: fadein 4s; /* Firefox < 16 */
             -ms-animation: fadein 4s; /* Internet Explorer */
              -o-animation: fadein 4s; /* Opera < 12.1 */
                 animation: fadein 4s;

}
                                               @keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}
/* Firefox < 16 */                        @-moz-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}
/* Safari, Chrome and Opera > 12.1 */  @-webkit-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}
/* Internet Explorer */                    @-ms-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}
/* Opera < 12.1 */                          @-o-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}



.tagline {
  position:absolute;
  left:-900px;
  width:600px;
  height: 30px;
  text-align:left;
  color:#fff;
  opacity:0.5;
  border-radius:.15em;
  padding:10px;
  background:#333;
  bottom:5px;
  font-size:2.3em;
  overflow:hidden;

        -webkit-animation: slidein 0.5s forwards;
  -webkit-animation-delay: 2s;
           -moz-animation: slidein 0.5s forwards;
           -moz-animation: 2s;
                animation: slidein 0.5s forwards;
          animation-delay: 2s;
}

@-webkit-keyframes slidein { 0% {transform: translateX(0px);} 100% {transform: translateX(900px);}}
   @-moz-keyframes slidein { 0% {transform: translateX(0px);} 100% {transform: translateX(900px);}}
    @-ms-keyframes slidein { 0% {transform: translateX(0px);} 100% {transform: translateX(900px);}}
        @keyframes slidein { 0% {transform: translateX(0px);} 100% {transform: translateX(900px);}}


.clients {
opacity:.75;
width:220px;
height:79px;
display:block;
border:1px solid #cbcbcb;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
margin:auto;
margin-bottom:10px;
}

.clients:hover {
border:1px solid #02809b;
opacity:1;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

.right_side img {
max-width:220px;
height:auto;
display:block;
margin:auto;
}

.wrap_image {
position:relative;
float:left;
border:1px solid #cbcbcb;
margin-bottom:20px;
margin-top:20px;
margin-right:17px;
}

.wrap_image2 {
position:relative;
float:right;
border:1px solid #cbcbcb;
margin-bottom:10px;
margin-top:10px;
}

a.over_image {
position:absolute;
top:-60px;
left:50%;
width:100px;
color:#fff;
text-transform:uppercase;
height:24px;
display:none;
line-height:22px;
text-align:center;
box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.4);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:-12px 0 0 -55px;
padding:5px;
background:#ccc;
}

/*in your css hide the field so real users cant fill it in*/
form #websites{ display:none; }


#contact_form {
width:100%;
padding:20px 0px 0px 0px;
font-size: 1.4em;
color:#555;
}

#contact_form input {
width:97%;
border:#e4e4e4 .09em solid;
text-indent:6px;
background:#FFF;
color:#555;
height:2em;
}

#contact_form .message {
width:99%;
height:10em;
margin-bottom: 2em;
border:#e4e4e4 .09em solid;
}

#contact_form .section {
padding: 0px 0px 30px 0px;
}

#contact_form .address {
display:none
}

#contact_form .required {
color:#FFF;
line-height:16px;
background:#ea545a;
padding: 0px 10px 0px 10px;
}

#contact_form .success {
  text-align:center;
  width:90%;
  position: fixed;
  top:10px;
  left:0;
  right:0;
  margin: auto;
  border: 1px solid;
  padding:15px 10px 15px 10px;
  color: #4F8A10;
  background-color: #DFF2BF;
  box-shadow: 3px 3px 5px #888888;
  opacity: 1.0;
  z-index: 999999;
}

#contact_form .grayout {
   position: fixed;
   left:0;
   top:0;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.3;
   z-index: 999;
}

#footer {
height:66px;
box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.5);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
padding:9px 0 0 2px;
background:#02809b;
letter-spacing:.7px;
margin-top:25px;
margin-bottom:25px;
}

#footer h6 {
font-size:1.818em;
color:#fff;
}

#footer p {
color:#fff;
font-size:1.182em;
text-align:left;
line-height:20px;
}

#footer a {
color:#fff;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

#footer a:hover {
color:#b2d0d9;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

#footer .social_icon {
width:16px;
height:16px;
float:left;
margin:5px 10px 0 0;
}

ul#footer_nav {
letter-spacing:.8px;
font-family:Helvetica, sans-serif;
float:right;
padding:10px 0 0;
}

ul#footer_nav li {
list-style:none;
border-right:#7b7b7b 1px solid;
display:inline;
padding:0 7px;
}

ul#footer_nav li a {
list-style:none;
color:#7b7b7b;
}

.drop-shadow {
position:relative;
left:0%;
right:50%;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
box-shadow:0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
margin:1em 0 1em 0;
padding:1em;
background:#fff;
}

.drop-shadow:before,.drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}

.curved:before {
top:10px;
bottom:10px;
left:0;
right:50%;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-border-radius:10px / 100px;
border-radius:10px / 100px;
}

.curved-hz-1:before {
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}

.just-txt {
text-align:left;
font-size:1.6em;
line-height:1.6;
}

.skincancer-list {
text-align:left;
font-size:1.6em;
line-height:1.6em;
margin-left:20px;
}

.skincancer-header {
text-align:left;
font-size:1.6em;
line-height:1.2;
color:#2f2f2f;
}

.goal {
width:70%;
float:left;
}

.sundamage {
width:720px;
float:left;
}

.pat_forms a {
color:#51565e;
text-decoration:none;
font-size:1.5em;
padding:5px 0 0 5px;
}

.pat_forms a:hover {
color:#02809b;
text-decoration:none;
}

.box_label {
text-align:center;
margin:10px;
}

.center_all {
text-align:center;
margin:auto;
}

.forms_box {
position:relative;
height:335px;
box-shadow:inset 0 0 1px 1px rgba(0,0,0,0.25);
border-radius:.25em;
padding:10px;
background:#fff;
}

.about-body {
text-align:left;
font-size:1.6em;
line-height:1.6em;
-moz-column-count:2;
-moz-column-gap:2em;
-webkit-column-count:2;
-webkit-column-gap:2em;
column-count:2;
column-gap:2em;
}

.subheadline {
font-size:1.818em;
color:#2f2f2f;
margin-bottom:10px;
line-height:1.4em;
}

.subheadline-body {
margin-left:30px;
margin-right:60px;
font-size:1.6em;
line-height:1.4em;
}

.activeskin-list {
text-align:left;
font-size:1.6em;
line-height:1.2em;
margin-left:20px;
margin-right:50px;
}

.image-fade {
opacity:.75;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

.image-fade:hover {
opacity:1;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

.mohs-heading {
width:640px;
float:left;
}

a,a:hover {
color:#02809b;
text-decoration:none;
-moz-transition:all .45s ease-in-out;
-webkit-transition:all .45s ease-in-out;
-o-transition:all .45s ease-in-out;
-ms-transition:all .45s ease-in-out;
transition:all .45s ease-in-out;
}

.spacing {
padding: 15px 0px 0px 0px;
}

span.keep-right {
float:right;
}

.p{
text-align:right;
}


.grey-back {
border:#e4e4e4 1px solid;
background:#f2f3f4;
padding: .3em;
left:0%;
right:50%;
}

.phone-number {
border:#e4e4e4 1px solid;
background:#f2f3f4;
padding: .1em;
left:0%;
right:50%;
}

@-webkit-keyframes fadeInOut { 50% { opacity:1; }  }
@-moz-keyframes fadeInOut { 50% { opacity:1; } }
@-o-keyframes fadeInOut { 50% { opacity:1; } }
@keyframes fadeInOut { 0% { opacity:0;} 5% { opacity:.95;} 85% { opacity:.95;} 100% { opacity:0;} }

 div.notice {
  font:1.5em MyriadPro-Light, Helvetica, Arial, sans-serif;
  text-align:center;
  width:350px;
  position: fixed;
  top: 60px;
  left: 0;
  right:0;
  margin: auto;
  border: 1px solid;
  padding:10px 10px 10px 10px;
  color: #02809b;
  background-color: #e6faff;
  box-shadow: 0px 5px 8px #888888;
  z-index:5000;

  opacity:0;
         -webkit-animation: fadeInOut 30s linear forwards; /* Safari, Chrome and Opera > 12.1 */
            -moz-animation: fadeInOut 30s linear forwards; /* Firefox < 16 */
             -ms-animation: fadeInOut 30s linear forwards; /* Internet Explorer */
              -o-animation: fadeInOut 30s linear forwards; /* Opera < 12.1 */
                 animation: fadeInOut 30s linear forwards;
           
           animation-delay: 2s;
  -webkit-transition-delay: 2s;
}


/*********************************************************************************/

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

input[type=submit]{
border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 3px 3px 3px #777;
}



/*********************************************************************************/
/* Start Phone portrait */
 @media only screen and (max-device-width: 500px){

	body{
        min-width:375px;
        width:auto;
        margin-top: 50px;
	}

       .box{
        display:none;
       }

	.tagline {
	position:relative;
       width:auto;
	padding:9px;
	font-size:2.0em;
	}

	.container_12 {width:98%;}
	.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, 
	.container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8,
        .container_12 .grid_9, .container_12 .grid_12 {width:100%;}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_9, .grid_8, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	}

       .goal{width:100%;}
	
	#footer{
	display:none;
	}

	.video-container{
	position:relative;
	padding-bottom:56.24%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}

	.video-container iframe, video-container object, video-container embed {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

	.sundamage {
	width:100%;
	float:left;
	}

	.about-body {
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
	}


} 
/* End Phone Portait */