/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{ margin:0; background: url(../images/bg.jpg) repeat-x #fefdf9; font-family: 'Roboto', sans-serif; }
.wrapper{ margin:0px auto; width:900px; border:px solid red; }
header{width:100%; margin:0px; height:90px; background: url(../images/bg-header.png) top left repeat-x; }
header{ margin:0px; height:90px;}
.logo{ margin:8px 0px 0px 5px; padding:0px; float:left;}
#topnavi{ width:218px; float:right; border:0px solid red;}
ul.navigation{width:218px;float:left;padding:0 0 0px; margin:10px 0 0 0px; margin-right:0px;}
ul.navigation li{float:left;height:12px;font-size:10px;margin-right:10px;display:inline; color:#595959;}
ul.navigation li a{float:left;height:12px;font-size:1px;}
ul.navigation li.home a{width:43px; background:url(../images/hometop.png) left top no-repeat;}
ul.navigation li.home a:hover{background:url(../images/hometop.png) left bottom no-repeat;}
ul.navigation li.sitemap a{width:53px;background:url(../images/sitetop.png) left top no-repeat;}
ul.navigation li.sitemap a:hover{background:url(../images/sitetop.png) left bottom no-repeat;}
ul.navigation li.contact a{width:70px;background:url(../images/contacttop.png) left top no-repeat;}
ul.navigation li.contact a:hover{background:url(../images/contacttop.png) left bottom no-repeat;}

header nav { width:580px; float:right; height:35px; margin:0px; border:px solid red; }
ul#topmenu  { margin:0; padding:25px 0 0 0;  height:35px; float:right; }
ul#topmenu li { display:inline; margin:0; padding:0; height:35px; width:auto; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; }
ul#topmenu a { float:left; background:url(../images/menu_lt.png) no-repeat left top; margin:0 0px 0 3px; padding:0 0 0 14px; text-decoration:none; color:#000; 
width:auto;} 
ul#topmenu a span { float:left; display:block; background:url(../images/menu_rt.png) no-repeat right top; padding:0px 14px 0px 2px; color:#000; height:35px; line-height:34px; }
#topmenu a:hover { background-position:0% -35px; }
#topmenu a:hover span { background-position:100% -35px; cursor:pointer; color:#fff; }
ul#topmenu li.selected a { background-position:0% -35px;}
ul#topmenu li.selected a span { background-position:100% -35px;  color:#fff;}

#bannerhome{width:100%; margin:0px; height:326px;background:url(../images/banner-bg.png) top left repeat-x; }
.bannerframe{margin:0px auto; padding:0px; width:900px; height:326px; position:relative; top:0px; background:url(../images/frame.png) top left no-repeat; z-index:555;}
.banner{margin:0px; padding:0px; width:865px; height:275px; position: relative; top:17px; left:18px; background:url(../images/banner-6.jpg) top left no-repeat;
z-index:111;}


#content{width:900px; border:px solid red; float:left; min-height:280px; background:url(../images/homecont-bg.png) top left no-repeat; }
.content-home{ width:315px; height:255px; margin:0px 0px 0px 0px; padding:10px 20px 0px 20px; float:left;float:left; border:px solid green;}
.hometxt{ margin:0px; padding:0px 5px 0px 5px; font-size:12px; line-height:20px; color:#333; }
.hometxt p{ font-size:12px; line-height:22px;  color:#333;}
.hometxt h2{ font-size:20px; line-height:0px;  color:#a32727; font-weight:normal; font-family: 'Fjalla One', sans-serif;}
.hometxt>hr{ border:none; border-bottom:1px dotted #f3b4a3; background:none;}

.smilezone{ width:237px; height:255px;  margin:0px 0px 0px 0px; padding:10px 15px 0px 15px; float:left; border:px solid red;}
.smilezonetxt{ margin:0px; padding:0px 5px 10px; font-size:12px; line-height:18px; color:#333; }
.smilezonetxt p{ font-size:12px; line-height:18px;  color:#333;}
.smilezonetxt h2{ font-size:20px; line-height:0px;  color:#a32727; font-weight:normal; font-family: 'Fjalla One', sans-serif;}
.smilezonetxt>hr{border:none; border-bottom:1px dotted #f3b4a3; background:none;}

.conts-home{ width:240px; height:255px;  margin:0px 0px 0px 0px; padding:10px 15px 0px 15px; float:right; border:px solid red;
}

.contstxt{ margin:0px; padding:0px 5px 10px;font-size:12px; color:#333; }
.contstxt p{ font-size:12px; line-height:15px;  color:#333;}
.contstxt>hr{border:none; border-bottom:1px dotted #f3b4a3; background:none;}
.contstxt h2{ font-size:20px; line-height:0px;  color:#a32727; font-weight:normal; font-family: 'Fjalla One', sans-serif; }
.contstxt h3{ font-size:16px; line-height:5px;  color:#a32727; font-weight:normal; font-family: 'Capriola', sans-serif; }
.contstxt span{ font-size:12px; line-height:15px;  color:#333; width:40px; font-weight:bold; float:left; margin-top:30px; }

.conshours{width:125px; padding-left:10px; border-left:1px  dotted #be997c; float:right; margin-top:10px;}
.conshours p{ font-size:12px; line-height:7px;  color:#333; text-decoration:underline;}
.conshours h3{ font-size:13px; line-height:10px;  color:#a32727; font-weight:bold;}
.conshours h2{ font-size:18px; line-height:8px;  color:#a32727; font-weight:bold;}
.contstxt .clock{ width:77px; float:left; margin-top:30px;}
.contstxt .phone{ width:77px; float:left; margin-top:45px;}
/***********************************Inner Page******************************************************/
#bannerinner{width:920px; margin:0px auto; height:138px; }
.bannerinner{margin:0px; padding:0px; width:920px; height:138px;background:url(../images/inner-bg.png) top left repeat-y ; padding-left:10px;}
#contentinner{width:920px; margin:0px auto; height:auto; }
.content-inner{ width:850px; min-height:263px; margin:0px; padding:25px 35px;  float:left;margin-top:0px;background:url(../images/inner-bg.png) top left repeat-y;
}
.innertxt{ margin:0px; padding:0px 0px 0px; font-family: 'Roboto', sans-serif;  font-weight:200; font-size:12px; color:#333; }
.innertxt p{ font-size:12px; line-height:18px;  color:#333;}
.innertxt h2{ font-size:20px; color:#a32727; font-weight:normal;line-height:15px;margin:0px; padding:0px 0px 0px; font-family: 'Fjalla One', sans-serif; }
.innertxt h3{ font-size:14px; line-height:10px;  color:#a32727; font-weight:normal;font-family: 'Capriola', sans-serif; }
.innertxt hr{ border:none; border-bottom:1px dotted #f3b4a3; background:none;}
.innertxt ul{ margin:0px 0px 0px 20px; padding:0px 0px 0px; font-family: 'Roboto', sans-serif; font-weight:200;font-size:12px;color:#333;}
.innertxt ul li{ margin:0px; padding:0px 0px 0px; font-family: 'Roboto', sans-serif; font-weight:200;font-size:12px;color:#333; line-height:22px;
background: url("../images/expertise-orange-arrow.png") no-repeat scroll 0 8px transparent; list-style-type:none;
}
.innertxt ul li a{ margin:0px; padding:0px 0px 0px 10px; font-family: 'Roboto', sans-serif; font-weight:200;font-size:12px;color:#333; line-height:22px;}
.innertxt ul li a:hover{ color:#FF6633; text-decoration:underline;}
a:hover{ color:#FF6633; text-decoration:underline;}



.sidetxt{ margin:0px; padding:0px 8px 10px; font-family: 'Roboto', sans-serif; font-size:12px; line-height:18px; color:#333; }
.sidetxt p{ font-size:12px; line-height:15px;  color:#333;}
.sidetxt h2{ font-size:20px; line-height:0px;  color:#a32727; font-weight:normal;}
.sidetxt h3{ font-size:16px; line-height:5px;  color:#a32727; font-weight:normal;}
.sidetxt span{ font-size:12px; line-height:15px;  color:#333; width:40px; font-weight:bold; float:left; margin-top:30px; }
.side-inner{ width:223px; height:250px; border:5px solid #f3b4a3; margin:0px; padding:0px;  float:right; background:#fff2e8; margin-left:10px;margin-top:10px;  
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
}

footer{ width:100%; min-height:50px; background:#3c0a0a; float:left; border-top:1px solid #c83131}
.footer{ margin:0px auto; width:900px; border:px solid red; font-family: 'Roboto', sans-serif; font-size:10px; line-height:18px; color:#b37a6c;}
.copy{ margin:20px 0px; float:left;}


.clients {
    display: inline;
    float: left;
    margin: 0 0 0 0px;
    padding-left: 0;
    width: 235px; border:px solid red; margin-left:-10
}
#example {
    height:199px;
    margin-top:10px;
    position:relative;
    width:235px;border:px solid red;
}

#slides {
    left:0px;
    position: absolute;
    top:0;
    z-index: 100;padding-left:30px;border:px solid red;
}
element.style {
    display: block;
    overflow: hidden;
    position: relative;
}
.slides_container {
    display: none;
    margin-left:0px;
    overflow: hidden;
    position: relative;
    width:180px;border:px solid red;
}

element.style {
    height:199px;
    left:0px;
    position: relative;
    width:180px;
}
element.style {
    display: block;
    left:0px;
    position: absolute;
    top: 0;
    z-index: 5;
}
.slides_container div.slide {
    display: block;
    height:199px;
    width:180px;
}
#slides .next {
    display: block;
    height: 22px;
    left:218px;
    position: absolute;
    top:90px;
    width: 22px;
    z-index: 101; 
}
#slides .prev {
    display: block;
    height: 22px;
    left:0px;
    position: absolute;
    top:90px;
    width: 22px;
    z-index: 101;
}
a {
    color: #444444;
    text-decoration: none;
}
a, a:active {
    outline: medium none;
}
.pagination {
    display: none;
    margin: 26px auto 0;
    width: 100px;
}


/*--------------------------Treatment page---------------------------------*/

#treatment{margin:0px; padding:0px; width:850px; min-height:200px; float:left;}
.treat-box{margin:10px 0px 0px 0px; padding:0px; width:250px; min-height:200px; float:left; clear:left;}
.treat-box-last{margin:10px 0px 0px 50px; padding:0px; width:250px; min-height:200px; float:right;}
.treat-box-mid{margin:10px 0px 0px 50px; padding:0px; width:250px; min-height:200px; float:left;}
.treat-head{margin:10px 0px 10px 0px; padding:0px; font-size:16px; font-weight:bold;color:#a32727; font-weight:normal;font-family: 'Capriola', sans-serif; }
.treat-box img{margin:0px 0px 10px 0px; padding:0px; width:250px; float:left; border:none;}
.more{margin:0px 0px 10px 0px;  font-size:14px; color:red; text-align:right; }
.more a{margin:0px 0px 10px 0px;  font-size:14px; color:red; text-align:right;  }
.more a:hover{color:#111; text-decoration:underline;}

.gmap{width:425px; height:350px; position: absolute; top:20px; right:30px; z-index:10; border:1px solid #ec9f6d; background:#FFFFFF;}

/*--------------------------smile zone page---------------------------------*/
#smilezone{margin:0px; padding:0px; width:850px; min-height:200px; float:left;}
#smilezone ul{margin:10px 0px 0px 0px; padding:0px; width:850px; min-height:180px; float:left; list-style-type:none; }
#smilezone ul li{margin:0px 50px 0px 0px; padding:0px; width:250px;height:165px; float:left; list-style-type:none; }
#smilezone ul li:last-child{margin:0px 0px 0px 0px; padding:0px; width:250px ;height:165px; float:right; list-style-type:none; border:px solid red; }
#smilezone h3{margin:20px 0px 10px 0px; padding:0px; font-size:16px; color:#a32727; font-weight:normal;font-family: 'Capriola', sans-serif; }