/*  

Theme Name: Stites Eye Care

Author: SLB Networks

Author URI: http://www.slbnetworks.com

Client URL: http://www.stiteseyecare.com

*/

	

/* Template */

body {
	margin:0;
	font-family: 'Ubuntu', arial, serif;
	color: #FFF;
	font-size:13px;
	background: url(../images/web/checkerboard_lighter.png) repeat;
}

body a:link, body a:visited {
	text-decoration:none;
	color: #265CA8;	
	outline:none;	
}

body a:hover, body a:visited:hover {
	text-decoration:underline;
	color: #80FFFF;			
	outline:none;	
}


h1 {	
	font-size:30px;
	color:#FFF;
	padding: 0 0 0 50px;
	background:url(../images/web/bg_h1-01.png) no-repeat;
	float:left;
	width:650px;
	height:35px;
	line-height:35px;
	margin:10px 0 0 20px;
	display:inline;
	font-weight:normal;
}

h2 {	
	font-size:20px;
	color:#FFF;
	font-weight:normal;	
	clear:left;
}

h3 {	
	font-size:20px;
	color:#FFF;
	font-weight:normal;	
	clear:both;		
}

h4 {		
	font-size:20px;
	color:#FFF;
	font-weight:normal;	
	clear:both;	
}

h5 {		
	font-size:20px;
	color:#FFF;
	font-weight:normal;	
	clear:both;	
}

img {
	border:none;	
}

.container {
	width:1000px;
	margin:0 auto;
	display:block;
	position: relative;
}

#cmsText {
	clear:both;
	float:left;
	width:100%;
}

#cmsText img {
	float:left;
	margin: 20px;
	clear:both;
}

#cmsText span {	
	float:left;
	clear:both;
	line-height:90px;
}

#cmsButtons {
	margin:0 auto;
	display:block;
}

#phone {
	margin:15px 80px 0 0;
	font-size:24px;
	float:right;
}

.right {
	text-align:right;
	margin: 0 80px 0 0;
}

/* End Template */


/***************************************************
	Navigation
***************************************************/

#navOverlay {
	width:100%;
	height:52px;
	position:absolute;
	top:30px;
	z-index:100000;
	background:url(../images/web/checkerboard_opacity.png) repeat;
	float:left;
}

#nav {	
	float:right;
	width:900px;
	height: 52px;
	margin:0 30px 0 0;
	position:relative;
	z-index:100000;
}

#nav ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
	height: 52px;
	float:right;
	width: auto;
}

#nav li {
	font-size:15px;
	position: relative;
	float: left;
	display: block;
	height: 52px;
	font-weight:bold;
	padding: 0;
	margin:0 0 0 0;		
}

#nav a:link, #nav a:visited {
	display: block;
	height: 100px;	
	text-decoration: none;
	padding-left:16px;
	padding-right:16px;
	line-height:52px;
	color:#FFF;	
}

#nav li a:link, #nav li a:visited {
	height: 52px;
	float: left;
	text-decoration: none;
	color:#FFF;	
}

html>body #nav li a, 
html>body #nav li a:visited {
	height: 52px;	
}

#nav li a:hover, #nav li a:visited:hover, #nav li.hover a, #nav li:hover > a {
	background: url(../images/web/navHover-01.png) repeat;
	color:#FFF;		
}

#nav li:hover, #nav li:visited:hover, #nav li.sfhover { 
	background: url(../images/web/navHover-01.png) repeat;
	color:#FFF;		
}

#nav li ul {
	list-style: none;
	position: absolute;
	clear: both;
	top: 52px;
	left: 0;
	padding: 0 0 0 0;
	margin: 0;
	display: none;
	z-index:10000;
	width:250px;
}

#nav li>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: auto;
	margin-top: 52px;
}

#nav li li {
	clear: both;
	display: block;
	width: 280px;
	text-align: left;
	float: left;
	height: 39px;
	margin: 0;
	padding: 0;
	background-position: -300px -300px !important;
	border:none !important;
}

#nav li li a, #nav li li a:visited {
	display: block;
	line-height: 40px;
	float: left;	
	height: 40px;
	padding: 0 0 0 30px !important;
	margin: 0 0 0 0 !important;
	color:#000 !important;
	background: url(../images/web/subNav-01.png) no-repeat top left !important;	
	width: 250px; /*140px;*/
	font-size: 13px;	
	text-align: left;	
	border-left:none !important;	
	border-right:none !important;	
}

html>body #nav li li a {
	width: 250px; /*140px;*/
	float: left;	
	height: 40px !important;
	line-height: 40px !important;
}

#nav li li a:hover {
	background: url(../images/web/subNav-01.png) no-repeat bottom left !important;		
	float: left;	
	color: #FFFFFF !important;	
	width:250px;
	border-left:none !important;	
	border-right:none !important;	
}

#nav li:hover ul, #nav li.over ul {
	display: block;
	
}


/***************************************************
	End Navigation
***************************************************/

/***************************************************
	Start Header & Subheader
***************************************************/

#subheader {
	float:left;
	width:100%;
	height:70px;
	padding: 0 0 0 0;
	margin:15px 0 0 0;
}

#header {
	width:100%;
	height:330px;
	margin:0 0 0 0;
	float:left;
	position:relative;
	clear:both;
	padding: 0;
	margin:0;
	background: url(../images/web/checkerboard_darker.png) repeat;
}

#header img {
	position:relative;
	z-index:80;
}

#headerLeft {
	float:left;
	width:240px;
	height:330px;
	background:url(../images/web/sliderLeft-01.png) repeat-x;
	position:absolute;
	z-index:100;
	bottom:0;
}

#headerLogo a {
	float:left;
	margin: 110px 0 40px 20px;
	background:url(../images/logo2.png) no-repeat;
	width:200px;
	height:103px;	
	display:inline;
}

#headerOverlay {
	float:left;
	width:1000px;
	height:55px;
	background:url(../images/web/slider_overlay-01.png) repeat-x;
	position:absolute;
	z-index:100;
	bottom:15px;	
}

#header h3, #header h2 {
	float:right;
	display:block;
	line-height:55px;
	margin:0;
	background:url(../images/web/arrowWhite-01.png) no-repeat left;	
	padding:0 30px 0 20px;
	font-size:22px;
	text-shadow:0 2px 2px rgba(0,0,0,.7);	
}

/***************************************************
	End Header & Subheader
***************************************************/

/***************************************************
	Start Content
***************************************************/

#content {
	float:left;
	width:100%;
	min-height:250px;
	background:url(../images/web/checkerboard_darker.png) repeat;	
	padding: 0 0 30px 0;
	margin:0 0 0 0;
}

/***************************************************
	End Content
***************************************************/


/***************************************************
	Contact Form
***************************************************/

#formWrapper {
	width:100%;
	float:left;
	padding: 0 0 30px 0;
}

#formLogo a {
	float:left;
	width:170px;
	height:75px;
	margin:35px 0 0 40px;
	display:inline;	
	background: url(../images/web/logo_footer-01.png) no-repeat;
}

#formBranch {
	float:left;
	width:350px;
	margin: 25px 0 0 30px;
	display:inline;
}

#formBranch h2 {
	border-bottom:1px dotted #BCBEC0;
	padding: 0 0 3px 6px;
	font-size:16px;
}

#formBranch p {
	padding: 0 0 0 15px;	
}

#formWrapper #message {
	width:70%;
	float:left;
	margin:10px 0 0 60px;
}

#formEmail {
	float:left;
	clear:both;
	width:500px;
	margin: 30px 0 0 80px;
	padding:20px 0 20px 0;
	display:inline;
	background:url(../images/web/opacity_10-01.png) repeat;	
}

#formEmail h3 {
	font-size:14px;
	border-bottom:1px dotted #BCBEC0;
	padding: 0 0 3px 6px;	
}

#formEmail label {
	display:block;
	text-align:right;
	width:140px;
	line-height:30px;
	float:left;
	clear:both;
}

#formEmail input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	display:inline;	
}

#formEmail textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:250px;
	margin:2px 0 20px 10px;
	display:inline;
}

#formEmail #CAPTCHA {
	float:left;
	width:330px;
	margin: 0 0 10px 150px;
	display:inline;
}

#formEmail #CAPTCHA img {
	float:left;
	clear:both;
	padding:4px;
	background: #ccc repeat;
	margin: 0 0 0 0;
}

#formEmail #CAPTCHA a {
	float:left;
	line-height:40px;
	padding:0 0 0 20px;
}

#formEmail button { 
	margin-left:160px;
	display:inline;
}

/* REQUIRED BUTTON STYLES: */		
button { 
	float:left;
	border: 0; 
	padding: 0;
	cursor: pointer;
	clear:both;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	display: block; 
	white-space: nowrap;
	float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	background: transparent url(../images/web/actionButton-01.png) no-repeat top left;
	float:left;
}
	
button.submitBtn span {
	padding: 0 0 0 0; 
	height:45px;
	line-height:45px;	
	width:170px;
	color:#fff;
	text-align:left;
	text-indent:35px;
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: bottom left; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: bottom left;
}

/***************************************************
	End Contact Form
***************************************************/

#formReservations {
	float:left;
	clear:both;
	width:75%;
	margin: 10px 0 0 20px;
	display:inline;
	position: relative;
}

#formReservations h3 {
	font-size:14px;
	border-bottom:1px dotted #BCBEC0;
	padding: 10px 0 3px 6px;	
}

#formReservations label {
	display:block;
	text-align:right;
	width:140px;
	line-height:30px;
	float:left;
	clear:both;
}

#formReservations input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	display:inline;	
}

#formReservations textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:250px;
	margin:2px 0 20px 10px;
	display:inline;
}

#formReservations #CAPTCHA {
	float:left;
	width:330px;
	margin: 0 0 10px 150px;
	display:inline;
}

#formReservations #CAPTCHA img {
	float:left;
	clear:both;
	padding:4px;
	background: #CCC;
	margin: 0 0 0 0;
}

#formReservations #CAPTCHA a {
	float:left;
	line-height:40px;
	padding:0 0 0 20px;
}

#formReservations button { 
	margin-left:160px;
	display:inline;	
}

/***************************************************
	Start Secondary
***************************************************/

#secColumn1 {
	float:left;
	width:24%;
	margin:0 0 0 20px;
	display:inline;
}

#secColumn1 h4 {
	border-bottom:1px dotted #BCBEC0;
	padding: 0 0 3px 6px;	
}

#secondaryNav {
	float:left;
	margin: 0 0 0 0;
	padding:0 0 10px 0;
	display:inline;
	width:100%;
}

#secondaryNav ul {
	float:left;
	width:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#secondaryNav li {
	list-style:none;
	font-size:13px;
}

#secondaryNav li a, #secondaryNav li a:visited {
	float:left;
	width:215px;
	height:40px;
	line-height:40px;
	padding:0 0 0 25px;
	color: #fff;	
	margin:2px 0 0 0;
	background: url(../images/web/checkerboard_lighter.png) repeat;
	text-decoration:none;	
}

#secondaryNav li a:hover, #secondaryNav li a:visited:hover {
	float:left;
	width:215px;
	height:40px;
	line-height:40px;
	color: #fff;	
	padding:0 0 0 25px;
	margin:2px 0 0 0;
	background: url(../images/web/checkerboard_opacity.png) repeat;
	text-decoration:none;	
}

#sidebar {
	float:left;
	width:100%;
	margin:0px 0 10px 0;
}

#sidebarAddress {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
}

#sidebarAddress img {
	margin: 15px auto;
	display:block;
}

#sidebarAddress h3 {
	color:#364d8b;
	padding:0;
	margin:0;
}

#secColumn2 {
	float:right;
	width:65%;
	margin:25px 0 0 0;
}

#secColumn2 ul {
	padding: 7px 0 7px 15px;
	margin:0 0 0 0;
	clear:both;
}

#secColumn2 li {
	list-style:square;
	padding: 0 0 0 5px;
	line-height:10px;
	margin:10px 0 0 40px;
}

#secActions {
	float:left;
	width:100%;
	margin:10px 0 20px 0;
}

#secActions h2 {
	float:left;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:45px;
	font-size: 26px;
}

#secColumn2 h3, #secColumn2 h4 {
	padding: 0 0 0 6px;
	font-size: 22px;
}

#secColumn2 p {
	padding: 0 0 0 10px;
	font-size: 15px;
}

#imageBar {
	float:left;
	width:100%;
	margin:10px 0 0 0;
}

/* Image Gallery */
.reference-img {position:relative;width:180px;height:120px;overflow:hidden;}
.reference-img img {width:100%;}
a.gallery {padding:6px;background:url(../images/web/checkerboard_lighter.png) repeat;display:inline-block;margin:3px 2px;vertical-align:top;}
a.gallery:hover {}
.reference-hover {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);transition: opacity .6s ease;-moz-transition: opacity .6s ease;-webkit-transition: opacity .6s ease;}
.reference-hover:hover {opacity: 1;}

/***************************************************
	End Secondary
***************************************************/


/***************************************************
	Footer
***************************************************/

#footer {
	float:left;
	width:100%;
	clear:both;
	padding: 0 0 20px 0;
	margin:10px 0 0 0;
}

#footer a:link, #footer a:visited {
	color:#FFF;	
}

#footer a:hover, #footer a:visited:hover  {
	color:#FFF;	
}

#footer p {
	color:#FFF;
}

/* Footer Left */

#footerLeft {
	float:left;
	width:75%;
	margin: 10px 0 0 0;
	padding:0 20px 0 30px;
	display:inline;
}

#footerLeft p {
	clear:both;
	margin-bottom:20px
}

#footerLeft ul {
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	padding:0 0 0 0;
}

#footerLeft li {
	float:left;
	display:inline;
	list-style:none;
	margin:0 0 0 0;
	padding: 0 10px 0 14px;
	background: url(../images/web/list_spacer-01.png) left no-repeat;	
}

#footerLeft li:first-child {
	background: none;
	padding: 0 10px 0 0;	
}

/* End Footer Left */

/* Footer Logo */

#footerLogo a {
	float:right;
	width:150px;
	height:75px;	
	margin: 10px 30px 0 0;
	background: url(../images/web/logo_footer-01.png) no-repeat left;
}

/* End Footer Logo */

#serviceAreas {
	float:left;
	width:100%;
	clear:both;
	margin:10px 0 0 0;
	text-align:right;
}

/***************************************************
	End Footer
***************************************************/


/***************************
	Call to Action Buttons
******************************************/

.actionButton {
	font-size:14px;
	font-weight:bold;
}

.actionButton a:link, .actionButton a:visited {
	float:left;
	color:#fff;	
	height:45px;
	width:170px;
	/*background: url(../images/web/actionButton-01.png) repeat-x top left;	*/
	background: #265CA8;
	border-radius: 8px;
	border: 2px solid #D0D2D3;
	background-image: url("../images/green-arrow2.png");
	background-repeat: no-repeat;
	background-position: center right;
}

.actionButton a:hover, .actionButton a:visited:hover {
	float:left;
	color:#fff;
	text-decoration:none;
	height:45px;
	width:170px;
	/*background: url(../images/web/actionButton-01.png) repeat-x bottom left;*/
	opacity: 0.8;
}

button{
	border-radius: 8px;
}

span.actionButton{
	float:left;
	color:#fff;	
	width:170px;
	background: #265CA8;
	border-radius: 8px;
	border: 2px solid #D0D2D3;
	background-image: url("../images/green-arrow2.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding: 13px 0;
}

span.actionButton:hover{
	float:left;
	color:#fff;
	text-decoration:none;
	width:170px;
	opacity: 0.8;
	padding: 13px 0;
}

.actionButton p {
	text-indent:20px;
	line-height:43px;
	padding:0;
	margin:0;
	width:170px;
}

.sliderLeft .actionButton {
	position:absolute;
	bottom:47px;
	left:35px;
	clear:both;
}

#headerLeft .actionButton {
	position:absolute;
	bottom:19px;
	left:35px;
	clear:both;
}

#catActions .actionButton {
	float:left;
	margin:0 0 0 30px;
	display:inline;
}

#secActions .actionButton {
	float:right;
	margin:0 20px 0 30px;
	display:inline;
}

#contactInfo .actionButton {
	float:left;
	margin:0 0px 30px 0px;
	display:inline;
}

/*****************************************
	End Call to Action Buttons
******************************************/


/***************************************************
	Start Category Page
***************************************************/

#catColumn1 {
	float:left;
	width:65%;
	margin:20px 0 0 0;
}

#catColumn1 h1 {
	border-bottom:1px dotted #BCBEC0;
	padding: 0 0 3px 6px;	
}

#catColumn1 p {
	padding: 0 0 0 10px;
	font-size: 15px;
}


#serviceCategory {
	float:left;
	width:100%;
	clear:both;
	margin:0 0 0 0;
}

.service {
	float:right;
	width:95%;
	margin:20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom:1px dotted #D1C8C0;		
}

.service h2 {
	width:60%;
	clear:none !important;
	padding:0 !important;
	margin:0 0 0 20px !important;
	display:inline;
	font-size:22px;
}

.service a:link img, .service a:visited img {
	float:left;
	margin:0 0 0 10px;
	display:inline;
	padding: 6px;
	background: url(../images/web/checkerboard_lighter.png) repeat;
}

.service a:hover img, .service a:visited:hover img {
	float:left;
	margin:0 0 0 10px;
	display:inline;
	padding: 6px;
	background: url(../images/web/checkerboard_opacity.png) repeat;
}

.service p {
	float:left;
	width:67%;
	margin:9px 0 0 30px;
	padding:0 0 0 0;
	font-size:12px;
	clear:none !important;
}

#catColumn2 {
	float:right;
	width:24%;
	margin:40px 10px 0 0;
}

#catActions {
	float:left;
	width:100%;
	margin:30px 0 10px 0;
}
/***************************************************
	End Category Page
***************************************************/

/***************************************************
	Contact
***************************************************/
#contactInfo {
	float:left;
	width:40%;
	margin: 30px 0 30px 70px;
	display:inline;
}
#contactInfo h3 {font-size:16px;}

#contactRight {
	float:left;
	margin: 70px 0 0 40px;
	display:inline;
}
#contactRight img {
	display:block;
	margin:0 auto;
	clear:both;
}
#map {
	float:left;
	margin:20px 0 0 0;
	padding:8px;
	background: url(../images/web/checkerboard_lighter.png) repeat;	
}
#contactInfo p {
	padding: 0 0 0 8px;	
	margin: 8px 0 0 0;
}
/***************************************************
	End Contact
***************************************************/

/***************************************************
	Technology
***************************************************/
.tech-content .tech-content-header h2{font-size: 26px;}
/*.tech-content .tech-content-header p{font-size: 16px;}*/
.tech-content .service a img{
	width: 200px;
	height: auto;
}
/*.tech-content .service h2{font-size: 22px;}*/
.tech-content .service p{
	float: left;
	width: 55%;
	text-align: left;
	/*font-size: 15px;*/
}
/***************************************************
	End Technology
***************************************************/

/***************************************************
	Responsive Breakpoints
***************************************************/
/* Site Wide */
@media(max-width: 1016px) {
	.container{width: 96%;}
}
@media (max-width: 1010px) {
	#navOverlay{top: 0;}
}
@media (max-width: 925px) {
	#nav a:link, #nav a:visited{padding: 0 14px;}
}
@media (max-width: 895px) {
	#nav a:link, #nav a:visited{padding: 0 12px;}
}
@media (max-width: 865px) {
	#nav a:link, #nav a:visited{padding: 0 10px;}
}
@media (max-width: 835px) {
	#nav a:link, #nav a:visited{font-size: 14px;}
}
@media (max-width: 800px) {
	#navOverlay{display: none;}
	#footerLeft{
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#footerLeft li{
		float: none;
		line-height: 25px;
	}
	#footerLogo{
		width: 100%;
		float: left;
	}
	#footerLogo a{
		margin: 0 auto;
		float: none;
		display: block;
	}
	#serviceAreas{text-align: center;}
}

/*@media (max-width: 600px) {
	#footer a:link, #footer a:visited{
		font-size: 18px;
	}
}*/
/* END Site Wide */

/* Home Slider */
@media (max-width: 1016px) {
	.bx-wrapper,
	.bx-window,
	.bx-window ul,
	.bx-window li,
	.bx-window li img,
	.sliderOverlay{
		width: 100% !important;
		height: auto;
	}
	.sliderOverlay{width: 100%;}
	.bx-window li{height: auto !important;}
}
@media (max-width: 980px) {
	.sliderLeft{
		top: 0;
		height: 100% !important;
	}
}
@media (max-width: 940px) {
	#slider{height: 555px !important;}
}
@media (max-width: 900px) {
	#slider{height: 530px !important;}
}
@media (max-width: 860px) {
	#slider{height: 510px !important;}
	#slider .sliderLogo a{margin: 75px 0 40px 20px;}
}
@media (max-width: 800px) {
	#slider{height: 475px !important;}
	.bx-wrapper,
	.bx-window,
	.bx-window ul,
	.bx-window li,
	.sliderOverlay{
		width: 100% !important;
		height: 475px !important;
	}
	.bx-wrapper{overflow: hidden;}
	.bx-window li img{
		width: 752px !important;
		height: auto !important;
	}
	.sliderLeft{height: 450px !important;}
	#Home #subheader h1{width: auto;}
	#slider .sliderOverlay{display: none;}
}
@media (max-width: 500px) {
	#slider .sliderText{
		width: 235px;
		font-size: 15px;
		margin-top: 30px;
	}
	#slider .sliderLogo a{
		width: 200px;
		margin: 0 auto;
		float: none;
		display: block;
		margin-top: 20px;
	}
	#slider .bx-window li img{margin-left: -200px;}
	#slider .sliderLeft{width: 100%;}
	#slider .sliderLeft .actionButton{bottom: 15%;}
	#slider .slide-4 .actionButton{bottom: 10%;}
}
/* END Home Slider */

/* Top Level Page */
@media (max-width: 1016px) {
	#header{overflow: hidden;}
	#header .container{overflow: hidden;}
	#headerOverlay{width: 100%;}
}
@media (max-width: 1005px) {
	#subheader{
		height: auto;
		padding-bottom: 20px;
	}
	#subheader h1{width: auto;}
	#subheader #phone{margin-right: 0;}
}
@media (max-width: 800px) {
	#catColumn1,
	#catColumn2{
		width: 100%;
	}
	#catColumn2 .actionButton{
		margin: 0 auto;
		float: none;
		display: block;
		width: 175px;
		overflow: hidden;
	}
	#cmsPhoto{margin-left: -240px;}
	#headerLeft{
		width: 100%;
		height: 100px;
		top: 0;
		padding-top: 10px;
	}
	#headerLogo a{
		margin-top: 10px;
		margin: 0 auto;
		float: none;
		display: block;
		width: 200px;
		background-size: 100%;
	}
	#headerLeft .actionButton{display: none;}
}
@media (max-width: 600px) {
	#headerOverlay{display: none;}
}
@media (max-width: 400px) {
	#cmsPhoto{margin-left: -390px;}
	.service img{
		margin: 0 auto !important;
		float: none !important;
		display: block !important;
	}
	.service h2{
		float: left;
		margin-left: 0 !important;
		width: 100%;
		text-align: center;
		padding: 10px 0 !important;
	}
	.service p{
		margin-left: 0 !important;
		padding-left: 0 !important;
		width: 100%;
		text-align: center;
	}
	#subheader h1{padding-left: 5px;}
}
/* END Top Level Page */

/* Interior Side Nav Page */
@media (max-width: 800px) {
	#headerLogo a {
		background:url(../images/logo-interior-small.png) no-repeat;
	}
	#secColumn1,
	#secColumn2{
		width: 100%;
		margin-left: 0;
	}
	#sidebarAddress{display: none;}
	#secondaryNav{
		width: 220px;
		margin: 0 auto;
		float: none;
		display: block;
	}
	#secondaryNav a{
		margin-left: 0 !important;
		padding-left: 0 !important;
		text-align: center;
	}
	#header{height: auto;}
	#header .container{width: 100%;}
	#header #cmsPhoto{display: none;}
	#header #headerOverlay{display: none;}
	#headerLeft{
		position: relative;
		background: none;
		padding-bottom: 35px;
	}
}
@media (max-width: 400px) {
	#secColumn1 h4{
		padding-left: 0;
		text-align: center;
	}
	#secColumn2 h2{
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
	#secColumn2 .actionButton{
		margin: 0 auto;
		float: none;
		display: block;
		width: 195px;
		overflow: hidden;
		padding-top: 15px;
	}
	#imageBar{
		width: 180px;
		margin: 0 auto;
		float: none;
		overflow: hidden;
		padding-top: 30px;
	}
	.tech-content .service p{
		width: 100%;
		text-align: center;
	}
	.tech-content .service{float: left;}
}
/* END Interior Side Nav Page */

/* Contact Page */
@media (max-width: 973px) {
	#contactInfo{width: 26%;}
}
@media (max-width: 800px) {
	#contactInfo,
	#contactRight{
		width: 100%;
		margin: 0;
	}
	
	#contactInfo table{width: 40%;}
}
@media (max-width: 500px) {
	#map{width: 96%;}
	#map iframe{width: 100%;}
	
	#contactInfo table{width: 100%;}
}
/* END Contact Page */

@media (max-width: 800px) {
	#formReservations{
		margin: 0;
		width: 100%;
	}	
}
@media (max-width: 510px) {
	#formReservations #CAPTCHA{
		width: auto;
		margin-left: 12px;
	}
	#formReservations #CAPTCHA a{width: 100%;}
}
@media (max-width: 475px) {
	.checkboxes label,
	.checkboxes input{
		display: block !important;
		
		width: 17% !important;
		float: left !important;
		text-align: left !important;
	}
	
	.checkboxes label{
		text-align: left !important;
		width: 25% !important;
		padding-bottom: 10px;
	}
}
@media (max-width: 450px) {
	#dr-stites #phone,
	#request-consult #phone{
		float: left;
		margin-top: 45px;
		margin-left: 70px;
	}
}
@media (max-width: 439px) {
	#formReservations button{margin-left: 0;}
}
@media (max-width: 400px) {
	#contact-lenses #cmsPhoto{margin-left: -630px;}
}
/***************************************************
	End Responsive Breakpoints
***************************************************/