/*
** combine.css 
** CSS - regroup all css for screen
** Author: Geoff FRANKLIN
** Date: 24.03.10
** Last edited: 05.05.10 by Geoff FRANKLIN
*/


/*
** reset.css 
** CSS - handles the mass reset
** Source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td */{
	margin: 0;padding: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/*vertical-align: baseline;*//*border: 0;*/}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;/*color: black;background: white;*/}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
/*table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}*/
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* reset.css end of file */


/*
** layout.css 
** CSS - handles the layout grid
**
** Author: Geoff FRANKLIN
** Date created: 11.03.10
** Last edited: 24.03.10 by Geoff FRANKLIN
*/

/********************************************* start - GENERAL */
html, body {
	font-family: "Times New Roman", Times, Georgia, serif;
}
body {
	background: url(../img/bg.jpg);
	font-size: 62.5%;
}
a { cursor: pointer; }
strong { font-weight: bold; }
div.reset {
	border: medium none; clear: both; display: block; font-size: 1px; height: 0px;
	line-height: 1px; margin: 0; padding: 0;
}
/*********************************************** end - GENERAL */

div#wrapper {
	position: relative;
	width: 100%;
	z-index: 3;
	}
	div#content_wrapper {
		position: relative;
		width: 100%;
		z-index: 10;
		}
		div#stage_blue {
			background: url(../img/stage.png) repeat-y;
			margin: 0 auto;
			width: 948px;
		}
		div#stage_blue_white {
			background: url(../img/stage.png) -948px 0;
			height: 50px; width: 948px;
			margin: 0 auto;
		}
		div#stage_white {
			background: url(../img/stage.png) repeat-y -1896px 0;
			margin: 0 auto;
			position: relative;
			width: 948px;
		}
		div#stage_white_bottom {
			background: url(../img/stage.png) -2844px 0;
			height: 45px; width: 948px;
			margin: 0 auto;
		}
	div#bg_top {
		background: url(../img/bg_top.jpg) repeat-x left top;
		height: 700px;
		position: absolute; left: 0; top: 0;
		width: 100%;
		z-index: 2;
	}
	div#bg_shadow {
		background: url(../img/bg_shadow.png) repeat-x left top;
		height: 452px;
		position: absolute; left: 0; top: 700px;
		width: 100%;
		z-index: 1;
	}

/********************************************* start - HEADER */
div#header {
	height: 279px;
	margin: 0 auto;
	position: relative;
	width: 900px;
	z-index: 15;
	}
	/* Logo */
	div#logo {
		height: 280px; width: 315px;
		position: absolute; left: -17px; top: -9px;
		}
		div#logo a {
			background: url(../img/logo.png);
			display: block;
			height: 280px; width: 315px;
			text-indent: -9999px;
		}
	/* Top Nav */
	div#topnav {
		background: url(../img/nav.png);
		font-size: 12px;
		height: 68px; width: 188px;
		line-height: 1.5em;
		position: absolute; top: -5px; right: -30px;
		z-index: 20;
		}
		div#topnav a {
			color: #ECE7D9;
			display: block;
			float: left;
			height: 37px; width: 85px;
			padding: 13px 0 0;
			position: relative; top: 5px; left: 9px;
			text-align: center; text-decoration: none; text-shadow: 0 1px 1px #302721;
			}
			div#topnav a:hover {
				text-decoration: underline;
			}
	/* Retreat image */
	div#retreat {
		background: url(../img/body-central-a-daily-retreat-to-centre-yourself.jpg);
		height: 347px; width: 585px;
		position: absolute; right: 7px; top: 0; z-index: 0;
		}
/*********************************************** end - HEADER */

/********************************************* start - NAV BANNER */
#nav_banner {
	float: left;
	height: 400px; width: 870px;
	position: relative; left: 38px;
	}
	#nav_banner .frame {
		background: url(../img/banner_frame.png);
		height: 390px; width: 565px;
		position: absolute; left: 285px; top: 0; z-index: 3;
	}
	#nav_banner ul {}
	#nav_banner ul li {}
	#nav_banner ul li a {
		background-repeat: no-repeat;
		background-position: left top;
		height: 390px; width: 565px;
		position: absolute; right: 20px; top: 0; z-index: 2;
		text-indent: -9999px;
		}
		#nav_banner ul li a em {
			background: url(../img/nav_banner.png);
			display: block;
			height: 78px; width: 253px;
			position: absolute; left: -263px;
		}
		
		#nav_banner ul li a#massage:hover { background-image: url(../img/banner_1.jpg); }
		#nav_banner ul li a#massage em { background-position: 0 0; }
		#nav_banner ul li a#massage:hover em { background-position: -253px 0; }
				
		#nav_banner ul li a#treatments:hover { background-image: url(../img/banner_2.jpg); }
		#nav_banner ul li a#treatments em { background-position: 0 -78px; top: 78px; }
		#nav_banner ul li a#treatments:hover em { background-position: -253px -78px; }
		
		#nav_banner ul li a#packages:hover { background-image: url(../img/banner_3.jpg); }
		#nav_banner ul li a#packages em { background-position: 0 -156px; top: 156px; }
		#nav_banner ul li a#packages:hover em { background-position: -253px -156px; }
		
		#nav_banner ul li a#waxing:hover { background-image: url(../img/banner_4.jpg); }
		#nav_banner ul li a#waxing em { background-position: 0 -234px; top: 234px; }
		#nav_banner ul li a#waxing:hover em { background-position: -253px -234px; }
		
		#nav_banner ul li a#pt:hover { background-image: url(../img/banner_5.jpg); }
		#nav_banner ul li a#pt em { background-position: 0 -312px; top: 312px; }
		#nav_banner ul li a#pt:hover em { background-position: -253px -312px; }
				
	#nav_banner .bg {
		background: url(../img/banner_1.jpg);
		height: 390px; width: 565px;
		opacity: .7;
		position: absolute; top: 0; left: 285px; z-index: 1;
	}

/*
ul#nav_banner {
	float: left;
	height: 400px; width: 253px;
	margin: 0 0 0 51px !important;
	margin: 0 0 0 25px;
	position: relative;
	}
	ul#nav_banner li {
		float: left;
		height: 78px; width: 253px;
		margin: 0 0 2px;
		}
	ul#nav_banner li.frame {
		background: url(../img/banner_frame.png);
		height: 390px; width: 565px;
		position: absolute; top: 0; left: 280px; z-index: 3;
		}
	ul#nav_banner li.image {
		background: url(../img/banner_1.jpg);
		height: 390px; width: 565px;
		opacity: .7;
		position: absolute; top: 0; left: 280px; z-index: 1;
		}
		ul#nav_banner li a {
			background: url(../img/nav_banner.png);
			display: block;
			height: 78px; width: 253px;
			text-indent: -9999px;
		}
		ul#nav_banner li a#banner_massage { background-position: 0 0; }
		ul#nav_banner li a#banner_massage:hover { background-position: -253px 0; }
		ul#nav_banner li a#banner_beauty { background-position: 0 -78px; }
		ul#nav_banner li a#banner_beauty:hover { background-position: -253px -78px; }
		ul#nav_banner li a#banner_body { background-position: 0 -156px; }
		ul#nav_banner li a#banner_body:hover { background-position: -253px -156px; }
		ul#nav_banner li a#banner_waxing { background-position: 0 -234px; }
		ul#nav_banner li a#banner_waxing:hover { background-position: -253px -234px; }
		ul#nav_banner li a#banner_spray { background-position: 0 -312px; }
		ul#nav_banner li a#banner_spray:hover { background-position: -253px -312px; }
		ul#nav_banner li a img {
			border: none;
			display: none;
			position: absolute; top: 0; left: 280px; z-index: 2;
			}
			ul#nav_banner li a:hover img {
				display: block;
			}
*/
/*********************************************** end - NAV BANNER */


/* menu #nav style
** menu.css 
** CSS and Javascript Accessible menu drop down 
** -----------------------------------------------------------------------------------------------
** Source: Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
** 		   Dropdowns by Patrick Griffiths and Dan Webb. 
** 		   http://carroll.org.uk/sandbox/suckerfish/bones2.html
** ------------------------------------------------------------------------------------------------
*/
#nav {
	background: url(../img/nav.png) 0 -68px;
	float: left;
	height: 64px; width: 978px;
	/*margin: -30px 0 0 -15px;*/
	padding: 15px 0 0;
	position: absolute; left: -15px;
	top: -35px !important;
	top: -55px;
	text-shadow: 0 1px 1px #302721;
	z-index: 20;
	}
/* * html #nav {margin-bottom: 10px;} */
	#nav ul {
		height: 40px; width: 960px;
		line-height: 1;
		list-style: none;
		margin: 0 auto; padding: 0; padding-left: 0;
		position: relative;
		z-index: 9999;
		}
	/* all list items */
	#nav ul li { float: left; } 
		#nav ul li a {
			color: #ECE7D9; 
			display: block;
			font-size: 12px;
			/*margin: 12px 5px 0;*/
			padding: 15px 16px;
			position: relative;
			text-decoration: none; text-align: center;
			z-index: 99999;
			}
			#nav ul li a:hover {
				/*background:url(../img/mainmenu_on.jpg) no-repeat right top;*/
				background: url(../img/nav.png) -240px 0;
				color: #FFF;
				}
				#nav ul li a:hover span {
					height: 41px; width: 6px;
					/*background:url(../img/mainmenu_left.jpg) no-repeat left top;position:absolute; left: 0; top:0;*/
					}
#nav ul li.separator { border-left: 1px solid #4F4237; width:1px; height: 40px; margin: 0; }
#nav ul li.separator.end { border-left: none; border-right: 1px solid #4F4237; float: right; }

#nav ul li.beauty-treatments-and-packages { width: 130px; }
#nav ul li.body-treatments-and-packages { width: 120px; }
#nav ul li.beauty-treatments-and-packages a,
#nav ul li.body-treatments-and-packages a { padding-bottom: 3px; }

/*
#nav ul li.listcontainerlogo {cursor: pointer;}
#nav ul li.listcontainerlogo a{border-left:none; margin-top: 0; margin-right: 14px; background:none;position:relative; z-index:999;cursor: pointer;}
#nav ul li.listcontainerlogo a:hover { border:none; background:none;position:relative;cursor: pointer;}
*/
#nav ul li a span {font-size: 10px;color:#717174; position:absolute; left: 20px; top: 30px; width: 120px;}
#nav ul li a.main_menu_selected span {font-size: 10px;color:#000;}
#nav ul li a.main_menu_selected { color:#FFF; background: url(../img/nav.png) -240px 0; /*color:#FFD204; background: #222;background:url(../img/mainmenu_selected.jpg) no-repeat right top;*/padding-bottom: 10px;padding:15px 16px;}
#nav ul li a.main_menu_selected span{color:#999;width: 6px; height: 41px;/*background:url(../img/mainmenu_selected_left.jpg) no-repeat left top;position:absolute; left: 0; top:0;*/}
#nav ul ul {height:auto;padding: 0 0 10px 0;margin: 0;list-style: none;line-height: 1;	position:relative; z-index: 9999;
color:#ddd;border:1px solid #65584E;background: #4F4237;}
/* all list items */
#nav ul ul li { width: 14em; /* width needed or else Opera goes nuts */	float: left;background: #4F4237;z-index: 9999;}
#nav ul ul li a { border-bottom: 1px solid #65584E; padding: 5px 10px 8px; text-align: left;}
#nav ul ul li a:hover, #nav ul ul li a.selected { background: #393028; color:#FFF; border-bottom:1px solid #78685C;}
/* second-level lists */
#nav ul li ul {position: absolute;z-index:999;width: 14em;margin-left: -1000em; }/* using left instead of display to hide menus because display: none isn't read by screen readers */
/* third-and-above-level lists */
#nav ul li ul ul {margin: -1em 0 0 -1000em;}
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul {margin-left: -1000em;}
/* lists nested under hovered list items */
#nav ul li:hover ul, #nav ul li.sfhover ul { margin-left: 0;}
#nav ul li li:hover ul, #nav ul li li.sfhover ul {	margin-left: 14em;margin-top: -22px;}
/* extra positioning rules for limited noscript keyboard accessibility */
/*#nav ul li a:focus + ul { margin-left: 0; }
#nav ul li li a:focus + ul { margin-left: 18010em; }
#nav ul li li a:focus { margin-left:1000em; width:10.7em; background-color:#098EBA;}
#nav ul li li li a:focus {margin-left: 2010em; width: 10.7em; background-color:#098EBA;}
#nav ul li:hover a:focus, #nav ul li.sfhover a.sffocus { margin-left: 0; }
#nav  ulli li:hover a:focus + ul, #nav ul li li.sfhover a.sffocus + ul { margin-left: 14em; }*/


/********************************************* start - PAGE CONTENT */
div#page_content {
	margin: 0 auto;
	padding: 10px 25px 0;
	position: relative;
	width: 844px;
	}
	/* Box styling */
	div#page_content div.box {
		float: left;
		height: 268px; width: 270px;
		position: relative;
		margin: 0 17px 0 0;
		}
		div#page_content div.box h2 {
			background: url(../img/sprites_home-bottom-bar.png);
			height: 52px; width: 270px;
			text-indent: -9999px;
			}
			/* About the Spa title */
			div#page_content div#about-the-spa.box h2 {
				background-position: 0 0;
				}
			/* Latest News title */
			div#page_content div#latest-news.box h2 {
				background-position: -270px 0;
				float: left;
				margin: 0 0 8px;
				}
				div#page_content div.box h2 a {
					display: block;
					height: 52px; width: 270px;
				}
		div#page_content div.box p {
			color: #4F4237;
			font-size: 13px;
			line-height: 1.2em;
			padding: 8px 10px 0;
			text-shadow: 1px 1px 1px #FFF;
			}
			div#page_content div.box p a.more {
				color: #0088C7;
				text-decoration: none;
				}
				div#page_content div.box p a.more:hover {
					text-decoration: underline;
				}
			div#page_content div.box p.contact-us {
				background: url(../img/sprites_home-bottom-bar.png) 0 -52px;
				height: 126px; width: 253px;
				margin: 20px 10px 0; padding: 0;
				position: absolute; left: 0; bottom: 0;
				}
				div#page_content div.box p.contact-us a {
					background: url(../img/sprites_home-bottom-bar.png) 0 -178px;
					display: block;
					height: 45px; width: 130px;
					position: absolute; left: 63px; top: 61px;
					text-indent: -9999px;
					}
					div#page_content div.box p.contact-us a:hover {
						background: url(../img/sprites_home-bottom-bar.png) 0 -223px;
					}
					div#page_content div.box p.contact-us a:active {
						top: 62px !important;
						top: inherit;
					}
			/* Latest News */
			div#page_content div.box div.wrap {
				float: left;
				height: 165px; width: 270px;
				overflow: hidden;
			}
			div#page_content div.box div.article {
				float: left;
				line-height: 1.4em;
				padding: 0 10px;
				width: 260px;
				}
				div#page_content div.box div.article h3 {
					float: left;
					font-size: 15px; font-weight: normal;
					text-shadow: 1px 1px 1px #FFFFFF;
					width: 260px;
					}
					div#page_content div.box div.article h3 a {
						color: #0088C7; text-decoration: none;
						}
						div#page_content div.box div.article h3 a:hover {
							text-decoration: underline;
						}
				div#page_content div.box div.article span,
				div#content_right span.news_date {
					color: #AA9C93;
					float: left;
					font-size: 11px;
					padding: 4px 0 0;
					text-transform: uppercase; text-shadow: 1px 1px 1px #FFFFFF;
					width: 260px;
				}
				div#page_content div.box div.article p {
					float: left; padding: 5px 0 0;
				}
				div#page_content div.box div.article div.bottom {
					background: url(../img/sprites_home-bottom-bar.png) 0 -270px !important;
					background: none;					
					float: left;
					height: 2px; width: 260px;
					margin: 10px 0 15px;
				}
	/* Extra Links */
	div#page_content div#extra-links.box {
		height: 267px;
		line-height: 1.6em;
		margin: 3px 0 0;
		}
		div#page_content div#extra-links.box h2 {
			background: none;
			font-size: 16px; font-weight: normal;
			height: 73px; width: 260px;
			padding: 0 0 10px;
			text-indent: 0;
			}
			div#page_content div#extra-links.box h2 a {
				background: url(../img/sprites_home-bottom-bar.png);
				color: #0088C7;
				display: block;
				height: 45px; width: 248px;
				padding: 28px 0 0 12px;
				position: relative;
				text-decoration: none; text-shadow: 1px 1px 1px #FFF;
				}
				/* Make a Booking */
				div#page_content div#extra-links.box h2.booking a {
					background-position: 0 -273px;
					}
					div#page_content div#extra-links.box h2.booking a:hover {
						background-position: -260px -273px;
					}
				/* Visit Our Online Shop */
				div#page_content div#extra-links.box h2.shop a {
					background-position: 0 -346px;
					}
					div#page_content div#extra-links.box h2.shop a:hover {
						background-position: -260px -346px;
					}
				/* We Use Thalgo Products */
				div#page_content div#extra-links.box h2.thalgo a {
					background-position: 0 -419px;
					}
					div#page_content div#extra-links.box h2.thalgo a:hover {
						background-position: -260px -419px;
					}
	/* White Divider */
	div#page_content div.white-divider {
		background: url(../img/divider.jpg);
		float: left;
		height: 61px; width: 876px;
		margin: -29px 0 0 -16px;
	}
/********************************************* start - PAGE CONTENT - LEFT */

/*
div#content_left {
	float: left;
	}
	div#content_left h2 {
	}
	div#content_left p {
	}
*/

/* content left menu */
/*
div#content_left_menu {
	float: left;
	height: auto; width: 253px;
	padding: 0 0 10px;
	}
	div#content_left_menu ul  {
		float: left;
		}
		div#content_left_menu ul li {
			float: left;
			}
			div#content_left_menu ul li a {
				color: #600;
				display: block;
				float: left;
				font-size: 12px;
				font-weight: bold;
				padding: 10px;
				position: relative;
				text-decoration: none;
				width: 233px;
				z-index: 0;
				}
				div#content_left_menu ul ul li a {
					color: #600;
					display: block;
					float: left;
					font-weight: normal;
					padding: 10px 10px 10px 18px;
					position: relative;
					width: 208px;
					z-index: 0;
					}
					div#content_left_menu ul ul li a span {
						display: block;
						float: left;
						height: 18px;
						margin: 0 3px 0 0;
						width: 17px;
					}
					div#content_left_menu ul ul ul li a {
						width: 148px; height: 26px; 
						font-size: 11px;
						position: relative;
						z-index:0;
						display:block;
						padding: 10px 5px 0px 35px;
					}
					div#content_left_menu ul li a:hover  {
						text-decoration: underline;
					}
					
					div#content_left_menu .selected a {
						color: #000;
						font-weight: bold;
						text-decoration: underline;
						}
						div#content_left_menu .selected a:hover {
							text-decoration: none;
						}
					
					div#content_left_menu .selected .left_menu_list a {
						color: #600;
						font-weight: normal;
						text-decoration: none;
						}
						div#content_left_menu .selected .left_menu_list a:hover {
							text-decoration: underline;
						}	
*/	
	
/*********************************************** end - PAGE CONTENT - LEFT */

/*********************************************** end - PAGE CONTENT */

/********************************************* start - FOOTER */
div#footer {
	color: #666;
	font-size: 11px;
	height: 150px; width: 894px;
	line-height: 1.1em;
	margin: 0 auto;
	position: relative;
	text-shadow: 1px 1px 1px #000;
	z-index: 4;
	}
	div#footer a { color: #999; text-decoration: none; }
	div#footer a:hover { text-decoration: underline; }
	/* Footer Info */
	div#footer div.info { float: left; }
	/* Footer Nav */
	div#footer div.nav { position: absolute; left: 263px !important; left: 248px; top: 0; width: 315px; }
	div#footer div.nav ul { float: left; font-size: 11px; line-height: 1.1em; list-style: none; margin: 0; }
	div#footer div.nav ul li { float: left; margin: 0 0 0 15px; }
	/* Footer Mediasphere */
	div#footer div.mediasphere { float: right; }
/*********************************************** end - FOOTER */



/* content */
/*
#content {width: 960px;height: auto;padding: 0; padding-bottom:170px; margin:0 auto;}
*/
.contentpage { width: 100%; }

.contentpage p {font-size: 12px; line-height: 1.3em;}
.contentpage ul {list-style:disc;  /*margin:  10px 0 0 30px;*/ font-size: 12px; line-height: 1.3em;}
.contentpage ol { list-style:decimal; /*margin:  10px 0 0 30px;*/ font-size: 12px; line-height: 1.3em;}

.contentpage div#page_content { background: url(../img/bg_left-menu.jpg) no-repeat 255px 0; padding: 0 20px 0 0; width: 874px; }

/* home items  */
/*
.home_item 		{width: 24%; height:auto; margin: 0 1% 5% 0!important; margin:0 0 4% 0;float:left;text-align:center;}
.home_item h1	{text-align:left;padding-top: 6%!important;padding-top:3%;}
.home_item a 	{text-align:left;}
.home_item p 	{text-align:left;color:#666666; font-size:12px; line-height: 1.3em;} 
.home_item img 	{width:192px;}
.home_item span {width: 0%; height: 0;float:left; margin: -9999em 0 0 -9999em;}
*/
/* home latest news items  */
/*
.home_news 		{width: 24%; height:auto; margin: 0 1% 5% 0!important; margin:0 0.8% 3% 0;float:left;text-align:left;}
.home_news h1 	{text-align:left;}
.home_news a 	{width: 95%;float:left;}	
.home_news span {width: 95%;float:left;text-align:left; color:#999; margin-top: 2%; margin-bottom: 6%!important; margin-top: 1%; margin-bottom:3%; }
.news_post {margin-left: 8%!important;margin-left: 0%;} 
.home_news em 	{width: 95%; height: auto;float:left;font-style:normal;color:#666666; margin-left: 0%!important; margin:0;}
*/

/* breadcrumb */
/*
#content_left_breadcrumb {font-size: 10px; margin: 25px 0 25px 25px!important; margin: 10px 0 20px 0; }
*/

/* left menu */

#content_left {
	float: left; height: auto; width: 270px; text-shadow: 1px 1px 1px #FFF;
	padding: 60px 0 0 !important;
	padding: 40px 0 0;
	}
#content_left_menu {
	float: left; width: 270px;
	margin: 0 0 40px 10px !important;
	margin: 0 0 40px 5px;
	}
	#content_left_menu ul {
		list-style:none; padding: 0; line-height: 1.5em; margin: 0 0 0 10px;
		}
#content_left_menu ul li a { font-size: 15px; font-weight: normal; color:#0088C7; display:inline-block;
padding: 10px 10px 10px 20px; text-decoration: none;}
#content_left_menu ul li a:hover {text-decoration: underline;}
#content_left_menu ul li.selected a { background: url(../img/bullet.png) no-repeat 0 12px; font-weight: bold;}
#content_left_menu ul li.selected ul li a { background: none; margin:0; font-weight: normal;}
#content_left_menu ul ul li a {font-size: 13px; color:#0088C7; padding: 10px 0 10px 25px; }
#content_left_menu ul ul li.selected a { background: url(../img/bullet.png) no-repeat 4px 12px; }
#content_left_menu ul ul ul li a { color:#0088C7; padding: 10px 0 10px 35px;}
#content_left_menu ul ul ul li.selected a { background: url(../img/bullet.png) no-repeat 12px 12px; }

#content_left_menu div#latest-news {
	margin: 0;
}

/* right content */

#content_right {
	color: #333;
	float: left;
	line-height: 1.5em;
	padding: 60px 0 40px 50px !important;
	padding: 40px 0 40px 30px;
	text-shadow: 1px 1px 1px #FFF;
	width: 554px;
	}
	#content_right h1,
	#content_right h2,
	#content_right h3,
	#content_right h4,
	#content_right h5,
	#content_right h6 {
		line-height: 1em;
	}
	#content_right h1 {
		color: #4F4237;
		font-size: 39px;
		font-weight: bold;
		padding: 30px 0;
		text-align: left;
	}
	#content_right h2 {
		color: #695849;
		font-size: 25px;
		font-weight: bold;
		padding: 20px 0;
		text-align: left;
	}
	#content_right h3 {
		color: #87725F;
		font-size: 20px;
		padding: 10px 0;
		text-align: left;
	}
	#content_right h4,
	#content_right h5,
	#content_right h6 {
		color: #000;
		font-size: 16px;
		padding: 5px 0;
		text-align: left;
	}
	#content_right p {
		font-size: 13px;
		padding: 0 0 10px;
		text-align: left;
		}
		/* overwrite yuk inline PH styles */
		#content_right p span {
			font-family: "Times New Roman", Times, Georgia, serif !important;
			font-size: inherit !important;
		}
	#content_right em {
		font-style: italic;
	}
	#content_right img {
		background: #F0E8E6;
		border: 1px solid #B18585;
		margin: 15px;
		padding: 4px;
	}
	#content_right a {
		color: #0088C7;
		text-decoration: none;
		}
		#content_right a:hover {
			text-decoration: underline;
		}
	/* List Styling */
	#content_right ul,
	#content_right ol {
		font-size: 13px;
		color: #333;
		line-height: 1.5em;
		}
	#content_right ol {
		list-style: decimal;
		padding: 5px 0 0 40px;
		}
		#content_right ol li {
			padding: 6px 0;
		}
	#content_right ul {
		list-style: disc;
		padding: 5px 0 0 33px;
		}
		#content_right ul li {
			padding: 6px 0 6px 5px;
			}
			/* overwrite yuk inline PH styles */
			#content_right ul li span {
				font-family: "Times New Roman", Times, Georgia, serif !important;
				font-size: inherit !important;
			}
	ul#sitemap, ul#sitemap ul, ul#sitemap ul ul, ul#sitemap ul ul ul {
		list-style: none;
	}

.google_map {width: auto; float:right; margin: 2%; background: #FFF; padding: 3px; border: 1px solid #CCC;}

/* form */

a.submit_btn {width: 158px; height: 30px; text-align:center; margin: 8px 0 6px 0;padding-top: 10px;background:url(../img/submit.png) no-repeat left;float:left;color:#fff;font-size: 16px;position:relative;}
a:hover.submit_btn {background: #4F4237;text-decoration:none;}
label {width: 47px; float:left; text-align:right;font-size:12px; margin-right: 10px; padding: 8px 0 0 0;}
input {width:191px; height: 18px; background: #eee; border:1px solid #D7C7B2; margin-bottom: 6px; padding: 6px; position:relative;}
input:focus { background: #FFF; }
textarea {width:201px;padding: 6px;background: #eee; border:1px solid #D7C7B2; font-family: "Times New Roman", Times, serif;}
textarea:focus { background: #FFF; }

#contactusform { width: 45%; float:left; margin: 20px 0;}
#contactusform label {float:left; width: 85px;text-align:left; margin-bottom: 4px;}
#contactusform input {float:left; width: 200px; margin-right:10px; font-family: "Times New Roman", Times, serif;}
#contactusform textarea { margin-bottom: 6px; }
#contactusform img { margin: 0; padding: 0; border: none;}
#contactusform input#captcha { font-size: 20px; height: auto; letter-spacing: 4px; text-align: center; width: 106px;  }

.success {width: 95%;padding: 10px; color:#009900; border:1px solid #009900; background:#E1FFE1;}
.submit_contactus {width: 120px; height: 35px;border:none;font-size: 17px; font-weight: bold; color:#fff;text-align:center; background:#4F4237;float:left; cursor: pointer; font-family: "Times New Roman", Times, serif; }
.submit_contactus:hover {background: #6A5A4C;}


/* reset div */
/*
.reset, .clr {border:medium none;clear:both;display:block;font-size:0px;height:0px;line-height:0px;margin:0;padding:0; }
*/


/* layout.css end of file */



/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
	
	Lasted edited: 16 March 2010 by Geoff FRANKLIN
	
*/

.anythingSlider {
	float: right;
	height: 390px; width: 565px;
	margin: 0 51px 0 0 !important;
	margin: 0 25px 0 0;	
	position: relative;
	}
	.anythingSlider .wrapper {
		height: 390px; width: 565px;
		margin: 0;
		overflow: auto;
		position: absolute; top: 0; left: 0;
		}
		.anythingSlider .wrapper ul {
			margin: 0;
			position: absolute; top: 0; left: 0;
			width: 99999px;
			}
			.anythingSlider ul li {
				display: block;
				float: left;
				height: 390px; width: 565px;
				margin: 0; padding: 0;
				position: relative;
				}

.anythingSlider .frame {
	background: url(../img/banner_frame.png);
	height: 390px; width: 565px;
	position: absolute; top: 0; left: 0;
}

.anythingSlider .image {
	background: url(../img/banner_1.jpg);
	height: 390px; width: 565px;
}

.anythingSlider .arrow                  { /*display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer;*/ display: none; }
.anythingSlider .forward                { /*background-position: 0 0; right: -20px;*/ display: none; }
.anythingSlider .back                   { /*background-position: -67px 0; left: -20px;*/ display: none; }
.anythingSlider .forward:hover          { /*background-position: 0 -200px;*/ display: none; }
.anythingSlider .back:hover             { /*background-position: -67px -200px;*/ display: none; }

#thumbNav                               { /*background: url(../img/banner.png); position: relative; top: 195px; left: 770px; height: 20px; width: 150px;*/ display: none; }
#thumbNav a                             { /*color: #DBCA8F; display: inline-block; height: 15px; width: 20px; margin: 0 10px 0 0; padding: 5px 0 0; font-size: 0px;*/ display: none; }
#thumbNav a:hover                       { /*background: url(../img/banner.png) -150px 0;*/ display: none; }
#thumbNav a.cur                         { /*background: url(../img/banner.png) -150px 0;*/ display: none;  }

#start-stop                             { /*background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;*/ display: none; }
#start-stop.playing                     { /* background-color: red;*/ display: none; }
#start-stop:hover                       { /* background-image: none;*/ display: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul { position:static; margin:0; background:none; overflow:visible; width:auto; border:0; }
.anythingSlider .wrapper ul ul li { float:none; height:auto; width:auto; background:none; }



/* banner fading width menu tab */
/*
.banner {width: 920px;height: 302px; overflow: hidden;position: relative;margin: 0px auto 12px auto!important; margin: 12px auto 4px auto;border;}
.banner ul {position: absolute;	top: 0;	list-style: none;padding: 0;margin: 0; }

#tabs { z-index: 2; position:absolute; top: 258px;right:25px;}
#tabs li {float:left; margin: 0; padding: 0;}
#tabs li a {color: #FF4213; display: inline-block; width: 20px; height: 17px; background: url(../img/icon_banner_nav.png) top right no-repeat !important; border:none !important;background:none;border:1px solid #fff; text-align: center; margin-right: 5px;}
#tabs li a:hover {color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;}
#tabs li a.current {color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;}
*/

/*
#output {right: 0; width: 920px; height: 302px;}
#output li {position: absolute;width: 960px;height: 302px;background:transparent url(../img/curveoverlay_bg.png) no-repeat right; z-index:1;}
#output li a {text-decoration: none;font-size: 13px;color: #FFCC00;}
#output li a:hover {text-decoration:underline;}
#output li a.banner_btn {width: 124px; height: 24px; color:#000; position:absolute; right: 300px; bottom: 40px; background:url(../img/banner_button.png) no-repeat; padding-top: 4px; text-align:center;}
#output li b {
	width:auto; height: 30px;
	z-index: 99999; 
	font-size: 36px; font-family: "Arial Black", Gadget, sans-serif; 
	font-weight: normal; 
	position:absolute;
	top: 50px;
	right:100px;
	padding:6px; 
	color:#fff;
	text-shadow: #000000 4px 0px 4px;height: 1em;filter: Shadow(Color=#000000,Direction=135,Strength=4);
}
#output li span {
	width:40%; height: 80px;
	position:absolute;
	z-index: 99999; 
	right:100px; text-align:right;
	font-size: 16px;
	margin: 100px 0px 8px 200px;
	color:#fff;
	line-height:1.3em;
	text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3);
}

#output li#banner_gov {}	
#output li#banner_e-learning {}
#output li#banner_community {}
#output li#banner_community b {top: 40px; right:80px;}
#output li#banner_community span {margin-top: 90px;right: 90px;}
#output li#banner_community a.banner_btn {right: 340px; bottom: 100px;}
*/
/* banner web packaages */
/*
#output li#banner_web {}
*/
/* banner web design */
/*
#output li#banner_design {}
#output li#banner_design b {top: 40px; right: 310px;text-align:right;}
#output li#banner_design span {margin-top: 90px;right: 220px; width: 34%; text-align:left;}
#output li#banner_design a.banner_btn {right: 420px; bottom: 42px;}
*/
/*	
.bannermenu_wrapper{z-index: 99999;position: absolute;bottom: 20px;right: 15px; color:#fff; text-align:right; width: 620px; height: auto;}
*/
/* end banner slider file */