/* reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ----------- CEMAS -----------  */

* { font-family:  Arial, Verdana, Helvetica, sans-serif; line-height: 130%;  color: #333333;}
body { background: #c7e5ef url(../App_Themes/Main/img/bg/body-tiled.jpg) 50% 0% repeat-x; padding-top: 30px; font-size: 95%; }

hr { text-align: right; width: 100%;  height: 1px; color: #71bbd5; border: none; margin-bottom: 23px; clear: both; margin-top: 23px;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #71bbd5; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #71bbd5; border: 0px solid #71bbd5; } /* For Opera and Gecko-based browsers */


#wrapper {width: 960px; margin-left: auto; margin-right:auto; clear: both; font-size: 80%; padding: 0px 10px 40px 10px; background-color: #ffffff; overflow: hidden;  margin-bottom: 80px;}
#wrapper a {text-decoration: none;}


#sidecol {width: 205px; float: left; overflow: hidden;}
#maincol {width: 748px; float: left; padding-left: 7px; overflow:hidden; height: 1%; background: #ffffff url(../App_Themes/Main/img/bg/header.gif) top left repeat-x;}


/* ----------------- Logo and Side nav  ---------------- */


#sidecol a.logo {width: 220px; height: 125px; text-indent:-9999px; display: block; background: url(../App_Themes/Main/img/bg/logo.gif) top left no-repeat; margin-bottom: 16px;}
#sidecol ul.CMSListMenuUL {margin-bottom: 15px; overflow: hidden; height: 1%;}
#sidecol ul.CMSListMenuUL li {border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; width: 205px; float: left; display: block; }
#sidecol ul.CMSListMenuUL li.last {background: none;}
#sidecol ul.CMSListMenuUL li a { font-weight: bold; color: #027f98; background: url(../App_Themes/Main/img/icons/green-arrow.gif) 12px 50% no-repeat; padding: 4px 20px 4px 30px; display: block; }
#sidecol ul.CMSListMenuUL li a:hover {color: #2aa7c0; background-image: url(../App_Themes/Main/img/icons/green-arrow-active.gif)  }
#sidecol ul.CMSListMenuUL li.CMSListMenuHighlightedLI {border-top: 1px solid #abd7d6; border-bottom: 1px solid #abd7d6;}
#sidecol ul.CMSListMenuUL li.CMSListMenuHighlightedLI a {background-color: #d8ebf1; background-image: url(../App_Themes/Main/img/icons/green-arrow-on-blue.gif); }

#sidecol ul.CMSListMenuUL li ul {margin-bottom: 0px;}
#sidecol ul.CMSListMenuUL li ul li {border-top: 1px solid #abd7d6; border-bottom: none;}
#sidecol ul.CMSListMenuUL li ul li a {background-image: none!important; color: #2f2f2f; font-weight: normal; background-color: #ffffff; border: none;  }
#sidecol ul.CMSListMenuUL li.CMSListMenuHighlightedLI ul li a { background-color: #ffffff; border: none;}
#sidecol ul.CMSListMenuUL li ul li.CMSListMenuHighlightedLI {border-bottom: none;}
#sidecol ul.CMSListMenuUL li ul li a:hover, #sidecol ul.CMSListMenuUL li ul li.CMSListMenuHighlightedLI a {background-color: #d8ebf1; border: none;}

/*
#sidecol ul.CMSListMenuUL li.CMSListMenuHighlightedLI ul li.last {border-bottom: 1px solid #ffffff;}
#sidecol ul.CMSListMenuUL li ul li.last {border-bottom: 1px solid #abd7d6;}
#sidecol ul.CMSListMenuUL li.CMSListMenuHighlightedLI ul li.last a {border-bottom: none;}
#sidecol ul.CMSListMenuUL li ul li.last a {border-bottom: 1px solid #ffffff;}
*/











#sidecol h2 {height: 41px; width: 220px; background-position: -5px 0px; background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 7px;}
#sidecol h2.services {background-image: url(../App_Themes/Main/img/headings/services.gif); }
#sidecol h2.newsheadlines {background-image: url(../App_Themes/Main/img/headings/news-headlines.gif);} 

#sidecol div.headline {border-top: 2px solid #71bbd5; background-color: #dff3fa; padding: 15px 20px 16px 20px; margin-bottom: 10px; }
#sidecol div.headline h3 {color: #027f98; font-weight: bold; margin-bottom: 5px; font-size: 110%;}
#sidecol div.headline p {margin-bottom: 5px; font-size: 90%;}
#sidecol div.headline a { color: #027f98; text-decoration: underline; background: url(../App_Themes/Main/img/icons/aqua-arrow.gif) 0px 4px no-repeat; padding-left: 11px; font-weight: bold;}
#sidecol div.headline a:hover {text-decoration: none; background-image: url(../App_Themes/Main/img/icons/aqua-arrow-active.gif) }

/* Header banner */
#header {height: 125px; margin-bottom: 10px; }
#header ul {height: 50px; margin-left: 7px; margin-bottom: 39px;}
#header ul li {float: left; }
#header ul li a {border-left: 1px solid #caedf7; padding: 18px 16px 0px 16px; background-color: #ffffff; display: block; height: 32px; color: #027f98; font-weight: bold;}
#header ul li.first a {border-left: 1px solid #ffffff;}
#header ul li a:hover, #header ul li.active a {background-color: #c9ebf6;}
#header p {text-indent: -9999px; margin: 0px!important; height: 30px; width: 410px; background: url(../App_Themes/Main/img/headings/cemas-ltd.gif) top left no-repeat;}




#homebanner {height: 350px; background: url(../App_Themes/Main/img/bg/home-banner2.gif) top left no-repeat; margin-bottom: 8px;}
#header-image {width: 532px; height: 328px; position: relative; overflow: hidden; float: left; margin-left: 11px; margin-top: 11px;}
#homebanner div.slideshow {position: absolute; width: 5000px; height: 339px; }
#homebanner div.slideshow img {float: left; } 

#homebanner ul {float: right; width: 205px; margin-top: 5px; background: #ffffff url(../App_Themes/Main/img/bg/slider-nav-bottom.gif) bottom left repeat-x;}
#homebanner ul li {height: 68px; float: left; }
#homebanner ul li a {height: 51px; width: 173px; display: block;  padding: 8px 15px 9px 17px; background: transparent url(../App_Themes/Main/img/bg/slider-link.gif) top left repeat-x; position: relative; }
#homebanner ul li a h2 {color: #027f98; margin-bottom: 3px; font-size: 115%;}
#homebanner ul li a p { font-size: 90%; }
#homebanner ul li a span {display: none;}

#homebanner ul li a:hover, #homebanner ul li a.active  {background:  #0c7da2 url(../App_Themes/Main/img/bg/slider-link-active.gif) top left repeat-x;}
#homebanner ul li a:hover h2, #homebanner ul li a.active h2 {color: #c7e5ef;}
#homebanner ul li a:hover p, #homebanner ul li a.active p {color: #ffffff;}
#homebanner ul li a:hover span , #homebanner ul li a.active span {display: block; height: 31px; width: 16px; position: absolute; top: 20px; left: -16px; background: url(../App_Themes/Main/img/bg/slider-arrow.gif) top left no-repeat;  } 

#internalbanner {width: 549px; background: url(../App_Themes/Main/img/bg/internal-banner-top.gif) top left no-repeat; margin-left: -6px; margin-bottom: 8px;  }
#internalbanner img {width: 527px; background: url(../App_Themes/Main/img/bg/internal-banner-bottom.gif) bottom left no-repeat; padding: 11px; }


#maincol div.leftcol {width: 537px; float: left;  margin-left: 6px; margin-right: 17px;}
#maincol div.rightcol {width: 188px;  float: left; padding-top: 7px;}

#maincol div.leftcol * {line-height: 160%; font-size: 100%; }
#maincol div.leftcol h1 {background: #0c7da2 url(../App_Themes/Main/img/bg/h1bg.gif) top left repeat-x; color: #ffffff; padding: 6px 12px; margin-bottom: 15px; font-size: 160%; margin-top: 7px;}
#maincol div.leftcol p {margin-bottom: 15px;  text-align: justify;}
#maincol div.leftcol a {color: #5c8707; text-decoration: underline; font-weight: bold;}
#maincol div.leftcol a:hover {text-decoration: none;}
#maincol div.leftcol p em {font-weight: bold; font-style: normal; color: #027f98; font-size: 105%;}
#maincol div.leftcol p strong {font-weight: bold; font-style: normal; color: #5c8707; font-size: 105%;}
#maincol div.leftcol h2 {color: #027f98; border-bottom: 1px solid #71bbd5; margin-bottom: 10px; padding-bottom: 5px; font-size: 115%;}
#maincol div.leftcol h3 {color: #5c8707; margin-bottom: 10px; font-size: 115%;}
#maincol div.leftcol ul {margin-bottom: 30px; margin-left: 10px;}
#maincol div.leftcol ul li {background: url(../App_Themes/Main/img/icons/green-square.gif) 0px 8px no-repeat; padding-left: 8px; margin-bottom: 10px;}
#maincol div.leftcol address {margin-bottom: 15px;} 
#maincol div.leftcol iframe {margin-bottom: 15px;}


/* Site Map */
#maincol div.leftcol div.sitemap ul {margin-left: 0px; margin-bottom: 0px;}
#maincol div.leftcol div.sitemap ul li {background: none; margin-bottom: 0px; padding-left: 0px;}
#maincol div.leftcol div.sitemap ul li a {color: #027f98; font-weight: bold; margin-bottom: 3px; display: block;}
#maincol div.leftcol div.sitemap ul li ul li {padding-left: 25px;}
#maincol div.leftcol div.sitemap ul li ul li ul li a {color: #5c8707;}


#maincol div.rightcol a.banana { border: 2px solid #eeeeee; width: 184px; height: 59px; display: block; background: url(../App_Themes/Main/img/bananas/tecsolve.jpg) top left no-repeat; text-indent: -9999px; overflow: hidden; margin-bottom: 25px; }
#maincol div.rightcol a.banana:hover {border-color: #9fc23f;}

#maincol div.rightcol div.contact {border-top: 3px solid #729c1f; background-color: #e8fac3; padding: 15px 10px 30px 10px; margin-bottom: 20px;}
#maincol div.rightcol div.contact h2 {color: #218f9e; margin-bottom: 10px; font-size: 130%;}
#maincol div.rightcol div.contact p, #maincol div.rightcol div.contact p strong {color: #5c8707;}
#maincol div.rightcol div.contact p {margin-bottom: 10px; font-size: 105%; line-height: 150%;}
#maincol div.rightcol div.contact p a {font-weight: bold; text-decoration: underline; color: #5c8707;}
#maincol div.rightcol div.contact p a:hover {text-decoration: none;}

#maincol div.rightcol div.contactform {border-top: 3px solid #729c1f; background-color: #e8fac3; padding: 15px 10px 30px 10px; margin-bottom: 20px; }
#maincol div.rightcol div.contactform span.ErrorLabel {color: #ff0000; margin-bottom: 10px; display: block;}
#maincol div.rightcol div.contactform span.EditingFormInfoLabel {color: #577e09;}
#maincol div.rightcol div.contactform h2 {color: #218f9e; margin-bottom: 10px; font-size: 130%;}
#maincol div.rightcol div.contactform ul {width: 168px; }
#maincol div.rightcol div.contactform ul li {margin-bottom: 10px; overflow: hidden; height: 1%;}
#maincol div.rightcol div.contactform ul li label {color: #577e09; display: block; font-weight: bold; margin-bottom: 2px;}
#maincol div.rightcol div.contactform ul li input {display: block; border: 1px solid #aac86c; width: 166px; }
#maincol div.rightcol div.contactform ul li textarea {display: block; border: 1px solid #aac86c; width: 164px; overflow: hidden; }
#maincol div.rightcol div.contactform ul li.button input {float: right; border: 1px solid #0c7d9f; background: #0c7d9f url(../App_Themes/Main/img/bg/submit-button.gif) top left repeat-x; width: auto; color: #ffffff; font-weight: bold; cursor: pointer; cursor: mouse; padding: 3px 7px;}
#maincol div.rightcol div.contactform p {font-style: italic; font-size: 90%;}
#maincol div.rightcol div.contactform ul li span.EditingFormErrorLabel {color: #ff0000;}


/* Input Forms */
#maincol div.leftcol div.inputform span.ErrorLabel {color: #ff0000; font-weight: bold; margin-bottom: 10px; display: block;}
#maincol div.leftcol div.inputform span.EditingFormInfoLabel {color: #0c7da2; font-weight: bold; margin-bottom: 10px; display: block;}}
#maincol div.leftcol div.inputform ul {margin-bottom: 10px; margin-left: 0px;}
#maincol div.leftcol div.inputform ul li {background: none; overflow: hidden; height: 1%; padding-left: 0px; }
#maincol div.leftcol div.inputform ul li label, #maincol div.leftcol div.inputform ul li span.EditingFormLabel {width: 120px; margin-right: 10px; float: left; font-weight: bold; display: block;}
#maincol div.leftcol div.inputform ul li input{width: 180px; margin-right: 10px; float: left; }
#maincol div.leftcol div.inputform ul li.button input {width: auto; margin-left: 130px;}
#maincol div.leftcol div.inputform ul li.upload div.EditingFormControlNestedControl { float: left;}
#maincol div.leftcol div.inputform ul li.upload span.UploaderLabel {display: none;}
#maincol div.leftcol div.inputform ul li span.EditingFormErrorLabel {color: #ff0000; float: left;}
#maincol div.leftcol div.inputform p.bottomtext {display: none;}


/* Job vacancies */
#maincol div.leftcol div.jobvacancy {margin-bottom: 20px; overflow: hidden; height: 1%;}
#maincol div.leftcol div.jobvacancy a.apply {float: right;}

/* ----------------- Footer  ---------------- */
#footer { clear: both; padding: 10px 20px 10px 20px; background-color: #d9f2a5; overflow: hidden; height: 1%;}
#footer p.left {width: 600px; text-align: left; float: left;}
#footer p.left a {color: #5c8707; text-decoration: underline; margin-left: 30px;}
#footer p.left a:hover { text-decoration: none;}
#footer p.right {width: 200px; text-align: right;float: right;}
#footer p.right a {text-decoration: underline;}
#footer p.right a:hover {text-decoration: none;}


/*# IE 6 Fixes #*/
body.IE6 #header-image {margin-left: 5px; }
body.IE6 #maincol div.leftcol {margin-left: 3px; margin-right: 6px;}
body.IE6 #header ul li a { display: inline-block;}
body.IE6 #internalbanner {margin-left: -3px; }
body.IE6 #internalbanner img {display: block;}

body.IE8 #maincol div.rightcol div.contactform ul li input, body.IE7 #maincol div.rightcol div.contactform ul li input, body.IE6 #maincol div.rightcol div.contactform ul li input{width: 164px;}
body.IE8 #maincol div.rightcol div.contactform ul li.button input, body.IE7 #maincol div.rightcol div.contactform ul li.button input, body.IE6 #maincol div.rightcol div.contactform ul li.button input {width: auto;}