@charset "utf-8";
/* CSS Document */

body, div, table, td, tr, p, h1, h2, h3, h4, h5, h6, span { padding:0; margin:0;}
body { /*background-color:#00c0e5;*/ background-color:#acadac; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
#container {margin: 0 auto;width: 1002px;background-color: #00c0e5; min-height:599px;margin-top:100px;}
.clear {clear: both;}

.logo { width:218px; height:130px; display:block;}

.menu { width:167px; padding-top:90px; display:block; float:left; padding-right:8px;
/*added to maintain about picture positioning*/position: relative;z-index: 30;}
.menu a {font-family: BYekan, Arial, Helvetica, sans-serif; text-align:right;display:block; color:#79def1; text-decoration:none; font-size:16px; font-weight:700;}
.menu a:hover { color:#FFF;}
.menu a.active { color:#FFF;}

.home { width:820px; height:248px;display:block; float:left;padding-top:90px; background-image:url(../images/img-home.jpg); background-repeat:no-repeat; background-position:bottom; color:#FFF; line-height:20px;}
.home p { padding-left:10px; text-align:left; float:left; padding-top:200px;}
.home a { color:#FFF; text-decoration:none;}
.home a:hover { color:#00c0e5;}

.about {width:820px; height:248px;display:block; float:left;padding-top:90px; padding-left:7px;}
.about-menu { width:133px;}
.about-menu a {text-align:right;display:block; color:#0092af; text-decoration:none;padding-top: 4px;}
.about-menu a:hover { color:#FFF;}
.about-menu a.active { color:#FFF;}

.about-pic { float:left;}
.about-text { float:left; background-color:#FFF; display:block; width:671px;color:#646363; padding-top:20px; padding-bottom:57px;}
.about-text h1 { font-size:14px; font-weight:bold; text-align:left; padding-left:20px;}
.about-text h2 { font-size:12px; font-weight:normal; text-align:left;padding-left:20px;line-height: 34px;}
.about-text ul {padding-right:130px; padding-left:10px;}
.about-text ul li { text-align:left; direction:ltr; list-style:none; font-size:11px; line-height:20px; background-image:url(../images/bullet001.png); background-repeat:no-repeat; background-position:left  5px; padding-left:15px;}

.about-clinic-text {float:left; background-color:#FFF; display:block; width:659px;color:#646363; padding-top:52px; padding-bottom:8px; position:relative; top:-508px; left:161px;}
.about-clinic-text h2 {font-size:14px; font-weight:bold; text-align:left;padding-right:205px; padding-bottom:13px;padding-left: 20px;line-height: 20px;}
.about-clinic-text p { padding-right:215px; text-align:left; padding-left:20px; line-height:13px;font-size: 11px;}
.about-clinic-pic { background-image:url(../images/about-clinic.jpg); width:343px; height:265px; position:relative; left:-182px; z-index:1;}


/* --- implants --- */
.implant-menu { width:153px;/*old width:180px;*/}
.implant-menu a {font-family: BYekan, Arial, Helvetica, sans-serif; text-align:right;display:block; color:#0092af; text-decoration:none; font-size:16px; font-weight:700; letter-spacing:-1px;}
.implant-menu a:hover { color:#FFF;}
.implant-menu a.active { color:#FFF;}
.implant-main-pic { background-image:url(../images/implants-main.jpg); width:317px; height:208px; position:relative; left:-88px; z-index:1;}

.implant-main-text {float:left; background-color:#FFF; display:block; width:650px;color:#646363; padding-top:70px; padding-bottom:40px; position:relative; top:-502px; left:170px;/*overflow:auto; height:396px;*/}
.implant-main-text p { padding-right:60px; text-align:left; padding-left:97px; line-height:12px; font-size:11px;}

.implant-main-text ul {padding-right:90px; padding-left:94px;margin: 0;}
.implant-main-text ul li { text-align:left; list-style:none; font-size:11px; line-height:13px; background-image:url(../images/bullet001.png); background-repeat:no-repeat; background-position:left 5px; padding-left:15px;}
.implant-main-text h2 {font-size:14px; font-weight:bold; text-align:left;padding-right:90px; padding-bottom:5px; padding-top:5px; padding-left:97px;}


.implant-steps-text {float:left; background-color:#FFF; display:block; width:660px;color:#646363; padding-top:42px; /*padding-bottom:20px;*/ position:relative; top:-312px; left:160px;}
.implant-steps-text p { padding-right:130px; text-align:left; padding-left:20px; line-height:12px; font-size:11px;}

.implant-who-text {float:left; background-color:#FFF; display:block; width:660px;color:#646363;  /*padding-bottom:20px;*/ position:relative; top:-312px; left:160px;}
.implant-who-text p { padding-right:260px; text-align:left; padding-left:18px; line-height:13px; padding-top:47px; text-align:justify; font-size:11px;padding-bottom: 13px;}

.implant-cured-text {float:left; background-color:#FFF; display:block; width:660px;color:#646363; padding-top:20px; /*padding-bottom:20px;*/ position:relative; top:-312px; left:160px;}
.implant-cured-text p { padding-right:170px; text-align:left; padding-left:30px; line-height:14px; padding-top:90px; text-align:justify; font-size:11px;padding-bottom: 37px;}

/* --- gum --- */
.gum {width:820px; /*height:248px;*/display:block; float:left;/*padding-top:90px; padding-left:5px;*/
background-image:url(../images/gum-main.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;
}
.gum-menu { width:249px; padding-top:266px;}
.gum-menu a {text-align:left;display:block;padding-left: 5px;}
.gum-menu a:hover { color:#FFF;}
.gum-menu a.active { color:#FFF;}

.gum-text { float:left; background-color:#FFF; display:block; width:438px;color:#646363; padding-top:20px; padding-bottom:20px; position:absolute; left:333px; top:160px;}
.gum-text p { padding-right:110px; text-align:right; padding-left:20px; line-height:15px; text-align:justify; font-size:11px;}



.gum-illness {width:820px; /*height:248px;*/display:block; float:left;/*padding-top:90px; padding-left:5px;*/background-image:url(../images/gum-illness.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}

.gum-illness-text { float:left; background-color:#FFF; display:block; width:403px;color:#646363; padding-top:40px; padding-bottom:40px; position:absolute; left:368px; top:25px;}
.gum-illness-text p { padding-right:40px; text-align:right; padding-left:12px; line-height:13px; text-align:justify; font-size:11px;}


.gum-non {width:820px; display:block; float:left;background-image:url(../images/gum-non.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.gum-non-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:30px; padding-bottom:20px; position:absolute; left:331px; top:140px;}
.gum-non-text p { padding-right:80px; text-align:right; padding-left:15px; line-height:15px; text-align:justify;font-size: 11px;}



.gum-sur-perio {width:820px; display:block; float:left;background-image:url(../images/gum-sur-perio.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.gum-sur-perio-text { float:left; background-color:#FFF; display:block; width:439px;color:#646363; padding-top:30px; padding-bottom:20px; position:absolute; left:332px; top:70px;}
.gum-sur-perio-text p { padding-right:70px; text-align:right; padding-left:10px; line-height:13px; text-align:justify; font-size:11px;}


.gum-laser {width:820px; display:block; float:left;background-image:url(../images/gum-laser.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.gum-laser-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:20px; padding-bottom:20px; position:absolute; left:331px; top:50px;}
.gum-laser-text p { padding-right:70px; text-align:right; padding-left:15px; line-height:13px; text-align:justify; font-size:11px;}



.gum-surgery {width:820px; display:block; float:left;background-image:url(../images/gum-surgery.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.gum-surgery-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:30px; padding-bottom:20px; position:absolute; left:331px; top:90px;}
.gum-surgery-text p { padding-right:60px; text-align:right; padding-left:20px; line-height:14px; text-align:justify; font-size:11px;}


.gum-restore {width:820px; display:block; float:left;background-image:url(../images/gum-restore.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.gum-restore-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:25px; padding-bottom:25px; position:absolute; left:331px; top:145px;}
.gum-restore-text p { padding-right:80px; text-align:right; padding-left:15px; line-height:13px;text-align:justify; font-size:11px;}


/* --- services --- */
.services {width:820px; display:block; float:left;background-image:url(../images/services-main.jpg); background-repeat:no-repeat; width:826px; height:250px; position:relative; left:1px; z-index:1;top: 98px;
}
.services-menu { width:158px; padding-top:53px;}
.services-menu a {font-family: BYekan, Arial, Helvetica, sans-serif; text-align:right;display:block; color:#00c0e5; text-decoration:none; font-size:16px; font-weight:700;}
.services-menu a:hover { color:#FFF;}
.services-menu a.active { color:#FFF;}

.services-menu2 { width:158px; padding-top:97px;}
.services-menu2 a {font-family: BYekan, Arial, Helvetica, sans-serif; text-align:right;display:block; color:#0087a2; text-decoration:none; font-size:16px; font-weight:700;}
.services-menu2 a:hover { color:#FFF;}
.services-menu2 a.active { color:#FFF;}


.services-surgery {width:820px; display:block; float:left;background-image:url(../images/services-pages.jpg); background-repeat:no-repeat; width:388px; height:415px; position:relative; left:4px; z-index:1;top: 54px;}
.services-surgery-text { float:left; background-color:#FFF; display:block; width:435px; height:440px;color:#646363; padding-top:30px; /*padding-bottom:30px;*/ position:absolute; left:388px; top:-55px;}
.services-surgery-text p { padding-right:25px; text-align:left; padding-left:12px; line-height:16px; font-size:11px;}
.services-surgery-text ul {padding-right:90px;}
.services-surgery-text ul li { text-align:left; list-style:none; font-size:11px; line-height:16px; background-image:url(../images/bullet001.png); background-repeat:no-repeat; background-position:left 5px; padding-right:10px;}



.services-gum {width:820px; display:block; float:left;background-image:url(../images/services-pages.jpg); background-repeat:no-repeat; width:388px; height:415px; position:relative; left:4px; z-index:1;top: 54px;}
.services-gum-text { float:left; background-color:#FFF; display:block; width:435px; height:484px;color:#646363; padding-top:20px; position:absolute; left:388px; top:-89px;}
.services-gum-text p { padding-right:70px; text-align:right; padding-left:14px; line-height:13px; text-align:justify; font-size:11px;}
.services-gum-text strong { font-size:11px;}


.services-bleach {width:820px; display:block; float:left;background-image:url(../images/services-pages.jpg); background-repeat:no-repeat; width:388px; height:415px; position:relative; left:4px; z-index:1;top: 54px;}
.services-bleach-text { float:left; background-color:#FFF; display:block; width:435px; height:484px;color:#646363; padding-top:20px; position:absolute; left:388px; top:-89px;}
.services-bleach-text p { padding-right:76px; text-align:left; padding-left:14px; line-height:14px; font-size:11px;}


/* --- FAQ --- */
.faq {width:820px; display:block; float:left;background-image:url(../images/faq-main.jpg); background-repeat:no-repeat; width:826px; height:250px; position:relative; left:1px; z-index:1;top: 98px;
}
.faq-menu { width:112px; padding-top:70px;}
.faq-menu a {font-family: BYekan, Arial, Helvetica, sans-serif; text-align:right;display:block; color:#00c0e5; text-decoration:none; font-size:16px; font-weight:700;}
.faq-menu a:hover { color:#FFF;}
.faq-menu a.active { color:#FFF;}


.faq-implant {width:820px; display:block; float:left;background-image:url(../images/faq-implant.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.faq-implant-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:30px; padding-bottom:20px; position:absolute; left:331px; top:80px;overflow:auto; height:410px;}
.faq-implant-text p { padding-right:60px; text-align:left; padding-left:20px; line-height:14px; }

.faq-menu2 { width:112px; padding-top:298px;}
.faq-menu2 a {font-family: BYekan, Arial, Helvetica, sans-serif; text-align:right;display:block; color:#00c0e5; text-decoration:none; font-size:16px; font-weight:700;}
.faq-menu2 a:hover { color:#FFF;}
.faq-menu2 a.active { color:#FFF;}

.faq-gum {width:820px; display:block; float:left;background-image:url(../images/faq-gum.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.faq-gum-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:30px; padding-bottom:20px; position:absolute; left:331px; top:80px;overflow:auto; height:410px;}
.faq-gum-text p { padding-right:60px; text-align:left; padding-left:20px; line-height:16px; }

.faq-gum-text ul {padding-left:1px;}
.faq-gum-text ul li { text-align:left; list-style:none; font-size:11px; line-height:16px; background-image:url(../images/bullet001.png); background-repeat:no-repeat; background-position:left 5px; padding-left:20px; padding-right:10px;}

.faq-question {width:820px; display:block; float:left;background-image:url(../images/faq-question.jpg); background-repeat:no-repeat; width:368px; height:599px; position:relative; left:56px; z-index:1;top: -130px;}
.faq-question-text { float:left; background-color:#FFF; display:block; width:440px;color:#646363; padding-top:30px; padding-bottom:20px; position:absolute; left:331px; top:80px;}
.faq-question-text p { padding-right:60px; text-align:right; padding-left:20px; line-height:16px; direction:rtl; text-align:justify;}


/* --- FAQ  Accordion --- */
#accordion {
	/*margin: 20px 0px;*/
	padding-left:20px;
}
h3.toggler {
	cursor: pointer;
	font-size: 14px;
	color: #777777;
	margin: 0 0 4px 0;
	padding: 10px 0px;
	background-image: url(../images/bullet002.png);
	background-repeat: no-repeat;
	background-position: left 14px;
	padding-left:14px;
	text-align:left;
}
h3.toggler.active {
	background: #ffffff;
	background-image: url(../images/bullet002.png);
	background-repeat: no-repeat;
	background-position: left 14px;
	color: #646363;
}
h3.toggler:hover {
	background: #ffffff;
	background-image: url(../images/bullet002.png);
	background-repeat: no-repeat;
	background-position: left 14px;
	color: #646363;
}
h3.toggler:focus {
	outline: none;
	/*border: 2px dotted #cc0000;
	margin: -1px -1px 3px -1px;*/
	background: #ffffff;
	background-image: url(../images/bullet002.png);
	background-repeat: no-repeat;
	background-position: left 14px;
	color: #646363;
}
div.element p, div.element h4 {
	margin: 0px;
	/*padding: 4px;*/
	padding-left: 4px;
	padding-bottom:8px;
	font-size:11px;
}
div.element {
	margin: 0px;
	padding-left: 10px;
}
div.element img { margin-left:auto; margin-right:auto; display:block;}
/* --- FAQ  Accordion  END --- */

.menu {
    height: 370px;
}

a.last {
    margin-top: 256px;
}

a.last > img {
    float: left;
    margin-left: 15px;
}