/* CSS Document */

/*-------------------------------------- General styles ------------------------------- */
html, body, p, div, h1, h2, h3, h4, h5, h6, img, span, ul, li, br, hr, a, form, input, tr, td, table, dl, dt, dd { padding:0px; margin:0px; border:0px;}

img{ padding:0; margin:0; outline:0;}

br{ font-size:0; height:0; line-height:0; clear:both;}

a{ outline:none; border:0; color:#006394; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}

a:hover{ color:#002436; text-decoration:none; }

p, ul, ol, dl {
	padding-bottom:1em;
}
p { line-height:1.5em; } 

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-family: "Arial","Helvetica",sans-serif; 
	font-size:0.75em;
	line-height:1.3;	
	background:url(../images/bg.gif) repeat-x top;
}


.clr {font-size:0; height:0; line-height:0; clear:both;}


h2 {font:bold 16px/20px Georgia, "Times New Roman", Times, serif; color:#002436; padding-top:10px; padding-bottom:10px; }
h2.body { padding-left:8px; } 
h2 span {font:normal 12px/16px Georgia, "Times New Roman", Times, serif; color:#176b8e; padding-left:1px;}

h3 { font:bold 14px/20px Georgia, "Times New Roman", Times, serif; color:#232323; padding-top:10px; padding-bottom:10px; } 


/*-------------------------------------- Layout styles ------------------------------- */
#header {margin:0 auto; padding:0; width:100%; height:28px; background-color:#002436;}

#body {margin:0 auto; padding:0; width:100%; background:url(../images/bodybg.gif) no-repeat top;}

#footer {margin:0 auto; padding:0; width:100%; height:78px;}

.body_wrap {margin:0 auto; padding:0; width:884px;}

	#navigation_section {margin:4px 0 0 0; padding:0; width:884px; height:24px; float:left;}
	
	#navigation_section ul {margin:0 auto; padding:0; list-style: none;}
	
	
	#navigation_section li {display: inline; float: left; margin:0 -5px 0 0}
	
	#navigation_section a {float:left; margin:0; padding:0 0 0 22px; text-decoration:none; line-height: 24px; display: block;}
	
    #navigation_section a span {margin:0; padding:0 22px 0 0; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#9ed1e9; display: block; float:left; cursor:pointer; line-height: 24px;}
	
    #navigation_section a span.treat {margin:0; padding:0px 10px 0 0; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#9ed1e9; display: block; float:left; cursor:pointer; line-height: 24px;}	

	#navigation_section a:hover { background:url(../images/menulileft.jpg) no-repeat left top; padding:0 0 0 22px;}
	
	#navigation_section a:hover span { background:url(../images/menuliright.jpg) no-repeat right top; color:#073146; padding:0 22px 0 0;}	
	
	#navigation_section a:hover span.treat { background:url(../images/menuliright.jpg) no-repeat right top; color:#073146; padding:0px 10px 0 0;}	
	

	#navigation_section a.select { background:url(../images/menulileft.jpg) no-repeat left top; }
	
	#navigation_section a.select span { background:url(../images/menuliright.jpg) no-repeat right top; color:#073146; }

.banner {margin:0 auto; padding:0; width:884px; height:336px; background:url(../images/banner.jpg) no-repeat top; position:relative;}	
.bannerMain {margin:0 auto; padding:0; width:884px; height:336px; position:relative;}	
.bannerTeam {margin:0 auto; padding:0; width:1002px; height:336px; background:url(../images/bannerTeam.jpg) no-repeat top; position:relative;}
.bannerTechnology {margin:0 auto; padding:0; width:999px; height:336px; background:url(../images/bannerTechnology.jpg) no-repeat top; position:relative;}
.bannerBooking {margin:0 auto; padding:0; width:999px; height:336px; background:url(../images/bannerBooking.jpg) no-repeat top; position:relative;}
.bannerLocation {margin:0 auto; padding:0; width:999px; height:336px; background:url(../images/bannerLocation.jpg) no-repeat top; position:relative;}
.bannerServices {margin:0 auto; padding:0; width:999px; height:336px; background:url(../images/bannerServices.jpg) no-repeat top; position:relative;}

div.banner .logo {margin:0; padding:0; width:170px; height:70px; position:absolute; top:20px; left:0;}
.logo {margin:0; padding:0; width:170px; height:70px; position:absolute; top:20px; left:45px;}
.logo2 {margin:0; padding:0; width:170px; height:70px; position:absolute; top:20px; left:66px;}

.appointment {margin:0; padding:0; width:160px; height:60px; position:absolute; left:79px; top:202px;}
.appointmentAlt {margin:0; padding:0; width:160px; height:60px; position:absolute; left:420px; top:123px;}

.pagination {margin:0; padding:0; width:196px; height:16px; position:absolute; bottom:0; left:0; text-align:right;}
.pagination ul {margin:0; padding:0; list-style:none;}
.pagination ul li {margin:0 0 0 1px; padding:0; width:19px; height:16px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; float:right; }
.pagination ul li a {margin:0; padding:3px 7px 0 7px; width:19px; height:13px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/page.gif) no-repeat center; text-decoration:none; text-align:center;}
.pagination ul li a:hover {background:url(../images/page_h.gif) no-repeat center; text-decoration:none; width:19px; height:16px; color:#FFFFFF; ;}

.body_leftpanel {margin:0; padding:0 10px 0 0; width:665px; float:left; background:url(../images/body_leftbg.gif) no-repeat right top;}

.body_rightpanel {margin:0; padding:0; width:209px; float:right;}

.locationBanner { background:url(../images/dr-dentist-location.gif) no-repeat 0 0; height:98px; width:199px; margin-left:6px; } 
.locationBanner p { padding-top:33px; padding-left:64px; font-size:11px; line-height:14px;} 
.locationBanner .readmore { line-height:4px; padding-right:5px;} 


/* TESTIMONIALS */

.testimonial { 
	-moz-border-bottom-colors:#afcdd8;	-moz-border-left-colors:#afcdd8;	-moz-border-radius-bottomleft:5px;	-moz-border-radius-bottomright:5px;	-moz-border-radius-topleft:5px;	-moz-border-radius-topright:5px;	-moz-border-right-colors:#afcdd8;	-moz-border-top-colors:#afcdd8;	background-color:#dbe9ed;	border-color:#3e988d;	border-style:solid;	border-width:0 1px 1px 0;	line-height:1.6em;	margin:10px 0 4px;	padding:8px 12px 5px 13px;	text-align:left; }
.testimonial p.testName {	font-weight:bold; 	color:#0099CC; 	}
.sidemenu {margin:0; padding:0; width:209px; height:131px; float:right; background:url(../images/rightmenubg.jpg) no-repeat top;}

.sidemenu ul {	margin:0;	padding: 0;	}
.sidemenu ul li {	list-style: none; }
.sidemenu ul a {	display: block; 	color: #176b8e; 	text-decoration: none;	font:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	padding: 0 0 0 9px;	line-height:32px; }
.sidemenu ul a:hover { 	padding: 0 0 0 9px; 	color: #68b2d1; }

/*** Gallery ***/

div.banner{
	z-index:1;
	}
ul.gaiArea{
	height:100%;
	overflow:hidden;
	padding:0 0 20px 0;
	margin:0;
	font-size:0;
	line-height:0;
	list-style-type:none;
	z-index:10;
	}
ul.gaiArea li{
	float:left;
	width:162px;
	padding:0 40px 30px 0;
	}
ul.gaiArea li a{
	display:block;
	margin:0;
	padding:0;
	border:1px solid #D5E9F1;
	width:160px;
	height:118px;
	}
ul.gaiArea li a:hover{
	border-color:#006394;
	}
ul.gaiArea li a img{
	display:block;
	margin:0;
	padding:0;
	border:none;
	}

/********** GALLERY **********/


.body_box {margin:0; padding:0; width:221px; height:102px; float:left; text-align:center;}

ul.list { list-style:none; margin:0; padding:0 0 0 7px; margin-bottom:10px;}
ul.list li { list-style:none; font:normal 12px/26px Georgia, "Times New Roman", Times, serif; color:#222; height:26px; text-decoration: none; background:url(/images/bullet.gif) no-repeat left center; padding-left:15px;}

ul.list2 { list-style:none; margin:0; padding:0 0 0 7px; margin-bottom:15px;}
ul.list2 li { list-style:none; font:normal 12px/16px Georgia, "Times New Roman", Times, serif; color:#222; height:16px; text-decoration: none; background:url(/images/bull2.gif) no-repeat left center; padding-left:18px;}


.footer_section {margin:0 auto; padding:10px 7px 0 7px; width:870px; height:68px; background:url(../images/footerbg.gif) repeat-x left top; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#073146;}
.footer_section a {font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#073146; text-decoration:none;}
.footer_section .fleft { float:left; } 
.footer_section .fright { float:right; text-align:right;} 
.footer_section a:hover {text-decoration:none; border-bottom:1px dashed #073146;}

.readmore { line-height:40px; display:block; padding-left:10px; float:right;}