/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* Global Variables
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* removes defaults from all elements */

* { 
	margin: 0px;
	padding: 0px;
}

/* END  */
	
html {
	margin: 0px auto;
	width: 100%;
}
	
#no_browser {
	display: none;
}	
body	{
	background: #465F3F url("/_img/bg.jpg") top left repeat-x;
	text-align: center;
}

.break {
	clear: both;
	height: 1px;
}

img {
	border: none;
}

/* Type
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

p {
	font: normal 13px/18px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
	color:#3C494F;
}

h1 {
	font: italic 18px/60px 'Georgia', 'Times New Roman', serif;
	color:#97AB4E;
}

h3 {
	font: italic 14px/14px 'Georgia', 'Times New Roman', serif;
	color:#97AB4E;
}

a {
	color:#242C30;
	text-decoration:none;
}

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


/* Content
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#container	{
	width: 959px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

#header  {
	height: 207px;
	width: 959px;
	text-align: left;
	position: relative;
 }



#header h1 a {
	display: block;
	width: 334px;
	height: 118px;
	text-indent: -3000px;
	overflow: hidden;
	background: url("/_img/logo.gif") top left no-repeat;
}

#header #header_content {
	width: 334px;
	float: left;
	margin-top: 30px;

}

#header #header_content p, #header #header_content a {
	color:#ffffff;
}

#headerslogan {
	margin-top: 55px;
	height: 66px;
	width: 603px;
	float: right;
	overflow: hidden;
	background: url("/_img/slogan.gif") top left no-repeat;
	text-indent: -3000px;
 }

#nav  {
	 background: url("/_img/nav_bg.jpg") top left no-repeat;
	 position: relative;
	height: 35px;

 }

#nav ul {
	margin:0;
	padding:0 64px 0 64px;
	list-style:none;
}

 #nav li {
      display:inline;
      margin:0;
      padding:0;
}

 #nav a {
       font: bold 11px/35px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
      float:left;
      background:url("/_img/navelementleft.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
}
#nav a span {
      float:left;
      display:block;
      background:url("/_img/navelementright.jpg") no-repeat right top;
      padding:0px 14px 0px 14px;
}

#nav a:hover span {
      background-position:100% -35px;
}

#nav a.contact span {
 float:left;
      display:block;
      background:url("/_img/navelementend.jpg") no-repeat right top;
      padding:0px 15px 0px 15px;
}

#nav a.contact:hover span {
      background-position:100% -35px;
}

#main  {
	 background: #ffffff;
	 position: relative;
	 width: 959px;
	 padding:0;
}

#maincontent {
	  margin: 0px auto;
	  padding: 30px 5px;
	  width: 821px;
	  position: relative;
}

.left {
      float: left;
      width: 520px;
      min-height: 500px;
      position: relative;
}

#picleft {
      float: left;
      width: 525px;
      position: relative;
}

.left h1.services_title {
	font: italic 14px/50px 'Georgia', 'Times New Roman', serif;
	margin: 10px 0 10px 0;
	width: 525px;
	height: 50px;
	overflow: hidden;
	background: url("/_img/titleBG.jpg") top left no-repeat;
	color: #3C494F;
	text-indent: 40px;
}

.right {
      background: url("/_img/rightBG.jpg") top left no-repeat;
      float: right;
      width: 274px;
       min-height: 420px;
      position: relative;

}

.right h1 {
      font: italic 18px/60px 'Georgia', 'Times New Roman', serif;
      color:#97AB4E;
      background: url("/_img/divider.jpg") bottom left no-repeat;
      padding: 0 0 0 40px;

}

.right p {
	font: normal 12px/18px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
	color:#3C494F;
}

.right p span {
	background: url("/_img/bullet.gif") bottom left no-repeat;
}

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

.right li {
      list-style: none;
      background: url("/_img/underscore.png") bottom left no-repeat;
      margin: 0px;
      padding: 15px 0 15px 10px;
}

.bullet {
     	background: url("/_img/bullet.gif") top left no-repeat;
     	 padding-left:30px;
}

.cross {
     	background: url("/_img/cross.gif") top left no-repeat;
     	 padding-left:30px;
}

.right ul#validate li {
      list-style: none;
      background: url("/_img/underscore.jpg") bottom left no-repeat;
      margin: 0px;
      padding: 15px 0 15px 10px;
}

#picright {
      float: right;
      width: 274px;
      height:270px;
      position: relative;
      background: url("/_img/picright.jpg") top left no-repeat;

}

#picright h1 {
      padding: 40px 20px;
      font: normal 18px/27px 'Georgia', 'Times New Roman', serif;
      color:#ffffff;
}

#picright h2 a {
	display: block;
	margin: 0px 20px;
	width: 222px;
	height: 52px;
	text-indent: -3000px;
	overflow: hidden;
	background: url("/_img/enquire.jpg") top left no-repeat;
}

#footer  {
	 background: url("/_img/footer.jpg") top left no-repeat;
	 position: relative;
	 width: 959px;
	 min-height: 80px;
	 margin: 0 0 50px 0;
}

#footer_content {
	width: 831px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	font: normal 10px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #ffffff;
	padding: 30px 0;
	margin: 0;
}

#footer_content a {
	color:#ffffff;
	text-decoration:none;
}

#footer_content a:hover {
	color:#96AA4D;
	text-decoration:none;
}

/*  SERVICES
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.services_desc {
	padding: 0 0 0 40px;
}

.services_desc p {
	font: normal 12px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #75909B;
}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

input#date{
	margin: 11px 0 14px 0;
	padding: 5px;
	width: 110px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #d5d5d5;
	float: right;
}

select#time{
	margin: 14px 0 14px 14px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #d5d5d5;
	float: right;
}

button.calendar {
	background: url("/_img/calendar-icon.gif");
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin: 12px 0 0 25px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url("/_img/calendar.png");
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar div {
		background: none !important;
		height: 185px;
		overflow: hidden;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: bold 11px/33px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 10px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url("/_img/calendar-prev.gif");
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url("/_img/calendar-next.gif");
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #97AB4E;
		font: normal 10px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url("/_img/calendar-td.gif");
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url("/_img/calendar-valid.png");
		color: #97AB4E;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url("/_img/calendar-hilite.gif"/_img/);
	}
	div.calendar td.inactive {
		background: url("/_img/calendar-td.gif"/_img/) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url("/_img/calendar-valid.png") 0 100%;
		color: #FFF;
		cursor: pointer;
	}
/*  FORM
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

label.small {
	margin: 15px 0 15px 0;
	font: normal 13px/20px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
	color:#3C494F;
	float: left;
	padding: 0;
	color: #242C30;
	width: 230px;

}

input.thin {
	margin: 11px 0 14px 0;
	padding: 5px;
	width: 255px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #d5d5d5;
	float: right;

}

input#submit {
	margin: 15px 0 0 30px;
	padding: 10px;
}



label span {
	color: #E54343;
	background: none;
}

textarea {
	margin: 11px 0 14px 0;
	padding: 5px;
	width: 255px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #d5d5d5;
	float: right;
}

p.success{
	background-image: url("/_img/success.jpg");
	background-position:  50% left ;
	background-repeat: no-repeat;
	background-color: #f2f4e8;
	padding: 8px 0px 8px 35px;
	border-top: 1px solid #97ac4a;
	border-bottom: 1px solid #97ac4a;
	color: #97AB4E;
	display:block;
}