/* GLOBAL PARAMETERS */

html, body {
	  background: #FFFFFF;
	  margin: 0;
      padding: 0;
}

h1 { 
	font-family: tahoma; 
	font-size: 8pt; 
	color: #c8c9ca; 
	text-decoration: none; 
	font-weight: normal;
	padding-left: 212px;
	padding-top: 109px;
	width: 287px;
	text-align: center;
	text-transform: uppercase;
}
 
h2 { 
	font-family: Verdana; 
	font-size: 9pt; 
	color: #02a9e1;
	text-decoration: none;
	font-weight: normal;
	display: inline;
}

h3 { 
	font-family: Verdana; 
	font-size: 11pt; 
	color: #02a9e1;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
}

h3 span { 
	font-family: Verdana; 
	font-size: 11pt; 
	color: #6ede00;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
}

ul, li, ol { 
	font-family: verdana, arial, helvetica; 
	font-size: 9pt; 
	color: #666666; 
	font-weight: normal;
}


/* DOCUMENT LINKS */

a:link, a:active, a:visited { 
	font-family: verdana, arial; 
	font-size: 9pt; 
	color: #ff9900; 
	text-decoration: underline; 
	font-weight: normal; 
} 
a:hover { 
	font-family: verdana, arial; 
	font-size: 9pt; 
	color: #000000; 
	text-decoration: underline; 
	font-weight: normal; 
}

	
/* DOCUMENT TABLES */

table { 
	border-collapse: collapse; 
} 

table td, table th { 
	padding: 0;
	vertical-align: top;
}

img {
	border:none;
}
		
	
/* header */

#header { 
	width: 967px;
	height: 55px;
	margin-left: auto; 
	margin-right: auto;
}

#header .left {
	width: 50%;
	float: left;
}

#header .right {
	width: 50%;
	float: right;
	text-align: right;
}

/* top panel */

#top-panel { 
	width: 100%;
	height: 305px;
}

#top-panel .tile {
	width: 50%;
	background: #7d5b1b url("images/wood-tile.gif") repeat top left;
}

#top-panel .banner {
	width: 499px;
	background: url("images/smile-island-dental-clinic-phuket.jpg") no-repeat top left;
}

#top-panel .topmenu {
	width: 499px;
	background: #0082ef url("images/phuket-dental-thailand.jpg") no-repeat top left;
	vertical-align: middle;
}

#top-panel .pict1 {
	width: 156px;
	background: #fac021 url("images/pict1-bg.gif") no-repeat bottom right;
}

#top-panel .pict2 {
	width: 149px;
	background: #f03c01 url("images/pict1-bg.gif") repeat-x bottom left;
}

#top-panel .pict3 {
	width: 163px;
	background-color: #0bc2d0;
}

#top-panel .pict4 {
	width: 156px;
	background: #0082ef url("images/pict1-bg.gif") repeat-x top left;
}

#top-panel .pict5 {
	width: 149px;
	background-color: #82df2f;
}


/* Links Top Menu  */

#menu a, #menu2 a, #menu3 a, #menu4 a, #menu5 a { 
	display: block;
	width: 438px;
	height: 24px;
	padding: 0px 0px 0px 53px;
	background: url("images/home-menu.gif") 0 0 no-repeat;
	font-family: tahoma; 
	font-size: 10pt; 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
   }

#menu a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover {
   background-position: -477px 0;
   color: #fac120;
   }
   
#menu2 a { 
	background: url("images/home-menu2.gif") 0 0 no-repeat;
	}
	
#menu3 a { 
	background: url("images/home-menu3.gif") 0 0 no-repeat;
	}

#menu4 a { 
	background: url("images/home-menu4.gif") 0 0 no-repeat;
	}
	
#menu5 a { 
	background: url("images/home-menu5.gif") 0 0 no-repeat;
	}
	
   



/* Tables Content  */

#homecontent { 
	width: 952px;
	margin-left: auto; 
	margin-right: auto;
	font-family: verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #6f7e8a;
	text-align: justify;
}

#homecontent .left {
	width: 608px;
	padding-right: 40px;
}

#homecontent .left2, #homecontent .left3 {
	width: 573px;
	padding-right: 40px;
	padding-left: 35px;
}


/* Dental Services  */

#homecontent .dental-services img {
	border: 1px solid #a0d4fc;
	padding: 3px;
	margin-right: 6px;
	margin-bottom: 6px;
	text-align: right;
}

#homecontent .dental-services1 {
	padding-left: 180px;
	background: url("images/dental-services-smile.jpg") no-repeat top left;
}

#homecontent .dental-services2 {
	padding-left: 180px;
	background: url("images/zoom-laser-teeth-whitening.jpg") no-repeat top left;
}

#homecontent .dental-services3 {
	padding-left: 180px;
	background: url("images/dental-bonding.jpg") no-repeat top left;
}

#homecontent .dental-services4 {
	padding-left: 180px;
	background: url("images/dental-bridge.jpg") no-repeat top left;
}

#homecontent .dental-services5 {
	padding-left: 180px;
	background: url("images/dental-crown.jpg") no-repeat top left;
}

#homecontent .dental-services6 {
	padding-left: 180px;
	background: url("images/dental-implants.jpg") no-repeat top left;
}

#homecontent .dental-services7 {
	padding-left: 180px;
	background: url("images/dentures.jpg") no-repeat top left;
}

#homecontent .dental-services8 {
	padding-left: 180px;
	background: url("images/immediate-implants.jpg") no-repeat top left;
}

#homecontent .dental-services9 {
	padding-left: 180px;
	background: url("images/Inlays-and-onlays.jpg") no-repeat top left;
}

#homecontent .dental-services10 {
	padding-left: 180px;
	background: url("images/invisalign.jpg") no-repeat top left;
}

#homecontent .dental-services11 {
	padding-left: 180px;
	background: url("images/orthodontics.jpg") no-repeat top left;
}

#homecontent .dental-services12 {
	padding-left: 180px;
	background: url("images/porcelain-veneer.jpg") no-repeat top left;
}

#homecontent .dental-services13 {
	padding-left: 180px;
	background: url("images/root-canal-surgery.jpg") no-repeat top left;
}

#homecontent .dental-services14 {
	padding-left: 180px;
	background: url("images/tooth-coloured-fillings.jpg") no-repeat top left;
}

#homecontent .dental-services15 {
	padding-left: 180px;
	background: url("images/treatment-gum-disease.jpg") no-repeat top left;
}





#homecontent .left3 {
	width: 877px;
	padding-right: 40px;
	padding-left: 35px;
}

#homecontent .left2 p span, #homecontent .left3 p span {
	color: #ff9900;
	font-weight: bold;
}

#homecontent .leftpict, #homecontent .leftpict2 {
	padding-right: 19px;
	float: left;
}

#homecontent .leftpict2 {
	padding-right: 12px;
}

#homecontent .right {
	width: 304px;
}

#homecontent .rightbox {
	width: 304px;
	height: 164px;
	background-color: #b5edf1;
}

#homecontent .rightbox2 {
	width: 292px;
	height: 137px;
	padding-right: 12px;
	background-color: #b5edf1;
	font-size: 8pt;
}

#homecontent .left a:link, #homecontent .left a:visited, #homecontent .left a:active, #homecontent .left a:hover, #homecontent .left2 a:link, #homecontent .left2 a:visited, #homecontent .left2 a:active, #homecontent .left2 a:hover, #homecontent .left3 a:link, #homecontent .left3 a:visited, #homecontent .left3 a:active, #homecontent .left3 a:hover { 
	font-family: verdana; 
	font-size: 9pt; 
	color: #6edf00; 
	text-decoration: none; 
	font-weight: bold;
}

#homecontent .left a:hover, #homecontent .left2 a:hover, #homecontent .left3 a:hover { 
	color: #6f7e8a;
}

#homecontent .rightbox a:link, #homecontent .rightbox a:visited, #homecontent .rightbox a:active, #homecontent .rightbox a:hover, #homecontent .rightbox2 a:link, #homecontent .rightbox2 a:visited, #homecontent .rightbox2 a:active, #homecontent .rightbox2 a:hover { 
	font-family: verdana; 
	font-size: 8pt; 
	color: #6f7e8a;  
	text-decoration: none; 
	font-weight: normal;
}

#homecontent .rightbox a:hover, #homecontent .rightbox2 a:hover { 
	color: #166ec5;
}



/* Powered */

.powered { 
	width: 952px;
	height: 30px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	padding-top: 13px;
}

.powered a:link, .powered a:visited, .powered a:active, .powered a:hover { 
	font-family: verdana; 
	font-size: 9pt; 
	color: #dcdada; 
	text-decoration: none; 
	font-weight: normal;
}

.powered a:hover { 
	color: #6f7e8a;
}


/* Footer */

.footer, .footer2 { 
	width: 952px;
	height: 30px;
	margin-left: auto; 
	margin-right: auto;
	color: #71b6d6;
	font-family: tahoma;
	font-size: 8pt;
}

.footer2 { 
	border-top: 1px solid #dce9ff;
	margin-top: 10px;
}

.footer td, .footer2 td { 
	vertical-align: middle;
}

.copyrights {
	text-align: right;
}

.footer a, .footer a:visited, .footer a:active, .footer a:hover, .footer2 a, .footer2 a:visited, .footer2 a:active, .footer2 a:hover { 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: #54b0ff; 
	text-decoration: none; 
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 15px;
} 

.footer a:hover, .footer2 a:hover { 
	color: #fac120; 
}


/*DROPDOWN MENU*/

.anylinkcss {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px;
	border-bottom-width: 0;
	line-height: 24px;
	z-index: 100;
	background: #b5edf1;
	width: 200px;
	margin-left: 296px;
	margin-top: -23px;
}

.anylinkcss a:hover { /*hover background color*/
	background: #ffffff;
	color: #FFFFFF;
	font: bold 9pt arial;
	text-decoration: none;
}

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

.anylinkcss ul li a, .anylinkcss ul li a:visited {
	width: 100%;
	display: block;
	border-bottom: 1px solid white;
	padding: 4px 0;
	text-decoration: none;
	text-indent: 16px;
	font: bold 9pt arial;
	color: #456dc7;
}

.anylinkcss ul li a:hover {
	color: #0e358e;
}


/* ######### class for shadow DIV ######### */

.anylinkshadow { /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}


/* Links left Menu  */

.menuright a, .menuright2 a { 
	display: block;
	width: 264px;
	height: 22px;
	padding: 0px 0px 0px 40px;
	background-color: #b5edf1;
	font-family: tahoma; 
	font-size: 9pt; 
	color: #456dc7; 
	text-decoration: none; 
	font-weight: bold;
	line-height: 22px;
}

.menuright a:hover {
   background: #b5edf1 url("images/bullet.gif") 0 0 no-repeat;
   color: #0e358e;
}
   
.menuright2 a:hover {
   background: #8ec0ff url("images/bullet2.gif") 0 0 no-repeat;
   color: #0e358e;
}
   
.menuright2 a {
   background-color: #8ec0ff;
}

/* Contact Table  */
   
.contact {
   width: 100%;  
}
   
.contact td {
   padding: 2px;
   width: 50%;
}
   
.bordergreen {
	border-style: solid;
	border-color: #6edf48;
	border-width: 4px;
}


/* Loaction popup  */

.location {
	font-family: verdana, arial; 
	font-size: 8pt; 
	color: #6f7e8a; 
	font-weight: normal;
	text-align: center;
}

.location a, .location a:visited, .location a:active, .location a:hover { 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: #6edf00; 
	text-decoration: none; 
	font-weight: normal;
} 

.location a:hover { 
	color: #6f7e8a; 
}

.location h2 { 
	font-family: Verdana; 
	font-size: 9pt; 
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
}

#flashcontent {				
		margin-left:auto; margin-right:auto;	
		width: 964px;	
		height: 460px;
		vertical-align: top;
		padding-right: 30px;
		margin-top: 20px;		
}