ver/* HTML5 block-level reset for enhanced structural tag support in older browsers */
header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }

body {
	margin: 0px;
	min-width: 960px;
}

html
{
	font-family:"Lato","Microsoft YaHei UI Light";
	font-size: 16px;
	color: #4D4D4D;
	-webkit-text-size-adjust:100%;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	border: none;
}

ul {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 12px;
	margin-bottom: 12px;
}

li {
	padding-left: 15px;
	padding-right: 18px;
	display: inline-block;
}

.clear {
	clear: both;
}

.navMenu {
	-webkit-transition: color 0.15s ease-in, text-shadow 0.15s ease-in; /* For Safari 3.1 to 6.0 */
	-moz-transition: color 0.15s ease-in, text-shadow 0.15s ease-in;
        transition: color 0.15s ease-in, text-shadow 0.15s ease-in;
}

.navMenu:hover {
	/*color: #6CAC45; */
	color: #52B75F;
	text-shadow: 5px 5px 10px #DDDDDD;
}

hr {
	border: 0;
	height: 1px;
	background: #DDDDDD;
	margin: 0 0 0 0;
	display: none;
	/*visibility: hidden;*/
}

.lastList {
	float: right;
	padding-right: 0px;
}

#header {
	padding-top: 10px;
	height: 116px;
	width: 100%;
	background: rgba(255,255,255,0.9);
}

.fixedHeader {
	position: fixed;
	top: -80px;
	z-index: 1000;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}

.updateBox {
	width: 600px;
	text-align: center;
	/*font-style: italic;*/
	color: #52B75F;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.contain {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.smallContain {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.section {
	margin-top: 50px;
}

img.logo {
	width: 533px;
	height: 67px;
}

.headerRight {
	float: right;
	text-align: right;
	color: #6E797A;
}

.headerPhone {
	padding-top: 20px;
	font-size: 22px;
	font-weight: bold;
}

#requestAppt {
	/*background: #6CAC45;*/
	background: #52B75F;
	color: white;
	padding-top: 4px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 0px;
	position: relative;
	-webkit-transition: all 0.2s ease-in; /* For Safari 3.1 to 6.0 */
	-moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
}

#requestAppt:hover {
	border-radius: 7px;
}

.smallText {
	font-size: 14px;
}

.selectedText {
	/*color: #CBCFCF;*/
	font-weight: bold;
}

.bigBanner {
	margin-top: 20px;
	max-width: 100%;
	background-image: url('img/bluebanner.jpg');
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

.pageBanner {
	margin-top: 20px;
	max-width: 100%;
	background-image: url('img/bluebanner.jpg');
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	margin-bottom: 50px;
}

.pageBanner2 {
	margin-top: 60px;
	max-width: 100%;
	background-image: url('img/darkbluebanner.jpg');
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	margin-bottom: 50px;
}

.clear {
	clear: both;
}

.pageHeader {
	font-size: 23px;
	font-weight: bold;	
}

.splashPic{
	max-width: 700px;
	height: 330px;
	background-image: url('img/office.jpg');
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	
	box-shadow: 0px 0px 10px #999999;
	/*-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(7%, rgba(0,0,0,1)), color-stop(93%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));*/
}

.splashHeader {
	background: rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	width: 680px;
	font-size: 23px;
	font-weight: bold;
	color: #555555;
	text-align: right;
	position: absolute;
	bottom: 0;
}

.columnContain {
	padding-left: 300px;
	padding-right: 300px;
}

.column {
	float: left;
	position: relative;
}

.centerCol {
	width: 300px;
	margin-left: 30px;
	margin-right: 30px;
}

.leftCol {
	width: 300px;
	margin-left: -100%;
	right: 300px;
}

.rightCol {
	width: 300px;
	margin-right: -300px;
}

* html #leftCol {
  left: 320px;
}

.serviceLink {
	position: relative;
	top: -60px;
	display: block;
}

.servicePic {
	width: 190px;
	height: 190px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 15px;
	position: relative;
}

.serviceHeader {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;	
	text-align: center;
}

.yelpBanner {
	height: 330px;
	margin-top: 60px;
	margin-bottom: 60px;
	max-width: 100%;
	background-image: url('img/darkbluebanner.jpg');
	padding-top: 25px;
	padding-bottom: 20px;
}

.customerHeader {
	width: 200px;
	padding-top: 7px;
	padding-bottom: 9px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	background: rgba(255,255,255,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
}

.customerBox {
	background: rgba(255,255,255,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
	height: 145px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

.review {
	font-size: 15px;
	font-style: italic;
	text-align: justify;
	margin-bottom: 17px;
}

.reviewSig {
	text-align: right;
	width: 83px;
	position: absolute;
	bottom: 10px;
	right: 15px;
	line-height: 110%;
	font-size: 17px;
	font-weight: bold;
}

.reviewSig:hover {
	opacity: 0.6;
}

.stars {
	width: 83px;
}

.yelpBadge {
	width: 125px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#infoContainer {
	height: 420px;
}

.infoHeader {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

.map {
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0px 0px 5px #999999;
}

.hoursDays {
	display: inline-block;
	text-align: right;
	margin-bottom: 20px;
	margin-right: 4px;
}

.hoursTimes {
	display: inline-block;
	text-align: left;
	margin-bottom: 20px;
}

.cupcakePic {
	width: 220px;
	height: 138px;
	margin-top: 20px;
	margin-bottom: 30px;
}

/* styles for Forms page */
.pdfIcon {
	width: 64px;	
}

.pdfIcon:hover {
	opacity: 0.5;
}

.formWrapper {
	margin-bottom: 70px;
}

.formInfo {
	display: inline-block;
	width: 700px;
	margin-left: 10px;
	position: relative;
}

.formHeader {
	font-size: 18px;
	font-weight: bold;
}

.formHeader:hover {
	opacity: 0.5;
}

#form1{
	top: -25px;
}

#form2 {
	top: -5px;
}

#form3 {
	top: -35px;
}

/* styles for service page */
.serviceNav {
	text-align: center;
	margin-bottom: 50px;
	font-style: italic;
	color: #5F7488;
}

.serviceItem:hover {
	opacity: 0.5;
}

.boldHeader {
	font-size: 18px;
	font-weight: bold;
}

.bullets {
	margin-left: 40px;
}

.serviceDivider {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 40px;
	margin-bottom: 30px;
}

/* styles for orthok page */
.orthokLogo {
	vertical-align: text-top;
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
}

.orthokLogoCn {
	vertical-align: text-top;
	float: left;
	width: 33%
}

.orthoKrightCol {
	float: right;
	width: 63%;
}

.orthoKtable,.orthoKtableWide {
	border-spacing: 3px;
	border: none;
	text-align: center;
	margin: auto;
}

table.orthoKtable th {
	padding: 4px 4px 4px 4px;
	border: none;
	background-color: #D7EDEF;
	width: 100px;
}

table.orthoKtable td {
	padding: 4px 4px 4px 4px;
	border: none;
	background-color: #EEEEEE;
	width: 100px;
}

table.orthoKtableWide th {
	padding: 4px 4px 4px 4px;
	border: none;
	background-color: #D7EDEF;
	width: 180px;
}

table.orthoKtableWide td {
	padding: 4px 4px 4px 4px;
	border: none;
	background-color: #EEEEEE;
	width: 180px;
}


/* styles for About Us page */
.aboutHeader {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* styles for Products page */
#frameContain {
	margin-top: -20px;
}

.frameCol {
	width: 240px;
	float: left;
}

.frameRow {
	height: 100px;
	position: relative;
}

.frameImg {
	display: block;
	margin: auto;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	padding: 4px;
	-webkit-transition: top 0.1s ease-in; /* For Safari 3.1 to 6.0 */
	-moz-transition: top 0.1s ease-in;
        transition: top 0.1s ease-in;
}

.frameImg:hover {
	top: -8px;	
}

.coupon {
	background-image: url('img/coupon.png');
	height: 180px;
	width: 720px;
	margin: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.bigDollar {
	font-size: 45px;
}

.dollar {
	color: #69AA4C;
	font-weight: bold;
}

.asterick {
	font-size: 25px;
}

.couponHeader {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: -8px;
}

.couponText {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 40px;
}

.couponPrint {	
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 220px;
	width: 780px;
	border-radius: 22px;
	cursor: pointer;
	-webkit-transition: opacity 0.4s ease-in; /* For Safari 3.1 to 6.0 */
	-moz-transition: opacity 0.4s ease-in;
        transition: opacity 0.4s ease-in;
}

.couponPrint:hover {
	opacity: 1;
}

.printWrapper {
	border-radius: 22px;
	height: 120px;
	width: 120px;
	margin: auto;
	background-color: rgba(50,50,50,0.5);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;	
}

.printIcon {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
}

/* styles for contact page */
.formLeft {
	width: 600px;
	margin-left: 25px;
	float: left;
}

.formRight {
	width: 285px;
	float: right;
	margin-right: 18px;
	padding-left: 10px;
	padding-bottom: 30px;
	border-left: 1px solid #DDDDDD;
	text-align: right;
}

.parkingImg {
	width: 260px;
}

.contactForm {
	margin-top: 40px;
	padding: 16px;
	background: #E8ECEF;
	position: relative;
}

.formBox {
	background: #F4F6F7;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	display: inline-block;
}

.formRightBox{
	float: right;
}

.formBoxLabel {
	margin-bottom: 4px;
	display: block;
}

.formDivider {
	height: 20px;
}

textarea,input[type="text"],input[type="email"] {
	font-family:"Lato",Arial,sans-serif;
	font-size: 14px;
	color: #4D4D4D;
	margin: 0;
	background-color: #F8FAFA;
	border: 1px solid;
	border-color: #AAAAAA;
	border-radius: 0;
	padding: 4px;
	-webkit-appearance:none;
	-webkit-transition: border ease-in 0.15s, box-shadow ease-in 0.15s;
	-moz-transition: border ease-in 0.15s, box-shadow ease-in 0.15s;
	-o-transition: border ease-in 0.15s, box-shadow ease-in 0.15s;
	transition: border ease-in 0.15s, box-shadow ease-in 0.15s;
}

textarea:focus,input[type="text"]:focus,input[type="email"]:focus {
  /*border-color: rgba(82, 168, 236, 0.8);*/
  border-color: #76C4B0;
  /*border-color: rgba(106, 112, 179, 0.8);*/
  outline: 0;
  /*outline: thin dotted \9;*/
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       
}

.nameInput {
	height: 20px;
	width: 225px;
}

.msgInput {
	height: 170px;
	width: 542px;
}

input[type="radio"],input[type="checkbox"] {
	display: none;
}

.vSeperator {
	width: 1px;
	height: 26px;
	border-left: 1px solid #999999;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	margin-right: 20px;
}

.flatSelector {  
	cursor:pointer;
	border: 1px solid;
	border-color: #C8C8C8;
	border-radius:  100px;
	/*width: 32px;*/
	height: 22px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	margin: 5px;
	margin-top: 12px;
	text-align: center;
	font-size: 14px;
	-webkit-transition: all ease-in 0.15s;
	-moz-transition: all ease-in 0.15s;
	-o-transition: all ease-in 0.15s;
	transition: all ease-in 0.15s;
}

#anyDate, #anyTime {
	margin-left: 48px;
}

#daysBox, #timeBox {
	width: 552px;
}

#aftSel {
	margin-left: 35px;
	margin-right: 35px;
}
	
.vGap {
	display: inline-block;
	width: 3px;
}

.miniSelector {  
	cursor:pointer;
	border: 1px solid;
	border-color: #C8C8C8;
	border-radius: 50%;
	width: 32px;
	height: 25px;
	padding-top: 7px;
	display: inline-block;
	margin: 5px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	-webkit-transition: all ease-in 0.15s;
	-moz-transition: all ease-in 0.15s;
	-o-transition: all ease-in 0.15s;
	transition: all ease-in 0.15s;
}

.rspSelector{  
	cursor:pointer;
	border: 1px solid;
	border-color: #C8C8C8;
	border-radius: 50%;
	padding: 10px;
	display: inline-block;
	margin: 5px;
	margin-top: 10px;
	-webkit-transition: all ease-in 0.15s;
	-moz-transition: all ease-in 0.15s;
	-o-transition: all ease-in 0.15s;
	transition: all ease-in 0.15s;
}

.fakeSelector {  
	width: 32px;
	height: 25px;
	padding-top: 7px;
	display: inline-block;
	margin: 5px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	opacity: 0.5;
	filter:Alpha(opacity=50);
	-webkit-transition: all ease-in 0.15s;
	-moz-transition: all ease-in 0.15s;
	-o-transition: all ease-in 0.15s;
	transition: all ease-in 0.15s;
}

#currentPLabel{
	display: inline-block;
	vertical-align: top;
}

#middleRadio {
	margin-left: 15px;
	margin-right: 15px;
}

input[type=radio] + div:hover, input[type=checkbox] + div:hover {  
	border-color: #888888;
	box-shadow: inset 0px 0px 3px #CCCCCC;
}

input[type=radio]:checked + div, input[type=checkbox]:checked + div {
	border-color: #76C4B0;
	box-shadow: inset 0px 0px 4px rgba(82, 168, 236, 0.6);
}

.ie8RadioChecked {
	border-color: #76C4B0 !important; 
	box-shadow: inset 0px 0px 4px rgba(82, 168, 236, 0.6) !important;
}

input.error,textarea.error {
	border-color: #D96B5F !important;
}

input.error:focus,textarea.error:focus {
	border-color: #D96B5F !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.errorMsgRight {
	color: #D96B5F;
	font-style: italic;
	font-size: 14px;
	float: right;
}

.errorMsgLeft {
	color: #D96B5F;
	font-style: italic;
	font-size: 14px;
	float: left;
}

#formError {
	position: absolute;
	bottom: 20px;
	display: none;
}

.radioImg {
	pointer-events: none;
}

#rspBox {
	display: inline-block;
}

#formPopup {
	float: right;
	display: none;
	opacity: 0;
}

.formArrow {
	width: 40px;
	height: 28px;
	float: left;
	vertical-align: top;
	margin-top: 15px;
	margin-right: 18px;
}

#contactBox {
	vertical-align: top;
	float: right;
	text-align: right;
}

.contactInput {
	height: 20px;
	width: 225px;
	text-align: right;
}

.contactSubmit {
	background: #1A9D7C;
	color: white;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
	padding-right: 14px;
	border: none;
	position: absolute;
	bottom: 10px;
	right: 12px;
	cursor: pointer;
	box-shadow: 3px 3px 6px  rgba(82, 168, 236, 0.6);
	-webkit-transition: all 0.1s ease-in; /* For Safari 3.1 to 6.0 */
	-moz-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
}

.contactSubmit:hover {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 17px;
	padding-right: 17px;
	bottom: 8px;
	right: 9px;
}

.contactSubmit:active {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
	padding-right: 14px;
	bottom: 10px;
	right: 12px;
}

.checkMark {
	height: 50px;
	width: 50px;
	display: inline;
	margin-left: 120px;
}

.confText {
	display: inline-block;
	position: relative;
	top: -10px;
	font-size: 16px;
	margin-left: 10px;
}

.loadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 50%;
	text-align: center;
	font-size: 18px;
	font-style: italic;
	display: none;
}

.loadingGif {
	width: 200px;
	height: 11px;
}

.errorOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.errorBox {
	position: relative;
	width: 400px;
	height: 200px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FDFDFD;
	box-shadow: 3px 3px 6px  #999999;
	border-radius: 20px;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	text-align: center;
}

.errorSign {
	height: 80px;
	width: 80px;
	padding-bottom: 20px;
}

.closeBtn {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	opacity: 0.6;
	cursor: pointer;	
	-webkit-transition: all 0.2s ease-in; /* For Safari 3.1 to 6.0 */
	-moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
}

.closeBtn:hover {
	opacity: 1;
}

.confirmOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 50%;
	display: none;
}

/* styles for insurance page */
.insHeader {
	font-size: 18px;
}

.insName {
	font-weight: bold;
	color: #5F7488;
}

.insImg {
	width: 150px;
	margin: 20px;
}

.insDesc {
	margin-top: 20px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* syltes for cupcake */
#cupcakes {
	margin-top: 60px;
}

#leftCupcakeCol {
	float: left;
	margin-left:20px;
}

#rightCupcakeCol {
	float: right;
	margin-right: 20px;
}

#middleCupcakeCol {
	float: left;
	margin-left: 33px;
}

.cupcakeImg {
	width: 252px;
	display: block;
	margin-bottom: 10px;
}

#cupcakePoster {
	width: 350px;	
	box-shadow: 5px 5px 10px #BBBBBB;
}

/* styles for footer */
#footer {
	background: #E6E6E6;
	margin-top: 100px;
	padding-top: 14px;
	padding-bottom: 14px;
	height: 75px;
	opacity: 0;
	clear: both;
	/*position: absolute;
	bottom: 0;
	width: 100%;*/
}

.footerColumn {
	display: inline-block;
	padding-right: 188px;
}

.lastCol {
	float: right;
	padding-right: 0px;
}

.footerText {
	padding-bottom: 4px;
}

.boldText {
	font-weight: bold;
}

.italicText {
	font-style: italic;
}

.copyright {
	padding-top: 27px;
	font-size: 10px;
	text-align: right;
}

.contactIcon {
	width: 17px;
	padding-right: 4px;
	padding-bottom: 3px;
	vertical-align: middle;
}

.socialIcon {
	width: 31px;
	vertical-align: middle;
	padding-left: 4px;
}

.centerAlign {
	text-align: center;
}

.rightAlign {
	text-align: right;
}

.justifyAlign {
	text-align: justify;
}

.finePrint {
	font-size: 14px;
	font-style: italic;
}

.textBlurb {
	font-size: 15px;
}

.link {
	font-style: italic;
	color: #52B75F;
}


.msg404 {
	width: 60%;
	margin: auto;
	margin-top: 100px;
}                  

.big404 {
	font-size: 70px;
	font-weight: bold;
}        

.med404 {
	font-size: 30px;
}