/* CSS Document */



/* Impress Design, LLC is the home of graphic designer 

		Jack McDaniel

		720.495.1368

		http://Impress-Design.com */

/* Feel free to use this template as you like. It was developed for use with 

MODx Content Management Framework, but it will work with any site. 

Just make certain you change it and don't steal my images */



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

 			Site Colors: 	Dark Blue #183152,

							Lighter Blue #375D81

							Bright Blue #217dd5

							Content Text #333

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

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote { 

	margin:0; padding:0 

}

table { 

	border-collapse:collapse; 

	border-spacing:0 

}

fieldset, img { 

	border:0 	

}

address, caption, cite, code, dfn, em, strong, var { 

	font-style:normal; 

	font-weight:normal;

}

caption { 

	text-align:left; 

}

h1, h2, h3, h5, h5, h6 { 

	font-size:100%; 

}

q:before, q:after { 

	content:''

}



* a { 

	position:relative 

} /* Gets links displaying over a PNG background */

a { 

	outline:none 

} /* Gets rid of Firefox's dotted borders */

a img { 

	border:none 

} /* Gets rid of IE's blue borders */





/* Body Settings and Background */

html,body{

	margin:0; 

	padding:0; 

	border:0; 

	font-size:14px; 

	font-weight: 100; 

	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;

	color:#333;

}

html{

	background:#FFF;

}



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

				BASIC LINKS

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

a {

	color: #375D81; 

	text-decoration: none;

	font-weight: 100;

}

a:hover {

	color: #217dd5; 

	text-decoration: none;

}

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

				BODY INFO

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

:focus {

	outline: 0;

}

@font-face {

	font-family: 'GraublauWeb';



        /* for IE */

	src: url('http://davinciteethwhiteningsystem.com/GraublauWeb.eot');



        /*

         * for non-IE: first see if the font exists locally on the browser's

         * computer.  If so, use that copy of the font.  Otherwise, load it

         * from the server

         */

	src: local('GraublauWeb'),

	     url('http://davinciteethwhiteningsystem.com/GraublauWeb.otf') format('opentype');

}

body{

	width:100%; 

	margin:0 auto;

	background:#FFF;

	color: #333;

	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;

}

*{margin:0; padding:0}

p {

	margin-bottom: 15px;

}



#bodywrap {

	width: 100%;

	margin: 0 auto;

}

#maincontainer{

	width: 960px; /*Width of main container*/

	margin: 0 auto; /*Center container on page*/

}



#contentcontainer{

	width: 100%;

	float: left;

	margin-top: 20px;

}	
.clear { clear:both; }
img { max-width: 100%; }

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

				HEADER

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

#header {

	margin: 0 auto;

	overflow: hidden;

	background: #FFF;

}

#logo {

	float: left;

	height: 98px;

	width: 250px;

}

#logoLinks {

	float: right;

	width: 710px;

	height: 38px;

	text-align: right;

	margin: 0;

	line-height: 30px;

	background: url(../img/logoBarbottom2.jpg) top right no-repeat;

	color: #FFF;

}

.linksInner2 {

	margin-left: 0;

	width: 700px;

	height: 30px;

	padding-right: 10px;

	text-align: right;

	}

#logoLinks a {

	color: #FFF;

	line-height: 30px;

	text-transform: uppercase;

	font-size: 12px;

	padding: 0 5px;

}

#logoLinks a:hover {

	color: #217dd5;

}

#tele {

	float: right;

}

.social {

	line-height: 42px;

	margin-top: 15px;

	float: right;

}

.social ul {

	display: inline;

	height: 42px;

	margin-right: 10px;

	padding-right: 15px;

}

.social ul li {

	display: inline;

	line-height: 42px;

	float: right;

	font-size: 12px;

	padding-right: 10px;

}

.social ul li a {

	color: #183152;

	line-height: 42px;

}

.social ul li a:hover {

	color: #375D81;

	line-height: 42px;

}

.menuBadge {
    display: none;
}

#navigation {
    display: none;
}

#hiddenMenu {
    display: none;
}

.menuBuild {
    display: none;
}

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

				TOP NAVIGATION

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

#nav {

	margin-top: 10px;

	position:relative;

	display:block;

	height:47px;

	width: 960px;

	overflow: hidden;

}

#menu {

	margin:0;

	padding:0;

}

#menu ul li {

	display:inline;

}

#menu ul li#homeMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/homeMM.jpg) top left no-repeat;

	width: 81px;

}

#menu ul li#homeMM a:hover {

	background: url(../img/homeMM.jpg) 0 -50px no-repeat;

}

#menu ul li#homeMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	width: 81px;

	background: url(../img/homeMM.jpg) 0 -100px no-repeat;

}

#menu ul li#productsMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/productsMM.jpg) top left no-repeat;

	width: 146px;

}

#menu ul li#productsMM a:hover {

	background: url(../img/productsMM.jpg) 0 -50px no-repeat;

}

#menu ul li#productsMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/productsMM.jpg) 0 -100px no-repeat;

	width: 146px;

}

#menu ul li#processMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/processMM.jpg) top left no-repeat;

	width: 146px;

}

#menu ul li#processMM a:hover {

	background: url(../img/processMM.jpg) 0 -50px no-repeat;

}

#menu ul li#processMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/processMM.jpg) 0 -100px no-repeat;

	width: 146px;

}



#menu ul li#faqMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/faqMM.jpg) top left no-repeat;

	width: 146px;

}

#menu ul li#faqMM a:hover {

	background: url(../img/faqMM.jpg) 0 -50px no-repeat;

}

#menu ul li#faqMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/faqMM.jpg) 0 -100px no-repeat;

	width: 146px;

}



#menu ul li#testimonialsMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/testimonialMM.jpg) top left no-repeat;

	width: 146px;

}

#menu ul li#testimonialsMM a:hover {

	background: url(../img/testimonialMM.jpg) 0 -50px no-repeat;

}

#menu ul li#testimonialsMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	width: 146px;

	background: url(../img/testimonialMM.jpg) 0 -100px no-repeat;

}

#menu ul li#eventsMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/eventsMM.jpg) top left no-repeat;

	width: 146px;

}

#menu ul li#eventsMM a:hover {

	background: url(../img/eventsMM.jpg) 0 -50px no-repeat;

}

#menu ul li#eventsMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/eventsMM.jpg) 0 -100px no-repeat;

	width: 146px;

}

#menu ul li#contactMM a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/contactMM.jpg) top left no-repeat;

	width: 146px;

}

#menu ul li#contactMM a:hover {

	background: url(../img/contactMM.jpg) 0 -50px no-repeat;

}

#menu ul li#contactMMactive a {

	float: left;

	margin: 0;

	height: 47px;

	background: url(../img/contactMM.jpg) 0 -100px no-repeat;

	width: 146px;

}

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

				GENERAL CONTENT PAGE INFO

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

.mainImg2015 { display: none; }
#generalContain {

	width: 100%;

	float: left;

	margin-top: 20px;

	background: url(../img/contentBG2.jpg) top left no-repeat;

}

#generalContainBTM {

	width: 100%;

	height: 15px;

	float: left;

	background: url(../img/contentBottomBG.jpg) bottom left no-repeat;

}

#generalContent {

	float: left;

	width: 640px;

}

.generalInner {

	margin: 30px 35px 25px 40px;

	font-size: 1.1em;

	line-height: 1.5em;

}

#generalRight {

	float: left;

	width: 320px;

}

.rightInner {

	margin: 20px 35px 20px 30px;

	color: #FFF;

	font-size: 1.2em;

	line-height: 1.5em;

}

.rightInner h2 {

	font-family: 'GraublauWeb',Helvetica,sans-serif;

	font-size: 1.5em;

	color: #FFF;

	padding-bottom: 7px;

	border-bottom: 1px solid #183152;

}

.imgLeft {

	float: left;

	margin: 5px 10px 10px 0;

}

.imgRight {

	float: right;

	margin-left: 5px;

}

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

					RIGHT LINKS

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

.block {

	width: 100%;

}

.blockHead {

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 21px;

	font-weight: 100;

	margin: 0 10px 10px 0;

	letter-spacing: -0.045em;

	color: #000;

}

.block ul {

	list-style: none;

}

.block li {

	margin: 0 0 0 0;

	padding: 5px 0 10px 10px;

	line-height: 1.15em;

	background: url(https://www.davinciteethwhiteningsystem.com/img/listBG.jpg) bottom left no-repeat;

}

.block li a {

	color: #013568;

	text-decoration: none;

}

.block li a:hover {

	text-decoration: none;

	color: #035dac;

}

.blockDate {

	font-size: 12px;

	font-style: italic;

	color: #666;

	text-transform: uppercase;

}

.bottomMenu {

	margin-left: 35px;

	margin-bottom: 10px;

	line-height: 1.75em;

	font-size: 1.1em;

}

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

				CUSTOMER COMMENTS

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

.quote {

	padding: 0 15px 10px 30px;

	margin-left: 10px;

	background: url(https://www.davinciteethwhiteningsystem.com/img/quotes2.png) top left no-repeat;

	font-style: italic;

	color: #000;

}

.business {

	text-align: right;

	padding-right: 15px;

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 18px;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #333;

}

.owner {

	text-align: right;

	padding-right: 15px;

	padding-bottom: 10px;

	margin-bottom: 20px;

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 16px;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #013568;

	background: url(https://www.davinciteethwhiteningsystem.com/img/listBG.jpg) bottom left no-repeat;

}

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

				FRONTPAGE

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

#sectionContainer {

	margin: 5px 0 20px 0;

	width: 960px;

	height: 225px;

	background: url(../img/sectionBG.jpg) top left no-repeat;

	overflow: hidden;

}

#user {

	float: left;

	width: 367px;

	margin-bottom: 5px;

	font-size: 1.0em;

	color: #666;

	text-align: left;

	line-height: 1.4em;

	font-family: 'DroidSansRegular','Avenir LT Std',Arial,Helvetica,sans-serif;

}

#user img {

	float: left;

	margin: 0 10px 0 0;

	border: 1px solid #375D81;

}

#user h2 {

	font-size: 1.75em;

	margin-bottom: 30px;

}

#user1 {

	float: left;

	width: 296px;

	margin-bottom: 5px;

	font-size: 1.0em;

	color: #666;

	text-align: left;

	line-height: 1.4em;

	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;

}

#user1 h2 {

	font-size: 1.75em;

	margin-bottom: 20px;

	font-weight: 100;

}

#user1 ul {

	list-style: none;

	display: block;

	margin: 0;

	font-size: 14px;

}

#user1 ul li {

	line-height: 1.2em;

	background: url(../img/greyBorder.png) bottom left no-repeat;

	padding-bottom: 10px;

	margin-bottom: 5px;

}

#user1 ul li a {

	color: #375D81;

}

#user1 ul li a:hover {

	color: #217DD5;

}

.listDate {

	color: #666;

	font-style: italic;

	font-size: 13px;

}

#user2 {

	float: left;

	width: 296px;

	margin-bottom: 5px;

	font-size: 1.0em;

	color: #FFF;

	text-align: left;

	line-height: 1.3em;

	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;

}

#user2 a {

	color: #FFF;

}

#user2 a:hover {

	color:#217dd5;  

}

#user2 img {

	float: right;

	margin: 5px 10px 0 10px;

}

.hilite {

	font-size: 1.3em;

	line-height: 1.2em;

	color: #FFF;

	margin-bottom: 7px;

}

#user2 h2 {

	font-size: 1.75em;

	margin-bottom: 10px;

	color: #FFF;

	font-weight: 100;

}

.userInner {

	margin: 7px 10px 0 20px;

	padding: 5px 5px 10px 5px;

}

.grid100 {
	width: 100%; 
}
.grid67 { 
	float: left;
	width: 67%;
}
.grid33 {
	float: left;
	width: 33%;
}
.grid33 ul { list-style:none; }
.grid33 ul li {
	margin-left: 10px;
	padding: 5px 0;
	line-height: 1.2em;
}
.inner {
	margin: 5px;
	padding: 7px;
}

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

				MAINIMAGE

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

#mainImage {

margin-top: 10px;

	width: 960px;

	height: 305px;

	background: url(../img/mainImgBG.jpg) top left no-repeat;

}

.leftInfo {

	float: left;

	width: 300px;

	height: 305px;

	}

.leftInfoInner {

	margin: 15px;

	padding-bottom: 7px;

}

.divide {

	height: 5px;

	width: 100%;

	background: url(../img/leftDivider.jpg) top left no-repeat;

}

#slider1 img {

	

}

div#slider1 {

	float: left;

	height:305px;

	overflow: hidden;

}

#fpLogo {

	z-index: 10000;

	width: 960px;

	height: 75px;

	}

#fpLogo img {

	position: absolute;

	z-index: 10000;

	margin-top: -32px;

}

#fpLogoLinks {

	margin: 0;

	margin-top: -35px;

	width: 960px;

	height: 36px;

	line-height: 30px;

	color: #FFF;

}

.linksInner {

	margin-left: 50px;

	width: 383px;

	text-align: center;

}

#fpLogoLinks a {

	color: #FFF;

	line-height: 30px;

	text-transform: uppercase;

	font-size: 12px;

	padding: 0 5px;

	}

#fpLogoLinks a:hover {

	color: #217dd5;

}

.infoButton {

	float: right;

	margin: 10px 20px 10px 15px;

}

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

				FOOTER

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

#footer{

	clear: left;

	width: 960px;

	height: 150px;

	overflow: hidden;

	margin: 0 auto;

	padding-top: 20px;

	text-align: center;

	border-top: 1px solid #375D81;

}

#footer2{

	clear: left;

	width: 960px;

	height: 150px;

	overflow: hidden;

	margin: 0 auto;

	padding-top: 20px;

	text-align: center;

}

#footSocial {

	float: left;

	width: 320px;

	text-align: left;

}

#footSocial img a {

	float: left;

}

#footerMiddle {

	float: left;

	width: 320px;

	text-align: center;

}

#footerRight {

	float: left;

	width: 320px;

}	

#footerRight img {

	float: right;

	margin-top: -15px;

}

#footCopy {

	text-align: center;

	font-size: .85em;

	text-transform:uppercase;

	color: #666;

}


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

				CONTENT LISTS

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

.contentlist {

	margin-left: 25px;

	margin-bottom: 20px;

	font-size: 1.0em;

	list-style: none;

}

.contentlist li {

	display: block;

	text-decoration: none;

	line-height: 28px;

	padding-left: 30px;

	background: url(../img/check.jpg) top left no-repeat;

}

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

				PRODUCTS PAGE

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

#primaryContain {

	width: 960px;

	margin-top: 20px;

	padding-bottom: 25px;

	background: url(../img/contentBG.jpg) bottom left no-repeat;

}

#productsHeader {

	width: 100%;

	height: 89px;

	background: url(../img/productsHeader.jpg) top left no-repeat;

}

#productsHeader h1 {

	margin-left:50px;

	line-height: 89px;

}

#homeGels {

	width: 960px;

}

#homeGels h2 {

	margin-left: 90px;

}

#gelContain {

	width: 100%;

	margin-top: 30px;

}

#gelLeft {

	float: left;

	width: 450px;

}

#gelRight {

	float: left;

	width: 510px;

}

.gelInner img {

	float: right;

}

.gelInnerRight {

	margin: 0 50px 0 40px;

	line-height: 1.5em;

	font-size: 1.2em;

}

.gelInnerRight2 {

	margin: 0 50px 0 0;

	line-height: 1.5em;

	font-size: 1.2em;

}

.gelInner img {

	float: right;

	margin-right: 40px;



}

#rockLeft {

	float: left;

	width: 510px;

}

#rockRight {

	float: left;

	width: 450px;

}

#rockRight img {

	float: left;

	margin-top: 50px;

}

.rockInnerLeft {

	margin: 0 50px 0 70px;

	line-height: 1.5em;

	font-size: 1.2em;

}

#disclaimer {

	font-size: 1.1em;

	color: #666;

	padding: 10px 150px;

	text-align: center;

}

#lightContain {

	width: 100%;

	margin-top: 30px;

}

#lightLeft {

	float: left;

	width: 450px;

}

#lightRight {

	float: left;

	width: 510px;

}

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

				Bottom Content Module

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

#module {

	clear: left;

	margin-top: 20px;

	width: 960px;

	height: 210px;

	background: url(../img/moduleBG.jpg) top left no-repeat;

}

#areaL {

	float: left;

	width: 50%;

}

#areaR {

	float: left;

	width: 50%;

}

.areaInner {

	margin: 5px 10px 5px 10px;

}

.areaInner h3 {

	margin: 10px 0 10px 75px;

	color: #375D81;

}

.areaInner p {

	padding: 10px 10px 10px 30px;

}

.areaInner2 {

	margin: 5px 10px 5px 10px;

}

.areaInner2 h3 {

	margin: 10px 0 10px 75px;

	color: #375D81;

}

.areaInner2 p {

	padding: 10px 10px 10px 20px;

}

.learnMore img {

	margin-top: 15px;

}

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

				PROCESS PAGE

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

#whiteContain {

	width: 960px;

	padding-bottom: 50px;

	background: url(../img/processBG.jpg) bottom left no-repeat;

	margin-bottom: 20px;

	margin-top: 20px;

}

#processContain {

	width: 960px;

}

#processLeft {

	float: left;

	width: 50%;

}

#processRight {

	float: left;

	width: 50%;

}

.processRight {

	float: left;

	width: 50%;

}

.processInnerLeft {

	margin: 0 10px 0 50px;

	font-size: 1.2em;

	line-height: 1.5em;

}

.processInnerRight {

	margin: 0 20px 0 50px;

	font-size: 1.2em;

	line-height: 1.5em;

}

.processInnerRight ul {

	font-size: 1.0em;

	margin-left: 10px;

	margin-bottom: 20px;

	list-style: none;

	display: block;

}

.processInnerRight ul li {

	padding-left: 30px;

	line-height: 30px;

	color: #375D81;

	background: url(../img/check.jpg) top left no-repeat;

}

#processContain h2 {

	color: #375D81;

	font-size: 1.75em;

}

#testimonials {

	width: 960px;

	height: 210px;

	background: url(../img/testimonialsBG.jpg) top left no-repeat;

	margin-bottom: 20px;

	margin-top: 20px;

	}

.test1 {

	float: left;

	width: 50%;

}

.testInner {

	margin: 20px 25px 15px 60px;

	font-size: 1.0em;

	line-height: 1.5em;

}

.test1 h3 {

	text-indent: -9999px;

	height: 30px;

}

.customer {

	float: right;

	margin-top: -10px;

	padding-right: 20px;

	font-style: italic;

	color: #375D81;

}

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

				LOCATIONS PAGE

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

.locationContain {

	float: left;

	width: 33%;

}

.locationInner {

	margin: 10px;

	padding: 0 10px 10px 0;

}

.locationInner h5 {

	margin-bottom: 10px;

}

.hilite2 {

	font-size: 1.3em;

	Line-height: 1.5em;

	color: #375D81;

	font-family: 'GraublauWeb','Avenir LT Std',Arial,Helvetica,sans-serif;

	}

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

				MOVIES SECTION

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

#movieContain {

	margin: 0 auto;

	width: 100%;

}

#movie {

	text-align: center;

}

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

				FREQUENTLY ASKED PAGE

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

.faqInfo {

	margin-left: 25px;

}

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

				CONTENT PAGE

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

.contentInfo {

	float: left;

	width: 47%;

}

.contentInfoInnerL {

	margin: 25px 15px 20px 40px;

	text-align: left;

}

.contentInfoInnerR {

	margin: 25px 40px 20px 15px;

	text-align: left;

}

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

				CONSUMER PAGE

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

#consumer {

	float: left;

	width: 960px;

}

.consumerArea1 {

	float: left;

	width: 40%;

}

.consumerArea2 {

	float: left;

	width: 30%;

}

.consumerInner {

	margin: 10px 10px 10px 20px;

}

.consumerInner p {

	border-right: 1px solid #CCC;

}

.consumerInnerLeft {

	margin: 10px 10px 10px 50px;

}

.consumerInnerRight {

	margin: 10px 10px 10px 20px;

}

.consumerInnerLeft p {

	border-right: 1px solid #CCC;

}

.consumerArea1 img {

	float: left;

	margin: 5px 5px 5px 0;

	border: 1px solid #375D81;

}

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

				BEFORE & AFTER GALLERY PAGE

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

.gallery {

	float: left;

	width: 33%;

}

.gallery img {

	max-width: 100%;

}

.inner {

	margin: 5px;

	padding: 5px;

}

.gallery100 {

	clear: left;

	height: 20px;

	border-top: 1px dotted #183152;

}

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

				REFLECT ARCHIVES

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

.reflect_month_link {

	background: url(https://www.davinciteethwhiteningsystem.com/img/arrow.jpg) top left no-repeat;

	padding: 0 13px;

	font-size: 14px;

}

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

				USER COMMENTS & COMMENT FORM

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

.jot-row {

	margin-left: 1px;

	margin-bottom: 5px;

	clear: left;

}

.jot-comment {

	padding: 10px;

	margin: 12px 0;

	clear: left;

}

.jot-header {

}

.jot-postnumber {

	float: left;

	width: 40px;

	line-height: 1.5em;

	font-family: 'GraublauWeb','Avenir LT Std',Arial,Helvetica,sans-serif;

	font-size: 24px;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #013568;

}

.jot-subject {

	float: left;

	line-height: 1.5em;

	font-family: 'GraublauWeb','Avenir LT Std',Arial,Helvetica,sans-serif;

	font-size: 24px;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #013568;

}

.jot-message {

	color: #000;

	padding-left: 25px;

}

.jot-user {

	color: #333;

	font-size: .9em;

	padding-left: 25px;

	font-style: italic;

}

.commentuser {

	font-family: 'GraublauWeb','Avenir LT Std',Arial,Helvetica,sans-serif;

	font-size: 18px;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #000;

}

.jot-info {

	float: left;

	text-align: right;

	width: 150px;

	margin-right: 15px;

	margin-bottom: 15px;

	padding-bottom: 10px;

	border-bottom: 3px solid #183152;

}

.jot-date {

	padding: 0 10px;

	text-transform: uppercase;

	color: #000;

	font-size: .75em;

}

.jot-name {

	padding: 0 10px;

	font-family: 'GraublauWeb','Avenir LT Std',Arial,Helvetica,sans-serif;

	font-size: 1.25em;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #013568;

}

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

				EMAIL FORM

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

#cfName {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfLastName {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

.cfName {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfCompany {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfEmail {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

.cfEmail {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfTele {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfRegarding {

	color: #FFF;

	background: #375D81;

	border: 1px solid #183152;

	width: 234px;

}

#cfMessage {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

.cfMessage {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

	height: 125px;

}

.cfMail {

	float: left;

	margin: 1px 0 10px 0;

	padding:0 5px;

	color: #FFF;

	background: #013568;

	text-align: center;

	border: 1px solid #222;

	line-height: 26px;

	min-height: 26px;

}

.cfMail a {

	color: #FFF;

	background: #013568;

}

.cfMail a:hover {

	color: #EBEBEB;

}

#cfContact {

	height: 34px;

	width: 100px;

	line-height: 34px;

	font-weight: bold;

	color: #375D81;

	background: url(../img/submitGrad.png) top left no-repeat;

	border: 0;

}

.cfContact {

	height: 34px;

	width: 100px;

	line-height: 34px;

	font-weight: bold;

	color: #375D81;

	background: url(../img/submitGrad.png) top left no-repeat;

	border: 0;

}

#cfCoupon {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfRedemption {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfCity {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfAddress {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfApt {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 74px;

}

#cfState {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfZip {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#cfWhere {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 234px;

}

#EmailForm label .cfOrder {

	width: 200px;

	text-align: right;

	padding-right: 10px;

}

#cfHomeKit {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 30px;

}

#cfLaserGel {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 30px;

}

#cfDesensGel {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 30px;

}

#cfWhitePens {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 30px;

}

#cfLaserLight {

	background: #375D81;

	border: 1px solid #183152;

	color: #FFF;

	padding: 3px;

	width: 30px;

}

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

				SEARCH

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

.ajaxSearch_resultLink {

	font-size: 1.2em;

	color: #013568;

	margin-right: 20px;

}

#ajaxSearch_input {

	background: #f6f7fb;

	padding: 4px 4px;

	width: 200px;

	color: #013568;

	background: #F6F7FA;

	border: 1px solid #FFF;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

}

#ajaxSearch_submit {

	padding:0 5px;

	color: #FFF;

	background: #013568;

	text-align: center;

	border: 1px solid #222;

	line-height: 24px;

	min-height: 26px;

}

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

				PAGINATION

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

#dittoContain {

	margin: 1px;

	height: 45px;

	line-height: 45px;

	border-top: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	font-size: .9em;

}

.ditto_pages {

	width: 50%;

	float: left;

	margin: 0 auto;

}

.ditto_previous_off {

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 18px;

	margin-right: 5px;

}

.ditto_currentpage {

	padding: 2px 4px 2px 4px;

	color: #FFF;

	background: #035dac;

	border: 1px solid #000;

}

.ditto_page {

	padding: 2px 4px 2px 4px;

}

.ditto_next_off {

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 18px;

	margin-left: 5px;

}

.ditto_next_link {

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 16px;

	margin-left: 5px;

}

.ditto_previous_link {

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 16px;

	margin-left: 5px;

}

.ditto_info {

	font-size:14px;

	color: #333;

	margin: 5px 0;

}

.ditto_info2 {

	padding-left: 20px;

	font-size:1.2em;

	color: #333;

	margin: 5px 0;

}

.ditto_summaryPost {

	margin: 12px 20px;

	background: ;

}

.moreEvent {

	clear: left;

}

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

		GENERAL LISTS

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

ol {

	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 24px;

	margin-left: 75px;

	margin-top: 15px;

	color: #000;

}

ol p {

	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;

	color:#666;

	font-size: 14px;

	line-height: 1.5em;

	margin-left: -10px;

}

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

				BREADCRUMBS

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

#breadcrumbs {

	float: left;

	width: 960px;

	height: 38px;

	color: #555;

	font-family: 'GraublauWeb','Avenir LT Std',Arial,Helvetica,sans-serif;

	font-size: 14px;

	border-top: 1px solid #183152;

	border-bottom: 1px solid #183152;

	margin-top: 20px;



}

.homeCrumb {

	float: left;

	background: url(../img/bcDivider.jpg) top right no-repeat;

	padding-right: 20px;

	margin-right: 10px;

	}

.B_firstCrumb {

	float: left;

	line-height: 38px;

	padding-right: 10px;

	margin-right: 10px;

	background: url(../img/bcDivider.jpg) top right no-repeat;

}

.B_crumb {

	float: left;

	line-height: 38px;

	padding-right: 10px;

	background: url(https://www.davinciteethwhiteningsystem.com/css/img/bcDivider.jpg) top right no-repeat;

}

.B_lastCrumb {

	float: left;

	line-height: 38px;

	color: #666;

	}

.B_currentCrumb {

	float: left;

 	background: none;

 	line-height: 38px;

 	padding-right: 10px;

	margin-right: 10px;

	color: #666;

 }

 .fbShare {

 	float: right;

 	width: 200px;

 	text-align: right;

 }

 .fbShare a {

 	padding-top: 10px;

 }

.errors {

 	color: #aa1111;

 }

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

				Provider PAGE

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

.providerImg img {

	float: left; 

	border: 1px solid #375D81;

	margin-right: 7px;

}

.providerImg {

	clear: left; 

	padding-top: 12px;

}

#googleMap {

	margin-top: 25px;

	margin-bottom: 1px;

	clear: left;

	margin-left: 40px;

}

#providerRight {

	float: right;

	width: 600px;

	height: 98px;

}

#providerCity {

	float: right;

	width: 600px;

	font-size: 15px;

	height: 30px;

	line-height: 30px;

	color: #183152;

	text-align: right;

	font-weight: bold;

}

#providerPhone {

	float: right;

	width: 600px;

	font-size: 18px;

	font-weight: bold;

	height: 30px;

	line-height: 30px;

	color: #375D81;

	text-align: right;

}

#providerMenu {

	float: right;

	width: 675px;

	height: 30px;

	margin-top: 10px;

}

#providerMenu ul {

	list-style: none;

	display: inline;

}

#providerMenu ul li {

	float: right;

	margin-left: 15px;

	font-size: 15px;

	line-height: 38px;

	height: 38px;

	text-transform: uppercase;

}

#providerMenu ul li a {

	font-weight: bold;

}

.rightColComment {

	width: 100%;

	float: left;

	margin-bottom: 20px;

}

.rightColQuote {

	float: left;

	width: 12%;

}

.commentInfo {

	float: left;

	width: 88%;

}

.commentName {

	text-align: left;

	color: #375d81;

	font-style: italic;

	margin-left: 12%;

}

/*	L. RESPONSIVE STYLING: 320 - 767 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body {
        background: #FFF;
        background-image: none;
        font-size: 1.25em;
    }
    #bodywrap { width: 100%; }
    #maincontainer { width: 94%; }
    #header { border-bottom: 1px solid #183152; }
    #logo { width: 70%; }
    #logoLinks { display: none; }
    .social { display: none; }
    #nav { display: none; }
    .menuBadge {
        position: relative;
        z-index: 10000;
        display: block;
        float: right;
        width: 20%;
    }

    .menuBadge img {
        float: right;
    }

    #navigation {
        clear: left;
        position: relative;
        z-index: 500;
        display: block;
        font-weight: normal;
    }

    #hiddenMenu {
        position: relative;
        z-index: 0;
        clear: both;
    }

    #hiddenMenu ul {
        clear: left;
        list-style: none;
        padding: 5% 0;
        width: 100%;
        background: url(https://www.davinciteethwhiteningsystem.com/img/contentBG.png) top left repeat;
        border-bottom: 4px solid #183152;
        border-top: 4px solid #183152;
    }

    #hiddenMenu ul li {
        float: left;
        width: 90%;
        line-height: 2.0em;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
        padding: 0 5%;
    }
    #mainImage { display: none; }
    .leftInfo { display: none; }
    .nivoSlider { display: none; }
    #slider1 { display: none;  }
    #fpLogo { display:none; }
    .mainImg2015 { 
    	display: block;
    	width: 100%; 
    } 
    #sectionContainer {
    	width: 100%;
    	height: auto;
    	background: none;
    }
    #footer { 
    	width: 100%; 
    	height: auto;
    }
    #footer p { font-size:.85em; }
    #footerSocial { width: 100%;text-align:center; }
    #footerMiddle { width: 100%;text-align:center;margin-bottom: 12px; }
    #footerRight { display:none; }
    #footer2 { width: 100%;height:auto; }
    #footer2 p { font-size:.85em; }
    #footSocial { width:100%;text-align:center; }
    #user { width: 100%; }
    #user1 { width: 100%; }
    #user2 { display:none; }
    #primaryContain { background:none;width: 100%; }
    #productsHeader { background:none; }
    #homeGels { width:100%; }
    #homeGels h2 { margin-left: 0 !important; }
	#productsHeader h1 { margin-left: 0 !important;line-height:36px; }
    #rockLeft { width: 100%;text-align:center; }
    #rockRight { width: 100%; }
    #gelRight { width: 100%; }
    #gelLeft { width: 100%;text-align:center; }
    #lightLeft { display: none; }
    #lightRight { width: 100%; }
    #lightRight p a { display: none; }
    #disclaimer { font-size: .85em; padding: 0 50px; }
    #module { width: 100%; background: none; }
    .areaInner h3 { margin-left:0 !important; }
    .areaInner p { padding: 0; }
    #breadcrumbs { width: 100%; }
    h1 { font-size:2.0em !important; }
    h2 { font-size:1.85em !important; }
    h3 { font-size:1.6em !important; }
    #areaL { width:100%; }
    #areaR { width: 100%; }
    .areaInner2 h3 { margin: 5px 0 !important; }
    .areaInner { margin: 5px 10px; }
    .areaInner2 p { padding: 10px; }
    #module { margin-top: 0; }
    
    /***PROCESS PAGE***/
    #whiteContain { width: 100%; background: none;padding-bottom:10px; }
    #processContain { width: 100%; }
    #processLeft { width: 100%;text-align: center; }
    #processLeft p { text-align:left; }
    #processRight { width: 100%; }
    .processRight { width: 100%; }
    #testimonials { width: 100%; background: none; }
    .test1 { width: 100%;margin: 10px 0; }
    .test1 h3 { text-indent: 0; }
    .processInnerRight { margin-left: 20px; }
    .processInnerLeft { margin-left: 10px; }
    
    /*** FAQ PAGE ***/
    #generalContain { background:none; }
    #generalContent { width:100%; }
    #generalRight { width:100%;color:#000; }
    .rightInner h2 { clear:both;color: #183152; }
    .rightInner { color: #000; }
    #generalContainBTM { display: none; }
    .contentInfo { width:100%; }
    .contentInfoInnerL { margin: 10px 0; }
    .contentInfoInnerR { margin: 10px 0; }
    .fbShare { display: none; }
    .gallery { width:100%; }
    
    /*** PROVIDER PAGES ***/
    #providerMenu { display:none; }
    #providerRight { display: none; }
    #googleMap { margin-left: 0; }
    .grid67 { float:none;width: 100%; }
	.grid33 { float:none;width: 100%; }
    
}

/*	M. RESPONSIVE STYLING: 768 - 959 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        background: #FFF;
        background-image: none;
        font-size: 1.25em;
    }
    #bodywrap { width: 100%; }
    #maincontainer { width: 94%; }
    #header { border-bottom: 1px solid #183152; }
    #logo { width: 70%; }
    #logoLinks { display: none; }
    .social { display: none; }
    #nav { display: none; }
    .menuBadge {
        position: relative;
        z-index: 10000;
        display: block;
        float: right;
        width: 30%;
    }

    .menuBadge img {
        float: right;
    }

    #navigation {
        clear: left;
        position: relative;
        z-index: 500;
        display: block;
        font-weight: normal;
    }

    #hiddenMenu {
        position: relative;
        z-index: 0;
        clear: both;
    }

    #hiddenMenu ul {
        clear: left;
        list-style: none;
        padding: 5% 0;
        width: 100%;
        background: url(https://www.davinciteethwhiteningsystem.com/img/contentBG.png) top left repeat;
        border-bottom: 4px solid #183152;
        border-top: 4px solid #183152;
    }

    #hiddenMenu ul li {
        float: left;
        width: 90%;
        line-height: 2.0em;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
        padding: 0 5%;
    }
    #mainImage { display: none; }
    .leftInfo { display: none; }
    .nivoSlider { display: none; }
    #slider1 { display: none;  }
    #fpLogo { display:none; }
    .mainImg2015 { 
    	display: block;
    	width: 100%; 
    }
    #sectionContainer {
    	width: 100%;
    	height: auto;
    	background: none;
    } 
    #footer { 
    	width: 100%; 
    	height: auto;
    }
    #footer p { font-size:.85em; }
    #footerSocial { width: 50%; }
    #footerMiddle { width: 50%;text-align:right; }
    #footerRight { clear:both;width: 100%;text-align:center; }
    #footerRight img { float:none; }
    #user { width: 100%; }
    #user1 { width: 100%; }
    #user2 { display:none; }
    #primaryContain { background:none;width: 100%; }
    #productsHeader { background:none; }
    #homeGels { width:100%; }
    #homeGels h2 { margin-left: 0 !important; }
	#productsHeader h1 { margin-left: 0 !important; }
    #rockLeft { width: 100%;text-align:center; }
    #rockRight { width: 100%; }
    #gelRight { width: 100%; }
    #gelLeft { width: 100%;text-align:center; }
    #lightLeft { display: none; }
    #lightRight { width: 100%; }
    #lightRight p a { display: none; }
    #disclaimer { font-size: .85em; padding: 0 50px; }
    #module { width: 100%; background: none; }
    .areaInner h3 { margin-left:0 !important; }
    .areaInner p { padding: 0; }
    #breadcrumbs { width: 100%; }
    #footer2 { width: 100%;height:auto; }
    
    /***PROCESS PAGE***/
    #whiteContain { width: 100%; background: none;padding-bottom:10px; }
    #processContain { width: 100%; }
    #processLeft { width: 100%;text-align: center; }
    #processLeft p { text-align:left; }
    #processRight { width: 100%; }
    .processRight { width: 100%; }
    #testimonials { width: 100%; background: none; }
    .test1 { width: 100%;margin: 10px 0; }
    .test1 h3 { text-indent: 0; }
    .processInnerRight { margin-left: 20px; }
    .processInnerLeft { margin-left:0; }
    
    /*** FAQ PAGE ***/
    #generalContain { background:none; }
    #generalContent { width:100%; }
    #generalRight { width:100%;color:#000; }
    .rightInner h2 { clear:both;color: #183152; }
    .rightInner { color: #000; }
    #generalContainBTM { display: none; }
    .contentInfo { width:100%; }
    .contentInfoInnerL { margin: 10px 0; }
    .contentInfoInnerR { margin: 10px 0; }
    
    /*** PROVIDER PAGES ***/
    #providerMenu { display:none; }
    #providerRight { display: none; }
    #googleMap { margin-left: 0; }
    .grid67 { float:none;width: 100%; }
	.grid33 { float:none;width: 100%; }
}

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

				HEADERS

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

h1 {

	font-family: 'GraublauWeb','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 2.5em;

	font-weight: 100;

	margin: 20px 0;

	letter-spacing: -0.045em;

	color: #183152;

}

.stealth {

	text-indent: -9999px;

	height: 0px;

}

h2 {

	font-family: 'GraublauWeb',Helvetica,Arial,sans-serif;

	font-size: 2.0em;

	font-weight: lighter;

	letter-spacing: -0.045em;

	line-height: 1.2em;

	color: #375D81;

	text-align: left;

	margin: 5px 0 15px 0;

}

h3 {

	font-family: 'GraublauWeb','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 1.65em;

	font-weight: 100;

	margin: 0 0 5px 0;

	letter-spacing: -0.065em;

	color: #555;

	line-height: 1.5em;

	text-align: left;

}

h4 {

	font-family: 'GraublauWeb','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 1.4em;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #183152;

	text-align: left;

	margin: 0 0 5px 0;

}

h5 {

	font-family: 'GraublauWeb','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 1.2em;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #375D81;

	text-align: left;

	text-transform: uppercase;

}

h6 {

	font-family: 'GraublauWeb','Trebuchet MS',Arial,Helvetica,sans-serif;

	font-size: 1.3em;

	font-weight: 100;

	letter-spacing: -0.045em;

	color: #375D81;

	text-align: left;

	margin-bottom: 15px;

}