/* ---       ___                    __              __               --- */ 
/* ---      /\_ \                  /\ \            /\ \__            --- */
/* ---    __\//\ \       _ __   ___\ \ \____    ___\ \ ,_\   ___     --- */
/* ---  /'__`\\ \ \     /\`'__\/ __`\ \ '__`\  / __`\ \ \/  / __`\   --- */
/* --- /\  __/ \_\ \_   \ \ \//\ \L\ \ \ \L\ \/\ \L\ \ \ \_/\ \L\ \  --- */
/* --- \ \____\/\____\   \ \_\\ \____/\ \_,__/\ \____/\ \__\ \____/  --- */
/* ---  \/____/\/____/    \/_/ \/___/  \/___/  \/___/  \/__/\/___/   --- */
/* ---                                          www.el-roboto.co.uk  --- */

/*-----------------------------------------------------------------------*/
/* NOTES ----------------------------------------------------------------*/
/* .png fix => behavior: url(js/iepngfix.htc); */
/* Stop Google Yellow fields - background-color:#ffffff !important; */
/* Stop link outlines - outline:none; */

/*-----------------------------------------------------------------------*/
/* IMPORT MODULES  ------------------------------------------------------*/
/* @import url("CMsitenews.css");
/* @import url("CMmem.css");
/* @import url("CMvac.css"); */

/*-----------------------------------------------------------------------*/
/* BASE -----------------------------------------------------------------*/
* {margin:0; padding:0;}

body{
	background-color:#eaefec; 
	height:100%;
	margin:0; 
	padding:0;
	}

img {
	margin:0; 
	padding:0; 
	border:none; 
	}

h1, h2, h3, h4, h5 {}
h1 {font-size:21px;}
h3 {font-size:105%;}
h4 {font-size:105%;}
h5 {font-size:105%;}

a {outline: none;}
i, em {font-style:normal;}
b, strong {font-weight:100;}
hr {display:none;}


/*-----------------------------------------------------------------------*/
/* COMMON STYLES --------------------------------------------------------*/
.COMinline {display:inline;}
.COMright {display:inline; float:right;}
.COMleft {display:inline; float:left;}
.COMmiddle {display:inline; text-align:center;}
.COMclear {clear:both;}
.COMhide {display:none;}

.COMspace5 {height:5px; clear:both;}
.COMspace10 {height:10px; clear:both;}
.COMspace15 {height:15px; clear:both;}
.COMspace20 {height:20px; clear:both;}
.COMspace30 {height:30px; clear:both;}
.COMspace40 {height:40px; clear:both;}
.COMspace50 {height:50px; clear:both;}

.COMhr {height:2px; width:460px; background-color:#202020; margin: 30px 15px 35px 15px;}

.COMgood {color:#4c960a;}
.COMbad {color:#96240a;}

.imgframe1 {padding:4px; margin:0; background-color:#FFFFFF; border:1px solid #eaeaea;}
.imgframe2 {padding:4px; margin:0; background-color:#FFFFFF; border:1px solid #eaeaea;}

.error, .success {
	font-weight:600; 
	padding:5px 0;
	}
.error {
	color:#96240a; 
	}
.success {
	color:#4c960a; 
	}
.errorbox, .successbox {
	display:block;
	padding:10px; 
	font-weight:600; 
	}
.errorbox {
	background-color:#e0cecd; 
	color:#a2605a; 
	border:4px solid #c6938f;
	}
.successbox {
	background-color:#d2e0cd; 
	color:#6ca25a; 
	border:4px solid #9dc68f;
	}
.hightlight {
	color: #65b78b;
}

/*-----------------------------------------------------------------------*/
/* THIS LAYOUT ----------------------------------------------------------*/

#Head { 
	height:135px;
	background-image:url(/img/head-bgd.png);
	background-repeat:repeat;
	background-color:#FFFFFF;
	top:0; 
	left:0; 
	margin:0; 
	display:block; 
	width:100%;
}

#Foot { 
	width: 100%;
}

.wrapper {
	width:800px;
	margin:0 100px;
	display:block;
}
.wrapper2 {
	width:100%;
	display:block;
	background-color:#FFFFFF
}


#MainWidget {
	width:280px;
	height:auto;
	float:left;
}

#MainContent {
	width:462px;
	height:auto;
	float:right;

}

#VR {
	width:1px;
	background-color:#eaefec;
	float:left;
	margin-left:30px;
}

/* Navigation */
#NavSK {
	background-image:url(/img/sk-logo.gif);
	width:187px;
	height:71px;
	font-size:1px; 
	text-indent:-9999px;
	float:left;
}
#Nav {
	float:right;
	width:290px;
	z-index:10;
}
#Nav li {
	list-style:none;
	float:left;
	z-index:10;
}
#Nav a {
	display:block;
	height:71px;
	font-size:1px; 
	text-indent:-9999px;
	background-position:top left; 
	z-index:10;
	}
#Nav a:hover {
	background-position:bottom left;
	}
#Nav .active {
	background-position:bottom left;
	}
#NavHome {
	width:73px; 
	background-image:url(/img/nav-home.gif);
	float:left;
	cursor:pointer;
	}
#NavServices {
	width:110px; 
	background-image:url(/img/nav-services.gif);
	float:left;
	cursor:pointer;
	}
#NavContact {
	width:105px; 
	background-image:url(/img/nav-contact.gif);
	float:left;
	cursor:pointer;
	}


/* Titles */
.mz-welcome, .mz-services, .mz-contact, .mz-testim, .mz-legal, .mz-access {
	height:44px;
	width:462px;
	font-size:1px;
	text-indent:-9999px;
	display:block;
	}
.mz-welcome {
	background-image: url(/img/mz-t-welcome.gif);
	}
.mz-services {
	background-image: url(/img/mz-t-services.gif);
	}
.mz-contact {
	background-image: url(/img/mz-t-contact.gif);
	}
.mz-testim {
	background-image: url(/img/mz-t-testimonials.gif);
	}
.mz-legal {
	background-image: url(/img/mz-t-legal.gif);
	}
.mz-access {
	background-image: url(/img/mz-t-access.gif);
	}

.wz-testimonials, .wz-clients, .wz-profile {
	height:44px;
	width:280px;
	font-size:1px;
	text-indent:-9999px;
	display:block;
	}
.wz-testimonials {
	background-image: url(/img/wz1-t-testimonials.gif);
	}
.wz-clients {
	background-image: url(/img/wz1-t-clients.gif);
	}
.wz-profile {
	background-image: url(/img/wz1-t-profile.gif);
	}
	
/* Content Styles */
.wz1bgd {
	background-image: url(/img/wz1-bgd.jpg);
	background-position:top;
	background-repeat: no-repeat;
}
#MainWidget .testim{
	font-family:helvetica;
	font-size:13px;
	font-style:italic;
	line-height: 180%;
	color: #65b78b;
	padding: 28px 22px 0 22px;
	margin-bottom:8px;
}
#MainWidget .quoted{
	font-family:helvetica;
	font-size:10px;
	line-height: 180%;
	color: #65b78b;
	padding: 0 22px;
	clear:both;
	margin-bottom:20px;
}
#MainWidget a, #MainWidget a:visited {
	color: #65b78b;
	}
#MainWidget a:hover {
	color: #0d6133;
	}

#MainContent h3 {
	margin-top:20px;
	margin-bottom:-15px;
	color: #009545;
	font-family:helvetica;
	font-size: 13px;
	line-height: 180%;
	font-weight:bold;
}
#MainContent h3 strong {
	font-weight:bold;
}
#MainContent p {
	margin-top:20px;
	color: #84948b;
	font-family:helvetica;
	font-size: 12px;
	line-height: 180%;
}
#MainContent .leadpara {
	margin-top:10px;
	font-size: 15px;
	font-weight:100;
	line-height: 150%;
}
#MainContent .testim {
	margin-bottom:-10px;
	font-size: 15px;
	font-weight:100;
	line-height: 150%;
}
#MainContent .quoted {
	color: #65b78b;
}
#MainContent p a, #MainContent p a:visited {
	color: #009545;
	}
#MainContent p a:hover {
	color: #0d6133;
	}
#Foot .foot {
	font-family:helvetica;
	font-size:10px;
	line-height: 48px;
	color: #009545;
	margin-bottom:50px;
	margin-top:20px;
	margin-left:22px;
	float:left;
}
#Foot .foot a, #Foot .foot a:visited {
	color: #009545;
	}
#Foot .foot a:hover {
	color: #0d6133;
	}
#Foot .address {
	background-image: url(/img/logo-button.gif);
	background-position:center right;
	background-repeat: no-repeat;
	font-family:helvetica;
	font-size:10px;
	line-height: 48px;
	color: #009545;
	margin-bottom:50px;
	margin-top:20px;
	padding-right:48px;
	float:right;
	height:48px;
}

#ClientList {
	padding: 0 22px;
	margin-bottom:20px;
}
#ClientList li {
	list-style:none;
	font-family:helvetica;
	font-size:10px;
	color: #65b78b;
	padding-top:9px;
	margin-bottom:9px;
	border-top: 1px solid #eaefec;
}
.mz-list {
	margin:20px;
}
.mz-list li {
	list-style: disc;
	font-family:helvetica;
	font-size:10px;
	line-height:180%;
	color: #65b78b;
	margin-bottom:7px;
}

/* Contact Form */
#COMcontactform label {
	height:14px; 
	background-color:#eaefec; 
	padding:5px; 
	margin:0; 
	color:#009545; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px; 
	}
#COMcontactform input {
	height:20px; 
	width:190px; 
	background-color:#eaefec!important; 
	border:1px solid #eaefec;
	padding:5px;
	margin:0;
	color:#009545; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:10px;
	display:block;
	}
#COMcontactform textarea {
	width:400px;  
	background-color:#eaefec!important; 
	border:1px solid #eaefec;
	padding:5px; 
	margin:0 0 10px 0; 
	color:#009545; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;  
	overflow:auto;
	}
#SubContact input, #ProContact input{
	width:200px; 
	height:24px; 
	background-color:#009545!important; 
	border:1px solid #009545;
	padding:5px; 
	margin:0 0 10px 0; 
	color:#eaefec; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#OnlineEnquiry{
	border:none;
	margin:0;
	padding:0;
	}
#OnlineEnquiry legend {
	display:none;
	}

/* Foot */



/* PNG FIX */
#Head, #Foot {behavior: url(/js/iepngfix.htc);}


/*-----------------------------------------------------------------------*/
/* IMPORT HACKS  --------------------------------------------------------*/
/* @import url("hacks.css"); */