/*
Dental clinic design by Ely Onanad
*/

/* Begin Typography & Colors */
body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;*/
	background: #fff url(images/bodybg.png) repeat-x
}

p, li {
	color:#333333
}

.smilePage {
	width:100%;
	min-height:330px;
	/*background:url(images/pagebg.png) center top no-repeat;*/
}

.dentalContents {
	width:768px;
	margin:0 auto;
/*	background:#660099 */
}

.smileHeader {
	width:768px;
	height:223px;
}

.smileHeader .headStyle {
	height:180px;
	overflow:hidden;
}

.smileHeader .headStyle .drTey {
	width:127px;
	float:left;
}

.smileHeader .headStyle .drTey h1 {
	display:none;
}

.smileHeader .headStyle .contactBox {
	float:right;
	width:541px;
	padding-left:100px;
	height:40px;
	padding-top:6px;
	font-size:12px;
	color:#003300;
}

.smileHeader .headStyle .contactBox a {
	color:#003300;
	text-decoration:none
}

.smileHeader .headStyle .contactBox ul {
	margin:0;
	padding:0;
	list-style:none
}

.smileHeader .headStyle .contactBox ul li {
	padding-left:25px;
	display:inline;
}

.smileHeader .headStyle .contactBox ul li.address {
	background:url(images/icon-home.png) no-repeat
}

.smileHeader .headStyle .contactBox ul li.telephone {
	background:url(images/icon-telephone.png) no-repeat 1px 4px;
	width:200px;
	padding-right:20px;
}

.smileHeader .headStyle .contactBox ul li.email {
	background:url(images/icon-mail.png) no-repeat 1px 4px
}

.smileHeader .headStyle .drteyBox .headSmile {
	width:466px;
	height:134px;
	float:left;
	background: url(images/head-smile.png) no-repeat 0 -46px;
}

.smileHeader .headStyle .drteyBox .headSmile h2 {
	display:none;
}

.smileHeader .headStyle .drteyBox .headLogo {
	width:175px;
	height:134px;
	float:left;
}

/*
.smileHeader .headStyle .headSmile {
	width:466px;
	height:180px;
	float:left;
	background: url(images/head-smile.png) no-repeat;
}

.smileHeader .headStyle .headSmile h2 {
	display:none;
}

.smileHeader .headStyle .headLogo {
	width:175px;
	padding-top:46px;
	height:134px;
	float:left;
}*/

/* main navigation */

.smileHeader .mainNav {
	width:768px;
}

.smileHeader .mainNav ul {
	margin:0;
	padding:0;
}

.smileHeader .mainNav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

.smileHeader .mainNav ul li#home a {
	display:block;
	width:53px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat 0 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#home a:hover {
	background-position: 0 -43px;
}

.smileHeader .mainNav ul li#services a {
	display:block;
	width:62px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -53px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#services a:hover {
	background-position: -53px -43px;
}

.smileHeader .mainNav ul li#dentalTourism a {
	display:block;
	width:98px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -115px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#dentalTourism a:hover {
	background-position: -115px -43px
}

.smileHeader .mainNav ul li#facilities a {
	display:block;
	width:67px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -213px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#facilities a:hover {
	background-position: -213px -43px;
}

.smileHeader .mainNav ul li#rates a {
	display:block;
	width:48px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -280px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#rates a:hover {
	background-position: -280px -43px;
}

.smileHeader .mainNav ul li#promos a {
	display:block;
	width:58px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -328px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#promos a:hover {
	background-position: -328px -43px;
}
.smileHeader .mainNav ul li#clients a {
	display:block;
	width:57px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -386px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#clients a:hover {
	background-position:-386px -43px;
}

.smileHeader .mainNav ul li#articles a {
	display:block;
	width:58px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -443px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#articles a:hover {
	background-position: -443px -43px;
}

.smileHeader .mainNav ul li#blog a {
	display:block;
	width:45px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -501px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#blog a:hover {
	background-position: -501px -43px;
}

.smileHeader .mainNav ul li#gallery a {
	display:block;
	width:54px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -546px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#gallery a:hover {
	background-position: -546px -43px;
}

.smileHeader .mainNav ul li#contacUs a {
	display:block;
	width:168px;
	height:43px;
	background:transparent url(images/navi-bg.png) no-repeat -600px 0;
	text-indent:-9009px;
}

.smileHeader .mainNav ul li#contacUs a:hover {
	background-position:-600px -43px;
}

/* Start of the main page */

.mainContent {
	width:768px;
	margin:0 auto;
	padding:0;
}

.dentalDisplay {
	width:768px;
	height:260px
}

.mainBody {
	clear:both;
	width:768px;
	margin:10px auto;
/*	background:#DFDCC7*/
}

.mainBody .topLine {
	display:none;
/*	height:10px;
	background:#DFDCC7 url(images/mainbox-tr.png) no-repeat right;*/
}

.mainBody .midContent {
	padding:0 10px 10px;
	font-size:12px;
}

.mainBody .midContent p {
	text-align:justify
}

.mainBody .midContent .leftPane {
	width:488px;
	float:left;
}

.mainBody .midContent .widePane {
	width:748px;
}

.mainBody .midContent .leftPane .welcome h1 {
	font-weight:normal;
	font-size:20px;
	color:#FF3300;
	background:url(images/h1-bg.gif) repeat-x bottom;
	padding:20px 0 10px;
}

.mainBody .midContent .leftPane .welcome h1 a {
	color:#FF3300;
	text-decoration:none
}

.mainBody .midContent .leftPane .welcome small {
	font-size:14px;
	font-weight:bold;
	color:#FF3300;
}

.mainBody .midContent .leftPane .welcome p {
	text-align:justify
}

.mainBody .midContent .rightPane {
	width:240px;
	float:right;
}

.mainBody .btmLine {
	display:none;
/*	clear:both;
	height:10px;
	background:#DFDCC7 url(images/mainbox-br.png) no-repeat right;*/
}

/* Blog Posts */

.blogPost {
	width:100%;
	padding:10px 0;
}

.blogPost h2 {
	margin:0;
	font-weight:normal;
	font-size:20px;
	color:#FF3300;
	padding:10px 0 0;	
}

.blogPost h2 a {
	color:#FF3300;
	font-size:20px;
	text-decoration:none
}

.blogPost h2 a:hover {
	text-decoration:underline
}

.blogPost h2 {
	margin:0;
	font-weight:normal;
	font-size:12px;
	color:#FF3300;
	padding:5px 0 5px 20px;	
}

.blogPost p {
	padding-left:20px;
}

/* Link Box */

.linkbox {
	width:488px;
}

.linkbox .topLine {
	display:block;
	height:10px;
	background: url(images/linkbox-tr.png) no-repeat right;
}

.linkbox .topLine p {
	margin:0;
	padding:0;
	background:#E4F1DD
}

.linkbox .midContent {
	overflow:auto;
	background:#E4F1DD;
	padding:0 10px 0;
}

.linkbox .midContent .linkCol {
	padding:0 10px 0;
	float:left;
}

.linkbox .midContent .linkCol h1 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal
}

.linkbox .midContent .linkCol a {
	color:#4B630C;
	text-decoration:none
}

.linkbox .midContent .linkCol a:hover {
	text-decoration:underline
}

.linkbox .btmLine {
	display:block;
	height:10px;
	background:#E4F1DD url(images/linkbox-br.png) no-repeat right;
}

/* Panel boxes */

.panelBox {
	background:#C1E0B2;
	color:#4B630C
}

.panelBox .topLine {
	display:block;
	height:10px;
	background:#C1E0B2 url(images/rightBox-tr.png) no-repeat right
}

.panelBox .midContent {
	padding:0 10px;
}

.panelBox .midContent h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:18px;
	color:#FF3300
}

.panelBox .midContent p {
	margin:0;
	padding:0
}

.panelBox .midContent form {
	margin:0;
	padding:0;
}

.panelBox .midContent label {
	display:block;
	margin:0;
	padding:0;
	padding-top:10px;
	font-weight:bold;
}

.panelBox .midContent .myInput {
	border:solid 1px #999999;
	background:#F2F8EF;
	padding:5px 2px;
	font-size:14px;
}

.panelBox .midContent .myTextArea {
	border:solid 1px #999999;
	background:#F2F8EF;
	padding:5px 2px;
	width:205px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.panelBox .btmLine {
	display:block;
	height:10px;
	background:#C1E0B2 url(images/rightBox-br.png) no-repeat right
}

/* Panel Navigation */

.panelNav {
	width:100%;
	margin:0;
	padding:0;
}

.panelNav ul {
	margin:0;
	padding:0;
	list-style:none
}

.panelNav ul>li {
	margin:10px 0 0;
	padding:0;
}

.panelNav ul li h2 {
	margin:20px;
	padding:0;
	font-weight:normal;
	font-size:18px;
	background:url(images/h2-bg.gif) repeat-x bottom
}

.panelNav ul li ul li {
	margin:10px 0 0;
	padding-left:30px;
	background:url(images/li-arrow.gif) no-repeat 20px 6px
}

.panelNav ul li ul li a {
	color:#FFFFFF;
	text-decoration:none
}

.panelNav ul li ul li a:hover {
	text-decoration:underline
}

/* Styles */

.textCenter {
	text-align:center
}

/* Footer */

.footer {
	clear:both;
	width:748px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:center;

	font-size:10px
}

.footer .links {
	height:33px;
	background:url(images/footerbg.jpg) no-repeat
}

.footer .links ul {
	margin:0;
	padding:0;
	list-style:none
}

.footer .links ul li {
	padding:5px;
	display:inline;
	line-height:30px;
}


/* Post box */

.mypostBox {
	margin:0;
	padding:20px 0 0;
}

.mypostBox .postBody {
	background:#FFFFFF
}

.mypostBox .postBody .headBox {
	background: url(images/post-tr.png) no-repeat top right;
}

.mypostBox .postBody .headBox h2 {
	text-indent:10px;
	background:url(images/post-tl.png) no-repeat top left;
	margin:0;
	font-weight:normal;
	font-size:18px;
	color:#FF3300;
	padding:10px 0 0;
}

.mypostBox .postBody .headBox a {
	text-decoration: none;
	color:#FF3300;
}

/* different head box */

.mypostBox .mypostBody .myheadBox {
/*	background:#FFFFFF url(images/post-tr.png) no-repeat top right;*/
	background:red;
}

.mypostBox .mypostBody .myheadBox h2 {
	text-indent:10px;
	background:url(images/post-tl.png) no-repeat top left;
	margin:0;
	font-weight:normal;
	font-size:18px;
	color:#FF3300;
	padding:10px 0 0;
}

.mypostBox .postBody .headBox a {
	text-decoration: none;
	color:#FF3300;
}

/* End different head box */

.mypostBox .postBody .entry {
	padding:0 30px 0 30px;
	background:#FFFFFF
}

.mypostBox .postBody .myDate {
	color:#666666;
	font-size:10px;
	padding-left:10px;
	background:#FFFFFF
}

.mypostBox .tail {
	background: #FFFFFF url(images/post-br.png) no-repeat right;
	font-size:1px;
}

.mypostBox .postmetadata {
	text-align:right;
	padding:10px 10px 0 0
}

.mypostBox .postmetadata2 {
	text-align:left;
	background:#EBEBEB;
	margin:0 20px;
	padding:4px;
	color:#333333
}


/* Breadcrumbs */

.navigation {
	display:block;
	padding:5px 0;
}

.navigation .alignleft {
	float:left
}

.navigation .alignright {
	float:right
}

/* comments */

#comments {
	padding:10px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Clients / Testimonial */

.testimonial {
	background:#EEEFE4;
	border:dashed 1px #EBEBEB;
	padding:10px;
	margin:20px auto;
	width:94%;
}

/* Forms page */

.successfullForm {
	width:90%;
	margin:30px auto;
	text-align:center;
}

.errorForm {
	width:90%;
	margin:30px auto;
	text-align:center;
	color:#FF0000
}

/* Contact Us */

ul.contactUs {
	margin:20px 0;
	padding:0;
	list-style:none
}

ul.contactUs li {
	padding:5px 0 0 32px;
}

ul.contactUs li.MyAddress {
	background:url(images/icon-home.gif) no-repeat 0 5px
}

ul.contactUs li.Telephone {
	background:url(images/icon-tel.gif) no-repeat 0 5px
}

ul.contactUs li.Cellphone {
	background:url(images/icon-mobile.gif) no-repeat 0 5px
}

ul.contactUs li.Email {
	background:url(images/icon-email.gif) no-repeat 0 5px
}

ul.contactUs li.Map {
	background:url(images/icon-map.gif) no-repeat 0 5px
}

.ContactLeftCol {
	width:365px;
	float:left
}

.ContactRightCol {
	width:365px;
	float:right
}

.appointment {
	padding:4px;
}

.appointment .labels {
	width:260px;
}

.appointment .myInput {
	border:solid 1px #999999;
	background:#F2F8EF;
	padding:5px 2px;
	font-size:14px;
}

.appointment .myTextArea {
	border:solid 1px #999999;
	background:#F2F8EF;
	padding:5px 2px;
	width:205px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}