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

html {
	padding:0;
	margin:0;
	font-family:'Gill Sans', 'Gill Sans MT', 'GillSans', 'Futura', 'Verdana', 'Arial', sans-serif;
	font-weight:300;	
	font-size:16px;
}

body {
	padding:0;
	margin:0;
	font-family:'Gill Sans', 'Gill Sans MT', 'GillSans', 'Futura', 'Verdana', 'Arial', sans-serif;
	font-weight:300;	
	font-size:16px;
}
a img {
	border:0;
}
#wrapper {
	width:1024px;
	margin:0 auto;	
}

#footer {
	width:100%;
}

#content {
	width:100%;
}

#menu {
	width:100%;
}

#header {
	width:100%;
}

#header {
	position:relative;
	margin:15px 0 0 0;
}
#tel {
	position:absolute;
	bottom:10px;
	right:0px;
	text-align:right;	
}
#menu {
	
}
a:active {
	text-decoration:none;
	color:#666666;	
}

a:visited {
	text-decoration:none;
	color:#666666;	
}

a:link {
	text-decoration:none;
	color:#666666;	
}

a:hover {
	text-decoration:none;
	color:#036;		
}
#menu a:hover {
	background:#DDE3EC;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	height:50px;
	border:1px solid #333;
	border-width:1px 0 1px 0;
	width:100%;
}

#menu ul li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
#menu ul li a {	
	display:inline-block;
	line-height:50px;
	text-align:center;
	font-size:20px;	
	width:100%;
}
#home_li {
	width:15%;	
}
#about_li {
	width:15%;	
}

#counselling_li {
	width:20%;	
}

#eating_li {
	width:30%;	
}

#contact_li {
	width:15%;	
	float:right;
}
#content {
	min-height:650px;
	background:#daebf0;
	position:relative;
}

#footer {
	border-top:1px solid #333;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	font-size:16px;
}
#emailaddress {
	float:right;	
}
.clear {
	clear:both;	
}

#home_photo {
	position:absolute;
	top:60px;
	left:5.66%;
	font-weight:400;
	font-size:14px;
		
}
#home_photo img{
	width:120px;
	height:150px;
	margin:0 0 5px 0;
}
#home_02 {
	width:32.7%;
	min-height:515px;
	display:inline-block;
	position:absolute;
	background:#fff;	
}
#home_01 {
	width:32.7%;
	min-height:515px;
	display:inline-block;
	position:absolute;
	background:#fff;	
}
#home_01 {
	top:60px;	
	left:23.2%;
}
.m_span {
	padding:20px;	
	display:inline-block;
}
#home_02 {
	top:60px;
	left:61.4%;
}
#home_02 span {
	margin:20px 20px 0 20px;
	display:inline-block;
	padding:0 0 5px 0;
	border-bottom:3px #333333 double;
}
#about_01 {
	position:absolute;
	width:45%;
	min-height:565px;
	background:#fff;
	top:60px;
	left:3.33%;
	display:inline-block;
}

#about_02 {
	position:absolute;
	width:45%;
	min-height:565px;
	background:#fff;
	display:inline-block;
	top:60px;
	left:51.66%;
}
#about_01.contact {
	width:91%;	
}
#about_02.contact {
	left:39.66%;
	width:57%;	
	height:565px;
}
#about_02 ul {
	padding: 0 20px;
}
#about_02 ul li {
	margin:0 0 10px 0;
}
.s_head{
	padding:15px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #333;	
}
#eat_right {
	width:45%;
	position:absolute;
	top:60px;	
	display:inline-block;
	left:51.66%;
}

#eat_03 {
	width:100%;
	background:#fff;
}
#eat_04 {
	width:100%;
	background:#fff;
	margin:30px 0 0 0;
}

#eat_left {
	width:45%;
	position:absolute;
	top:60px;	
	display:inline-block;
	left:3.33%;
}
#eat_01 {
	width:100%;
	background:#fff;	
}
#eat_02 {
	width:100%;
	background:#fff;	
}
#eat_02 {
margin:30px 0 0 0;	
}
#content.eating {
	height:850px;	
}
#contactform {
	position:absolute;
	width:85%;
	min-height:565px;
	background:#fff;
	top:60px;
	left:3.33%;
	display:inline-block;
}
#hosting {
	float:right;
	font-size:10px;	
}
#about_11 {
	position:absolute;
	width:40%;
	min-height:565px;
	background:#fff;
	top:60px;
	left:3.33%;
	display:inline-block;
}

#about_12 {
	position:absolute;
	width:90%;
	min-height:565px;
	background:#fff;
	display:inline-block;
	top:40px;
	left:3%;
}

#content2 {
	min-height:750px;
	background:#daebf0;
	position:relative;
}

#about_13 {
	position:absolute;
	width:90%;
	min-height:665px;
	background:#fff;
	display:inline-block;
	top:40px;
	left:3%;
}

@media all and (max-width: 1178px) {
	#wrapper {
	width:95%;
	min-width:800px;
	}
	#content.about {
	height:700px;
	}
	#content.eating {
	height:850px;	
	}
	#menu ul li a {
		font-size:16px;
	}
}

@media all and (max-width: 1100px) {
	body{
	font-size:16px;
}
#content.eating {
	height:1000px;	
	}
}
@media all and (max-width: 1100px) {
	#content.about {
	font-size:16px;
}
}