/* ---       ___                    __              __               --- */ 
/* ---      /\_ \                  /\ \            /\ \__            --- */
/* ---    __\//\ \       _ __   ___\ \ \____    ___\ \ ,_\   ___     --- */
/* ---  /'__`\\ \ \     /\`'__\/ __`\ \ '__`\  / __`\ \ \/  / __`\   --- */
/* --- /\  __/ \_\ \_   \ \ \//\ \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"); */
/* @import url("CMvac.css"); */

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

body{
	background:#a90000 url(/img/bgd.gif) center top repeat; 
	height:100%;
	margin:0; 
	padding:0;
	font-size:10px;
	color:#ffffff;
	}

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; color:#ffffff;}
b, strong {font-weight:100; color:#ffffff;}
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;}

.imgframe {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;
	}
	
/*-----------------------------------------------------------------------*/
/* THIS LAYOUT ----------------------------------------------------------*/

#Header {
	display:block;
	height:340px;
	width:820px;
	margin:0 auto;
	padding:0;
	background: url(/img/header.jpg) top center repeat-x; 
	overflow:hidden;
	text-indent:-9999px;
	font-size:1px;
	}

/* For Sticky Footer */	
#Parent {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	}
#Page {
	padding-bottom: 264px;
	background:#a90000 url(/img/bgd.gif) center top repeat-x;
	}
	
.wrapper {
	width:820px;
	margin:0 auto;
	}
	
#MainCol {
	float:left;
	display:inline;
	width:545px;
	margin:0; 
	overflow:inherit;
	}
#RightCol {
	float:right;
	display:inline;
	width:266px;
	margin:0;
	padding:0;
	background: #910000 url(/img/rc_bgd.gif) top center repeat-x; 
	overflow:inherit;
	}

/* Main Navigation */
#NavList {
	margin-top:5px;
	}
#NavList li {
	list-style:none;
	}
#NavList a {
	display:block;
	height:43px;
	font-size:1px; 
	text-indent:-9999px;
	background-position:top left; 
	}
#NavList a:hover {
	background-position:bottom left;
	}
#NavList .active {
	background-position:bottom left;
	}
#NavHome, #NavAbout, #NavProjects, #NavSubmit, #NavContact {
	width:266px; 
	cursor:pointer;
	}
#NavHome {
	background-image:url(/img/NAV_home.gif);
	}
#NavAbout {
	background-image:url(/img/NAV_about.gif);
	}
#NavProjects {
	background-image:url(/img/NAV_projects.gif);
	}
#NavSubmit {
	background-image:url(/img/NAV_submit.gif);
	}
#NavContact {
	background-image:url(/img/NAV_contact.gif);
	}


/* MZ Titles */
#MZThome, #MZTabout, #MZTprojects, #MZTnews {
	width:545px;
	height:74px;
	margin:5px 0 0 0;
	font-size:1px; 
	text-indent:-9999px;
	}
#MZThome {
	background: url(/img/MZ_T_home.gif) top left no-repeat; 
	}
#MZTabout {
	background: url(/img/MZ_T_about.gif) top left no-repeat; 
	}
#MZTprojects {
	background: url(/img/MZ_T_projects.gif) top left no-repeat; 
	}
#MZTnews {
	background: url(/img/MZ_T_news.gif) top left no-repeat; 
	}

/*WZ1 Titles */
#WZ1Tcontact  {
	width:266px;
	height:45px;
	margin:0;
	background: url(/img/WZ1_T_contact.gif) top left no-repeat; font-size:1px; 
	text-indent:-9999px;
	}
#WZ1Tnews, #WZ1Tsubmit {
	width:266px;
	height:45px; 
	margin:25px 0 0 0;
	font-size:1px; 
	text-indent:-9999px;
	}
#WZ1Tnews {
	background: url(/img/WZ1_T_news.gif) top left no-repeat; 
	}
#WZ1Tsubmit {
	background: url(/img/WZ1_T_submit.gif) top left no-repeat; 
	}



/* Content Styles */
#MainCol h2{
	font-family:georgia;
	font-size:17px;
	font-weight:100;
	font-variant:small-caps;
	color:#ffffff;
	margin:21px 21px 0 21px;
	line-height:25px;
	}
#MainCol h3{
	font-family:georgia;
	font-size:17px;
	font-weight:100;
	font-variant:small-caps;
	color:#ffffff;
	margin:14px 21px 0 21px;
	line-height:25px;
	}
#MainCol h4{
	font-family:georgia;
	font-size:12px;
	font-weight:100;
	color:#ffffff;
	margin:10px 21px 0 21px;
	line-height:18px;
	}
#MainCol p{
	font-family:georgia;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
	margin:16px 21px 0 21px;
	line-height:22px;
	}
#MainCol h2 a, #MainCol h2 a:visited, #MainCol h4 a, #MainCol h4 a:visited, #MainCol p a, #MainCol p a:visited{
	color:#ffffff;
	text-decoration:underline;
	}
#MainCol p a:hover, #MainCol h2 a:hover, #MainCol h4 a:hover{
	color:#ffffff;
	text-decoration:none;
	}
#RightCol h3{
	font-family:georgia;
	font-size:13px;
	font-weight:100;
	font-variant:small-caps;
	color:f6dddd;
	margin:6px 14px 0 14px;
	line-height:18px;
	}
#RightCol h3 a, #RightCol h3 a:visited{
	color:#f6dddd;
	text-decoration:underline;
	}
#RightCol h3 a:hover{
	color:#f6dddd;
	text-decoration:none;
	}
#RightCol p{
	font-family:georgia;
	font-size:11px;
	font-weight:100;
	color:#e5bdbd;
	margin:3px 14px 0 14px;
	line-height:18px;
	}
#FootRightCol p{
	font-family:georgia;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
	margin:3px 14px 0 14px;
	line-height:24px;
	}
#FootRightCol p a, #FootRightCol p a:visited{
	font-family:georgia;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
	line-height:24px;
	text-decoration:underline;
	}
#FootRightCol p a:hover{
	color:#ffffff;
	text-decoration:none;
	}
.rss {
	background: url(/img/rss.gif) center right no-repeat;
	padding-right:22px;
	}
.roboto {
	background: url(/img/roboto.gif) center right no-repeat;
	margin-top:30px;
	height:40px;
	
	width:140px;
	font-size:10px;
	}
.frame {
	width:483px;
	height:150px;
	background-color:#7f0002;
	margin:0 21px;
	padding:10px;
	}
.ContentImg{
	display:inline;
	float:right;
	width:120px;
	height:120px;
	background-color:#7f0002;
	padding:10px;
	margin-right:10px;
	margin-top:10px;
	}
.readmore {
	width:195px;
	height:29px;
	background: url(/img/readmore.gif) center right no-repeat;
	margin: 14px 0;
	cursor:pointer;
	font-size:1px; 
	text-indent:-9999px;
	display:block;
	}
.totop {
	width:195px;
	height:29px;
	background: url(/img/top.gif) center right no-repeat;
	cursor:pointer;
	font-size:1px; 
	text-indent:-9999px;
	display:block;
	margin-top:45px;
	}
.smallcaps {
	font-variant:small-caps;
	}
.red {
	background-color:#7f0002; 
	padding:5px 0;
}

/* Form */
#WZ1contactform label {
	height:14px; 
	background-color:#000000; 
	padding:5px; 
	margin:0; 
	color:#ffffff; 
	font-family: georgia;
	font-size:10px;
	line-height:12px; 
	}
#WZ1contactform input {
	width:220px; 
	height:12px; 
	background-color:#7f0002!important; 
	border:1px solid #000000;
	padding:5px; 
	margin:0 0 10px 0; 
	color:#ffffff; 
	font-family: georgia;	
	font-size:10px;
	line-height:12px; 
	}
#WZ1contactform textarea {
	width:220px;  
	background-color:#7f0002!important; 
	border:1px solid #000000;
	padding:5px; 
	margin:0 0 10px 0; 
	color:#ffffff; 
	font-family: georgia;
	font-size:10px;  
	line-height:12px; 
	overflow:auto;
	}
#ContactButton input, #Processing2 input{
	width:220px; 
	height:24px; 
	background-color:#000000!important; 
	border:1px solid #000000;
	padding:5px; 
	margin:0 0 10px 0; 
	color:#ffffff; 
	font-family: georgia;
	font-size:10px;
	line-height:12px
	}
#OnlineEnquiry{
	border:none;
	margin:14px;
	padding:0;
	}
#OnlineEnquiry legend {
	display:none;
	}

/* Footer */
#Foot {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	height: 264px;
	padding: 0;
	margin: 0;
	background: #8a0002 url(/img/foot_bgd.gif) top center repeat-x;
	}
#FootMainCol {
	float:left;
	display:inline;
	width:545px; 
	margin:0; 
	}
#FootRightCol {
	float:right;
	width:266px;
	height:214px;
	padding-top:50px;
	margin:0;
	background: #8a0002 url(/img/foot_rc_bgd.gif) top center repeat-x;
	}
	
#FootNav {
	margin:24px 0 0 0;
	}
#FootNav li {
	list-style:none;
	display:block;
	background-color:#e8e6e1;
	padding:5px;
	margin-bottom:2px;
	}
#FootNav a, #FootNav a:visited {
	display:block;
	font-family:Helvetica, sans-serif;
	text-transform:uppercase;
	color:#9e998f;
	font-size:10px;
	font-weight:800;
	}
#FootNav a:hover, #FootNav .active  {
	color:#000000;
	}

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


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