/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: #696969 url(images/body.jpg) repeat-x 0 0;
    text-align: left;
    padding-top:24px;
}

/*----- Start "Clear" -----*/
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*------ End "Clear" ------*/

/*----- Start "Link styles" -----*/
a img { border: 0; }
a { color: orange; text-decoration: none; }
a:hover { text-decoration: underline; }
/*------ End "Link styles" ------*/

/*----- Start "Box positions" -----*/
.shell { margin: 0 auto; width:886px}
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/*------ End "Box positions" ------*/

.no-txt{font-size:0; line-height:0; text-indent:-9999px; display:block}
/*----- End "Main definitions" -----*/

/*------ Start "Main grid definitions" ------*/

.shadow{background:url(images/shadow.png) repeat-y center 0; width:994px; margin:0 auto}

/*----- Start "header"  -----*/
#header{background:url(images/header.jpg) no-repeat 0 0;}
h1#logo{font-size:0; line-height:0; float:left; width:312px}
h1#logo a{display:block; background:url(images/logo.png); text-indent:-9999px; height:81px}

#header .right{width:500px; color:#aaa; font-size:11px; line-height:14px; padding-top:29px}
#header .right p{float:left}
#header .right p.tel{font-size:14px; line-height:17px}
#header .right a.mail{background:url(images/mail-sprite.gif) no-repeat 0px -23px; width:107px; height:23px; margin-left:6px; margin-top:3px}
#header .right a.mail:hover{background:url(images/mail-sprite.gif) no-repeat 0px 0px;}
#header .right span{float:left; width:2px; height:43px; background:url(images/devider.png); margin:0 13px 0 10px}
/*----- End "header"  -----*/

/*----- Start "navigation" -----*/
#navigation{height:57px; background:url(images/navigation.gif) no-repeat 0 0; position: relative; }
#navigation ul { padding: 0; margin: 0; list-style: none; }
#navigation li{ float: left; width: 10em; }
#navigation li a{ display: block; height:57px; color:#aaa; font-size:11px; line-height: 52px; text-decoration:none; text-align:center; }
#navigation li a:hover{color:orange;}

#navigation li#home {width:54px; margin-right:1px}
#navigation li#services {width:70px; margin-right:1px}
#navigation li#doctors {width:112px; margin-right:1px}
#navigation li#implants {width:95px; margin-right:1px}
#navigation li#recession {width:122px; margin-right:1px}
#navigation li#perio {width:144px; margin-right:1px}
#navigation li#testimonials {width:87px; margin-right:1px}
#navigation li#edu {width:122px; margin-right:1px}
#navigation li#contact {width:72px;}

#navigation li#home.hover,
#navigation li#home .active{background:url(images/navigation.gif) no-repeat 0 -57px}
#navigation li#services.hover,
#navigation li#services .active{background:url(images/navigation.gif) no-repeat -55px -57px}
#navigation li#doctors.hover,
#navigation li#doctors .active{background:url(images/navigation.gif) no-repeat -126px -57px}
#navigation li#implants.hover,
#navigation li#implants .active{background:url(images/navigation.gif) no-repeat -238px -57px}
#navigation li#recession.hover,
#navigation li#recession .active{background:url(images/navigation.gif) no-repeat -334px -57px}
#navigation li#perio.hover,
#navigation li#perio .active{background:url(images/navigation.gif) no-repeat -457px -57px}
#navigation li#testimonials.hover,
#navigation li#testimonials .active{background:url(images/navigation.gif) no-repeat -602px -57px}
#navigation li#edu.hover,
#navigation li#edu .active{background:url(images/navigation.gif) no-repeat -690px -57px}
#navigation li#contact.hover,
#navigation li#contact .active{background:url(images/navigation.gif) no-repeat -813px -57px}

#navigation li ul { position: absolute; left: -999em; width: 225px; z-index: 1000; border: solid #ECB443; border-width: 0 2px 2px 2px; margin-top: -10px; background: #F6D9A1; padding: 10px 0; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
#navigation li:hover ul, #navigation li.hover ul { left: auto; }
#navigation li ul li { width: 100%; }
#navigation li ul li a { height: auto; line-height: 15px; text-align: left; color: #070707; background: #F6D9A1; padding: 2px 10px 4px; }
#navigation li ul li a .bullet { color: #FB9514; font-size: 20px; }
#navigation li#home li a:hover, #navigation li#home li a.active,
#navigation li#services li a:hover, #navigation li#services li a.active,
#navigation li#doctors li a:hover, #navigation li#doctors li a.active,
#navigation li#implants li a:hover, #navigation li#implants li a.active,
#navigation li#recession li a:hover, #navigation li#recession li a.active,
#navigation li#perio li a:hover, #navigation li#perio li a.active,
#navigation li#testimonials li a:hover, #navigation li#testimonials li a.active,
#navigation li#edu li a:hover, #navigation li#edu li a.active,
#navigation li#contact li a:hover, #navigation li#contact li a.active { color: orange; background: #212121; }
/*----- End "navigation"  -----*/

/*----- Start "flash-div" -----*/
.flash-div{border-bottom:0px solid #000;}
.flash-div img{margin-top:0px; position:relative; z-index:10}
.girl{float:left; margin-top:0px; display:inline; width:295px; font-size:0; line-height:0}
.flash{float:right; display:inline; width:590px; font-size:0; line-height:0}
/*----- End "flash-div"  -----*/

/*----- Start "container" -----*/
#container{background:#fff url(images/container.jpg) no-repeat 0 0; height:100%; padding-top: 18px; }
.ctn{background:url(images/ctn.gif) repeat-y 0 256px; width:849px; margin:0 auto;}
.ctn-top{background:url(images/ctn-top.jpg) no-repeat 0 0;}
.ctn-bottom{background:url(images/ctn-bottom.jpg) no-repeat 0 bottom; min-height:449px; position:relative; height:100%; overflow:hidden}
.ctn h2{height:65px; text-align:center; line-height:29px; font-family:Arial black, Arial, sans-serif; font-size:16px; color:#000; padding-top:11px; margin-bottom:15px}
.ctn h2 span{font-weight:normal; font-size:12px; font-family:Arial, sans-serif}
.ctn .box{float:left; width:288px; margin-right:2px}
.ctn .box img{margin-bottom:11px}
.ctn .first{width:284px}
.ctn .first h3{ padding-left:19px}
.ctn .first p{ padding-left:19px}
.ctn .last{width:273px; margin-right:0}
.ctn .last h3{ padding-left:19px}
.ctn .last p{ padding-left:19px}
.ctn .box h3{font-size:15px; font-family:Arial black, arial, sans-serif; padding-left:25px; letter-spacing:-1px}
.ctn .box p{padding-left:25px; padding-top:18px; padding-right:22px; background:url(images/box.png) no-repeat center 0; font-size:12px; line-height:15px}
.ctn a.more{position:absolute; bottom:0; margin-left:78px; margin-bottom:38px; background:url(images/more.gif); width:108px; height:21px}
.ctn a.more:hover{background:url(images/more-hover.gif);}

.latest {background:url(images/latest.gif) repeat-y 0 0;}
.latest .top{background:url(images/top.gif) no-repeat 0 0;}
.latest .bottom{background:url(images/bottom.gif) no-repeat 0 bottom; padding:46px 88px 28px 52px; height:100%}
.news{width:329px;}
.news h2{margin-bottom:45px}
.news p{padding-left:20px; background:url(images/bulet.gif) no-repeat 0 4px; padding-bottom:30px;}
.news a { font-size:14px; font-weight:bold;}
.testimonials{width:301px; margin-top:-4px}
.testimonials h2{margin-bottom:28px;}
.testimonials p{padding:15px 0 0 55px; background:url(images/quote1.gif) no-repeat 16px 0; font-size:13px; line-height:16px}
.testimonials span{background:url(images/quote2.gif) no-repeat right 0; font-weight:bold; display:block; padding-top:19px; padding-left:55px; font-size:13px; line-height:16px}
.latest h2{font-size:16px; font-family:Arial black, arial, sans-serif}
/*----- End  "container"-----*/

/*----- Start "footer" -----*/
#footer{background:url(images/footer.gif) repeat-x 0 0;}
#footer .left{width:650px;}
#footer .left p{font-size:10px; color:#845404; line-height:13px; padding-top:10px}
#footer .left a{color:#845404; font-weight:bold; margin-right:10px; text-decoration:none}
#footer .left a:hover{text-decoration:underline}
#footer .right{width:202px;}
/*----- End "footer" -----*/

/*------ End "Main grid definitions" ------*/

/*----- Start "Inner pages grid definitions" -----*/

/*-----
.inner #logo{margin-bottom:-9px; position:relative; z-index:20}
.inner #logo a{background:url(images/logo-inner.png); height:90px}
-----*/

.inner #container{background:url(images/inner-container.gif) repeat-y 0 0; padding-top:0;}
.inner #container .wrap{background:url(images/wrap.gif) no-repeat 0 0; margin-top:-10px; position:relative; z-index:20; height:100%}

#sidebar{float:left; display:inline; width:226px}
#content{float:right; display:inline; width:594px; padding-right:32px; padding-top:22px}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content{padding-top: 30px;}
}
#container a:hover {
	color: orange;
}
#container .no-bgr{background:transparent;}

#sidebar h2{height:56px; line-height:61px; font-size:18px; font-weight:bold; padding-left:22px; margin-bottom:15px; background:url(images/sidebar-h2.gif)}
#sidebar h2.no-bgr{height:50px; line-height:50px; font-size:19px; margin-top:-10px; display:block}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sidebar h2.no-bgr{margin-top: 0;}
}
#sidebar ul{height:100%; overflow:hidden; padding-left:22px; list-style-type:none; margin-bottom:20px}
#sidebar li {float:left; width:100%; margin-bottom:17px}
#sidebar li a{background:url(images/arrow.gif) no-repeat 0 0; padding-left:37px; height:18px; line-height:18px; font-size:13px; color:#000; text-decoration:none; display:block}
a.news{ padding-left:10px; font-size:12px; font-style:italic; color:#000; text-decoration:none; background:url(images/bulet2.gif) no-repeat 0 3px; margin-left:141px; margin-bottom:11px}
#sidebar .media{padding:0 21px;}
#sidebar .media p{padding:11px 6px 14px 6px; font-size:11px; line-height:16px}
#sidebar h2.h-comments{background:url(images/h-comments.gif); height:103px; line-height:73px; padding-left:67px; margin-bottom:7px}
#sidebar .comments{background:url(images/comm.gif) no-repeat right bottom;}
#sidebar .comments p{font-style:italic; font-size:13px; line-height:19px; padding:0 11px 19px 22px}
#sidebar .comments strong{padding:0 11px 36px 22px; font-size:13px; display:block; font-weight:bold}
#sidebar a:hover {
	color: red;
}


#content h2{color:#f3b200; font-size:22px; font-weight:normal; font-family:arial, sans-serif; background:url(images/content-h2.gif) no-repeat 0 bottom; padding-bottom:12px; margin-bottom:9px}
#content h3{font-size:18px; color:#989898; margin-bottom:23px}
#content p{color:#adadad; line-height:22px; padding-bottom:25px; font-size:16px;}
.article{background:url(images/article.gif) no-repeat 0 bottom; padding-bottom:2px; margin-bottom:24px}
#content .article img.dental{margin-top:-27px; margin-right:-24px}
#content .article div.contact{width:100%; text-align:center; margin-top:-17px; margin-left:auto; margin-right:auto}
#content .article .contact p{padding-bottom:7px; font-size:14px; line-height:17px}
#content .article a.contact{background:url(images/contact-sprite.png) no-repeat 0px -39px; width:168px; height:39px; margin-left:auto; margin-right:auto}
#content .article a.contact:hover{background:url(images/contact-sprite.png) no-repeat 0px 0px;}
#content .article .left{width:271px; padding-left:7px; text-align:center; margin-bottom:11px}
#content .article .right{width:271px; padding-right:17px; text-align:center; margin-bottom:11px}

#content h2.periodontal{background-position: right bottom; width:324px}
#content .article .video{padding-left:80px; padding-bottom:29px; padding-top:8px}
#content .article img.figure{margin-right:-32px; margin-top:4px}
#content h3.white{color:#fff; margin-bottom:25px}
#content .article h4{font-size:18px; color:#989898; text-decoration:underline; margin-bottom:21px}
#content .article .pad p{padding-left:28px;}
#content .article .pad strong{font-size:18px}

.inner #container.doctors {background:#474747 url(images/doc-container.gif) repeat-x 0 131px; }
.doctors #content{float:none; width:832px; height:100%; overflow:hidden}
.doctors #content p{padding-bottom:18px}

.inner #container.referrals {background:#363636 url(images/doc-container2.gif) repeat-x 0 131px; }
.referrals #content{float:none; width:832px; height:100%; overflow:hidden}
.referrals #content p{padding-bottom:18px}

.submenu{background:url(images/submenu.gif) no-repeat 0 0; margin-top:-10px; height:100%; position:relative; z-index:10; padding-top:20px; padding-bottom:14px; border-bottom:1px solid #5a5a5a; position:relative;}
.submenu span{color:#f3b200; padding-right:25px; background:url(images/arrow2.gif) no-repeat right 3px; float:left; margin-top:33px; padding-left:22px; margin-right:124px; font-size:15px}
.submenu .img-holder{float:left; width:170px; text-align:center; margin-right:75px; }
.submenu .img-holder a{text-decoration:none; color:#f3b200; font-size:12px}
.submenu span.pointer{position:absolute; left:0; bottom:0; width:12px; height:10px; margin-left:348px; margin-bottom:-11px; background:url(images/pointer.gif) no-repeat 0 0; padding:0; display:block}
.submenu span.pointer2{position:absolute; left:0; bottom:0; width:12px; height:10px; margin-left:548px; margin-bottom:-11px; background:url(images/pointer.gif) no-repeat 0 0; padding:0; display:block}

.submenu2{background:url(images/submenu.gif) no-repeat 0 0; margin-top:-10px; height:100%; position:relative; z-index:10; padding-top:12px; padding-bottom:0px;  position:relative;}


.inner #container.doctors #content{padding:30px 32px 0 22px; background:url(images/pattern.jpg) no-repeat 0 0; display:block}
.inner #container.doctors #content a.left{margin-left:-7px; position:relative; z-index:10; padding-right:24px; padding-bottom:13px}
.inner #container.doctors #content h2{margin-bottom:11px; float:left; width:70%; padding-bottom:10px}
.inner #container.doctors #content p i{text-align:center; display:block}
.inner #container.doctors #content .leftbox{float:left; display:inline; width:176px; padding-left:151px; margin-bottom:26px}
.inner #container.doctors #content .rightbox{float:right; display:inline; width:177px; padding-right:180px; margin-bottom:26px}
.inner #container.doctors #content h3{font-family:Georgia, sans-serif; color:#f3b200; font-weight:normal; font-size:18px; padding-bottom:16px; margin-bottom:42px; background:url(images/line.gif) no-repeat 0 bottom}


.inner #container.referrals #content{padding:30px 32px 0 22px; background:url(images/pattern3.jpg) no-repeat 0 0; display:block}
.inner #container.referrals #content a.left{margin-left:-7px; position:relative; z-index:10; padding-right:24px; padding-bottom:13px}
.inner #container.referrals #content h2{margin-bottom:11px; float:left; width:70%; padding-bottom:10px}
.inner #container.referrals #content p i{text-align:center; display:block}
.inner #container.referrals #content .leftbox{float:left; display:inline; width:176px; padding-left:151px; margin-bottom:26px}
.inner #container.referrals #content .rightbox{float:right; display:inline; width:177px; padding-right:180px; margin-bottom:26px}
.inner #container.referrals #content h3{font-family:Georgia, sans-serif; color:#f3b200; font-weight:normal; font-size:18px; padding-bottom:16px; margin-bottom:42px; background:url(images/line.gif) no-repeat 0 bottom}

.logos .img-holder{float:left; width:294px; margin-bottom:35px}
.logos .last{float:left; width:242px}
.logos .img-holder .text{display:block; background:url(images/bulet3.gif) no-repeat 0 3px; text-decoration:none !important; color:#989898 !important; padding-left:21px; font-size:15px}
.logos .img-holder a:hover{text-decoration:underline; color:#f3b200}
.logos .img-holder a.img{background:transparent; padding:0}
.affilate p{float:left; width:293px;}
.public{padding-bottom:40px;}
.public a{color:#989898 !important; display:block; text-decoration:none; font-size:15px; line-height:18px}
.bodytext {color:#adadad;}
/*----- End "Inner pages grid definitions" -----*/

.small-side { width: 273px; }
.art { font-size: 12px; line-height: 1.3; color: #989898; margin-bottom: 25px; }
.art p { letter-spacing: -0.5px; padding-left: 7px; }
.art p span { color: #fff; }
.art img { display: block; }
.art h5 { font-size: 17px; color: #fff; font-weight: normal; line-height: 1.2; padding-left: 7px; }


.cpicture { background-color: #F3B200;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.cpicture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.pright { margin: 0.5em 0pt 0.5em 0.5em; float:right; }
.pleft { margin: 0.5em 0.5em 0.5em 0; float:left; }


#sidebar .latest-news li{ margin-bottom: 10px; }

#sidebar .latest-news li a{ height: auto; }

.social-head{ float: left;
    list-style-type: none;
    margin: 4px 0 0;
    vertical-align: top;
    width: 40px;}

.social-head li{
	display: inline-block;
    float: left;
    margin: 0 4px 0 0;
}