/* @override 
	http://rmwebsite.com/gentledental/wp-content/themes/gentledentalgroup/style.css
	http://www.idealdentalcare.com/wp-content/themes/gentledentalgroup/style.css
*/

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#000249 url("images/bgBody.jpg") top repeat-x;
	text-align:center; 
	font:12px/18px Arial, Helvetica, sans-serif; 
	color: #000249;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#000497; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#e07d1a; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	
.logo {
	margin-bottom: 50px;
}
	
/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("images/bgWrap.jpg") repeat-y;
	width:990px;
	margin:0 auto;
	text-align:left;
	}
	
#header {
	height: 145px;
	background: url("images/header.png") no-repeat;
}

#header h1 a {
	text-indent: -9999px;
	display: block;
	width: 321px;
	height: 145px;
	margin: 0 0 0 55px;
}

#nav {
	height: 48px;
	background: url("images/nav.jpg") left bottom  no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 499;
}

#nav li {
	text-indent: -9999px;
	display: block;
	float: left;
	position:relative;
	padding: 0px;
}

#nav li a {
	display: block;
	height: 48px;
}

#nav-01 a {
	width: 73px;
	margin-left: 39px;
}

#nav-02 a { width: 77px; }
#nav-03 a { width: 80px; }
#nav-04 a { width: 84px; }
#nav-05 a { width: 105px; }
#nav-06 a { width: 159px; }
#nav-07 a { width: 108px; }
#nav-08 a { width: 70px; }
#nav-09 a { width: 55px; }
#nav-10 a { width: 100px; }

#nav-01 a:hover { background: url("images/nav.jpg") -39px 0px no-repeat; }
#nav-02 a:hover { background: url("images/nav.jpg") -112px 0px no-repeat; }
#nav-03 a:hover { background: url("images/nav.jpg") -189px 0px no-repeat; }
#nav-04 a:hover { background: url("images/nav.jpg") -269px 0px no-repeat; }
#nav-05 a:hover { background: url("images/nav.jpg") -353px 0px no-repeat; }
#nav-06 a:hover { background: url("images/nav.jpg") -458px 0px no-repeat; }
#nav-07 a:hover { background: url("images/nav.jpg") -617px 0px no-repeat; }
#nav-08 a:hover { background: url("images/nav.jpg") -725px 0px no-repeat; }
#nav-09 a:hover { background: url("images/nav.jpg") -795px 0px no-repeat; }
#nav-10 a:hover { background: url("images/nav.jpg") -850px 0px no-repeat; }

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	z-index: 9999;
	}

#nav li ul li { 
	height:30px; /* Height of each drop down nav item */
	border:1px solid #fff;
	border-top:none;
	background: url("images/bgDropDown.jpg") repeat-x;
	}	

#nav li ul li a {
	width:100%;
	height:30px;	/* Height of each drop down nav item, should match above */
	line-height:30px;	 /* Height of each drop down nav item again, should match above */
	text-indent: 10px;
	background: url("images/bgDropDown.jpg") repeat-x;
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: 0; }

#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-06 ul a:hover, #nav-10 ul a:hover {
	color:#fff;
	text-decoration:none;
	background: url("images/bgDropDown.jpg") left bottom repeat-x;
}

#nav-02 ul, #nav-02 li { width:225px; }
#nav-03 ul, #nav-03 li { width:200px; }		
#nav-04 ul, #nav-04 li { width:200px; }
#nav-06 ul, #nav-06 li { width:200px; }
#nav-10 ul, #nav-10 li { width:150px; }

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("images/masthead.jpg") center top no-repeat;
	height:239px;
	width: 940px;
	margin: 0 auto;
	z-index: 1;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}

#mastheadInside {
	position:relative;
	background:url("images/mastheadInside.jpg") center top no-repeat;
	height:239px;
	width: 940px;
	margin: 0 auto 31px;
	z-index: 1;
}

body#bocaRaton #mastheadInside {
	background:url("images/mastheadInsideBoca.jpg") center top no-repeat;
}

body#boyntonBeach #mastheadInside {
	background:url("images/mastheadInsideBoynton.jpg") center top no-repeat;
}

body#boyntonBeach #mastheadInside {
	background:url("images/mastheadInsideBoynton.jpg") center top no-repeat;
}

body#cooper #mastheadInside {
	background:url("images/mastheadInsideCooper.jpg") center top no-repeat;
}

body#coconutCreek #mastheadInside {
	background:url("images/mastheadInsideCoconutCreek.jpg") center top no-repeat;
}

body#delRay #mastheadInside {
	background:url("images/mastheadInsideDelRay.jpg") center top no-repeat;
}

body#jupiter #mastheadInside {
	background:url("images/mastheadInsideJupiter.jpg") center top no-repeat;
}

body#lakeWorth #mastheadInside {
	background:url("images/mastheadInsideLakeworth.jpg") center top no-repeat;
}

body#northMiami #mastheadInside {
	background:url("images/mastheadInsideMiami.jpg") center top no-repeat;
}

body#plantation #mastheadInside {
	background:url("images/mastheadInsidePlantation.jpg") center top no-repeat;
}

body#pompanoBeach #mastheadInside {
	background:url("images/mastheadInsidePompano.jpg") center top no-repeat;
}

body#wellington #mastheadInside {
	background:url("images/mastheadInsideWellington.jpg") center top no-repeat;
}

body#westPalm #mastheadInside {
	background:url("images/mastheadInsideWestPalm.jpg") center top no-repeat;
}

#mastheadLocation {
	position:relative;
	background:url("images/mastheadLocations.jpg") center top no-repeat;
	height:239px;
	width: 940px;
	margin: 0 auto 31px;
	z-index: 1;
}
		
a#btnFindOut {
	display: block;
	width: 98px;
	height: 24px;
	text-indent: -9999px;
	margin: 179px 0 0 175px;
	background: url("images/btnFindOut.jpg") no-repeat;
}

a#btnFindOut:hover {
	background: url("images/btnFindOut.jpg") bottom left no-repeat;
}

#specialsNav {
	background: url("images/specialsNav.jpg") no-repeat;
	display: block;
	width: 940px;
	margin: 0 auto;
	height: 92px;
}

#specialsNav li {
	float: left;
}

#specialsNav li a {
	height: 92px;
	display: block;
}

#specialsNav-01 a {
	width: 362px;
	margin-left: 16px;
	background: url("images/specialsNav.jpg") -16px 0px no-repeat;
}

#specialsNav-02 a {
	width: 196px;
	background: url("images/specialsNav.jpg") -378px 0px no-repeat;
}

#specialsNav-03 a {
	width: 350px;
	background: url("images/specialsNav.jpg") -574px 0px no-repeat;
}

#specialsNav-01 a:hover {
	background: url("images/specialsNav.jpg") -16px -92px no-repeat;
}

#specialsNav-02 a:hover {
	background: url("images/specialsNav.jpg") -378px -92px no-repeat;
}

#specialsNav-03 a:hover {
	background: url("images/specialsNav.jpg") -574px -92px no-repeat;
}

#homeMain {
	margin: 8px 0 0 71px;
	width: 866px;
	height:488px;
}

#titleWelcome {
	background: url("images/titleWelcome.jpg") no-repeat;
	width: 145px;
	height: 29px;
	text-indent: -9999px;
	margin: 11px 0 15px 0;
}

#homeMain p {
	margin-bottom: 25px;
	display: table;
}

#videoPlayer {
	width: 454px;
	height: 272px;
	display: block;
	margin:0 10px 0 0;
	float:left;
	background: url("images/videoPlayer.jpg") no-repeat;
}

#testimonials-box {width:380px;
	float:right;
	margin-right:20px;
	}
#testimonials-box p {margin-bottom:10px;}

#testimonials-box h2 {font-size:26px; color:#DF7F1B;}

#player1 {
	margin: 4px 0 0 14px;
}

#contentHomeWrap {
	background: url("images/bgContentHomeWrap.png") 0 28px no-repeat;
	width: 880px;
	margin: 0 auto;
}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:263px;
	float:left;
	}

#column-left h1, #column-left h2, #column-left h3 {
	margin:0px 0px 10px 0px;
}
		
#column-left p, #column-left ul, #column-left dl {
	margin:0px 13px 10px 16px;
}

#columnLeftWrap {
	background: url("images/titleOfficeLocations.jpg") no-repeat;
	padding: 45px 0 0 0;
}

#column-left.home-page #columnLeftWrap {
	background: url("images/titleOfficeLocations.jpg") 0 28px no-repeat;
	padding: 73px 0 0 0;
}
		
#titleOfficeLocations {
	text-indent: -9999px;
}

#column-left #titleNewLocations {
	background: url("images/titleNewLocations.jpg") no-repeat;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 87px;
	margin-left: 18px;
	margin: 35px 0 0 18px;
}

#logoWereOpenInside {
	margin: 25px 10px 0 0;
}

#column-left #logoWereOpen {
	margin: 30px 49px 0 0;
}

#column-left p.noMargin {
	margin-bottom: 0px;
}

#column-leftInside {
	width: 579px;
	float: left;
	margin: 0 0 0 39px;
	padding: 0 33px;
}

#column-leftInside h2 {
	font-size: 21px;
	color: #000249;
	margin: 0 0 15px 0;
	font-weight: normal;
}

#column-leftInside h3 {
	font-size: 17px;
	color: #000249;
	font-weight: normal;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #dc7718;
	margin-bottom: 10px;
}

#column-leftInside p {
	margin: 0 0 10px 0;
}

#column-leftInside hr {
	height: 0;
	border: none;
	border-top: 1px solid #dc7718;
	margin-bottom: 7px;
}

#column-leftInside ul {
	list-style-image: url("images/bullet.jpg");
	margin: 0 0 20px 40px;
}

#anchorNav {
	display: block;
	float: left;
}

#anchorNav li {
	float: left;
	width: 269px;
}

#map {
	background: url("images/bgGoogleMaps.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#belle-map {
	background: url("images/belleglade.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#boca-map {
	background: url("images/bocaraton.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
	position:relative;
}
#boca-map a{
	position:absolute;
	width: 350px;
	height: 300px;
	float: right;
}

#boynton-map {
	background: url("images/boynton.jpg") no-repeat;
	display: block;
	width: 400px;
	height: 300px;
	float: right;
}

#coconut-map {
	background: url("images/coconutcreek.jpg") no-repeat;
	display: block;
	width: 370px;
	height: 300px;
	float: right;
}

#coral-map {
	background: url("images/coralsprings.jpg") no-repeat;
	display: block;
	width: 375px;
	height: 300px;
	float: right;
}

#delray-map {
	background: url("images/delray.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#lakeworth-map {
	background: url("images/lakeworth.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#northmiami-map {
	background: url("images/northmiami.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
	position:relative;
}
#northmiami-map a{
	width: 350px;
	height: 300px;
	float: right;
	position:absolute;
}

#plantation-map {
	background: url("images/plantation.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#pompano-map {
	background: url("images/pompano.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#wellington-map {
	background: url("images/wellington.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#westpalm-map {
	background: url("images/westpalm.jpg") no-repeat;
	display: block;
	width: 350px;
	height: 300px;
	float: right;
}

#officeLocations {
	width: 220px;
}

#servicesOffered {
	display: block;
	margin-left:0;
	width:540px;
}

#servicesOffered li {
	float:left;
	list-style-image:url(images/bullet.jpg);
	list-style-position:outside;
	margin-right:10px;
	width:170px;
}

#officeGallery {
	clear: both;
	margin-top: 10px;
}

.imgBig {
	border: 1px solid #6988a7;
	padding: 1px;
	float: left;
	margin-right: 3px;
}

#imgBig02 { display: none; }
#imgBig03 { display: none; }
#imgBig04 { display: none; }
#imgBig05 { display: none; }
#imgBig06 { display: none; }
#imgBig07 { display: none; }
#imgBig08 { display: none; }
#imgBig09 { display: none; }
#imgBig10 { display: none; }

.imgSmall {
	float: left;
	border: 1px solid #6988a7;
	padding: 1px;
	margin: 0 3px 3px 0;
	cursor: pointer;
}

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:613px;
	float:left;
	margin-left: 4px;
	display: inline;
}

#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
	margin:0px 0px 10px 0px;
}

#column-right ul {
	margin: 0 0 10px 10px;
	float: left;
	width: 187px;
}

#stayConnected {
	font-size: 18px;
	font-weight: normal;
	float: right;
	
}

#column-right ul#firstChild {
	margin-left: 19px;
}

#titleServicesProcedures {
	background: url("images/titleServicesProcedures.jpg") no-repeat;
	height: 58px;
	text-indent: -9999px;
	display: block;
}

.title {
	padding: 66px 0 0 0;
	font-size: 14px;
}

#preventativeTreatments {
	background: url("images/imgPreventativeTreatments.jpg") no-repeat;
}

#restorativeTreatments {
	background: url("images/imageRestorativeTreatments.jpg") no-repeat;
	margin: 20px 0 0 0;
}

#cosmeticTreatment {
	background: url("images/imageCosmeticTreatments.jpg") no-repeat;
}

#specialtyReconstructive {
	background: url("images/imageSpecialtyReconstructiv.jpg") no-repeat;
}

#column-rightInside {
	width: 249px;
	float: left;
}

#btnContact {
	background: url("images/btnContact.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 55px;
	margin: 0 0 6px 0;
}

#btnContact:hover {
	background: url("images/btnContact.jpg") bottom left no-repeat;
}

#btnTestimonials {
	background: url("images/testimonialsBtn.gif") no-repeat;
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 70px;
	margin: 0 0 6px 0;
}


#videoPlayer #btnTestimonials, #videoPlayer #btnBraces, #videoPlayer #btncontestWinner {margin-left:70px;}

#btnTestimonials:hover {
	background: url("images/testimonialsBtn.gif") bottom left no-repeat;
}

#btnBraces {
	background: url("images/bracesBtn.gif") no-repeat;
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 70px;
	margin: 0 0 6px 0;
}

#btnBraces:hover {
	background: url("images/bracesBtn.gif") bottom left no-repeat;
}

#btncontestWinner {
	background: url("images/contestBtnwinner.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 70px;
	margin: 0 0 6px 0;
}

#btncontestWinner:hover {
	background: url("images/contestBtnwinner.jpg") bottom left no-repeat;
}
#subNavTop {
	background: url("images/subNavTop.jpg") no-repeat;
	height: 7px;
	width: 246px;
	margin-top: 8px;
}

#subNav {
	background: url("images/subNavBkgd.jpg") repeat-y;
	width: 247px;
}

#subNav li {
	margin: 0 4px 0 5px;
}

#subNav li a {
	background: #eaeaea url("images/bulletSubNav.jpg") 10px center no-repeat;
	padding: 8px 0 8px 37px;
	display: block;
	border-bottom: 1px solid #c4c4c4;
	color: #333;
	text-decoration: none;
}

#subNav li a:hover {
	background: #dc7718 url("images/bulletSubNavHover.jpg") 10px center no-repeat;
	padding: 8px 0 8px 37px;
}

#subNav li:first-child a {
	border-top: 1px solid #c4c4c4;
}

#subNav #categoryTitle, #subNav #archiveTitle, #subNav li.subNavTitle a {
	background: none;
	background-color: #eaeaea;
	font-size: 14px;
	padding: 8px 0 8px 10px;
	color: #000249;
}

#subNav #categoryTitle, #subNav #archiveTitle {
	border-bottom: 1px solid #c4c4c4;
}

#subNav #categoryTitle {
	border-top: 1px solid #c4c4c4;
}

#subNav li.subNavTitle a:hover {
	background-color: #dc7718;
}

#subNavBottom {
	background: url("images/subNavBottom.jpg") no-repeat;
	height: 7px;
	width: 246px;
	margin-bottom: 10px;
}

#columnRightInsideWrap {
	background: url("images/bgRightColumnInside.jpg") repeat-y;
}

#columnRightInsideWrapInside {
	background: url("images/titleOfficeLocationInside.jpg") no-repeat;
	padding: 45px 16px 0;
}

#titleOfficeLocations {
	display: block;
	text-indent: -9999px;
}

#columnRightWrap p {
	margin: 0 0 10px 0;
}

#columnRightWrap p#lastChild {
	margin-bottom: 0px;
}

#titleNewLocations {
	background: url("images/titleNewLocations.jpg") no-repeat;
	text-indent: -9999px;
	display: block;
	height: 27px;
	margin: 33px 0 14px 0;
}

.noMargin {
	margin: 10px 0;
}

#column-rightInsideBtm {
	background: url("images/bgRightBottomInside.jpg") no-repeat;
	height: 44px;
}

/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("images/bgBtmWrap.jpg");
	height:103px;
	clear:both; /* important - do not remove */
	}
	
#bottom-wrapInside {
	background: url("images/bgBtmWrapInside.jpg") no-repeat;
	height: 103px;
	clear: both;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:990px;
	margin:0 auto;
	text-align:center;
	background: url("images/bgFooter.jpg") no-repeat;
	padding: 30px 0 10px 0;
	color: #92a1cc;
	font-size: 11px;
	line-height: 18px;
	}


#footer a:link, #footer a:visited { color:#92a1cc; padding: 4px;}
#footer a:hover, #footer a:active { color:#fff; background: #e07d1a; text-decoration: none;}

#footer ul {margin: 0 10px;}
	#footer li {
		padding:0 5px 0 7px;
		display: inline;
		border-left: 1px solid #92a1cc;
		margin: 0;
		}
	#footer li:first-child { border: none; }
	
.imgContent {
	border: 1px solid;
	margin-top: 20px;
}

#btnWebSpecials {
	background: url("images/btnWebSpecials.jpg") no-repeat;
	width: 400px;
	height: 62px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#btnWebSpecials:hover {
	background: url("images/btnWebSpecials.jpg") bottom left no-repeat;
}

#online-network {
	width: 263px;
	margin: 0px 0 0 240px;
}

.socialMedia {
	width:42px;
	height:42px;
	text-indent:-9999px;
	margin-left:15px;
	float:left;
}

#online-network a.socialMedia:hover {
	background-position: bottom left;
}

#youtube { background:url("images/youtube.jpg") no-repeat; }
#facebook {	background:url("images/facebook.jpg") no-repeat; margin-left: 0px;}
#rss { background:url("images/rss.jpg") no-repeat; }
#twitter { background:url("images/twitter.jpg") no-repeat; }

#wrmf { background:url("images/wrmf.jpg") no-repeat; height:50px; width:128px; display:block; text-indent:-9999px; float:left; margin-left:10px;}

a.coupon-btn {float:right; display:block; width:160px; height:39px; background:url("images/coupon.png") no-repeat;}

/*SLIDESHOW ----------------------->>>------>>*/
#slideshow {
	height: 238px;
	width: 940px;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	z-index:0;
}

#slides div, #slides a {
	display: block;
	height: 239px;
	width: 940px;
}

#slide1 { background: url("images/slide1.jpg") no-repeat; }
#slide2a { background: url("images/slide2a.jpg") no-repeat;}
#slide2 { background: url("images/slide2.jpg") no-repeat;}
#slide3 { background: url("images/slide3.jpg") no-repeat; }
#slide4 { background: url("images/slide4.jpg") no-repeat; }
#slide5 { background: url("images/slide5.jpg") no-repeat; }




#slideshow-nav {
	position: absolute;
	left: 20px;
	top: 215px;
	z-index: 100;
}

#slideshow-nav a {
	padding: 1px 4px;
	background: #e8e6d3;
	background: rgba(232,230,211,0.7);
	margin-right: 3px;
	border: 1px solid #585477!important;
	text-decoration: none;
	cursor:pointer;
}

#slideshow-nav a.activeSlide {
	background: #00034A;
	background: rgba(1,46,101,0.7);
	color: #fff;
}