* { padding:0; margin: 0; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:76%; color:#000; margin-bottom: 10px; background-color:#fff;}
a {color:#024A9F; text-decoration:none;}
a:hover {text-decoration:underline;}
#container { width: 778px; margin: 0px auto; font-size:0.9em;}


#adminBar { height:22px; padding-top:8px;}
#flashMessage.message {float:right;}

#header { }
#header h1 { display:block; float:left; width:201px; border-left: solid 2px #CCC; border-top: solid 2px #CCC; border-bottom: solid 2px #CCC; background: url(../img/logo.jpg) top left no-repeat; height: 105px; position:relative; }
#header h1 a { text-decoration: none; position: absolute; text-indent: -100em; top: 0px; left: 0px; width: 201px; height: 105px; overflow:hidden;}
#header h2 {display:block; float:left; width:332px; border-left: solid 2px #CCC; border-top: solid 2px #CCC; border-bottom: solid 2px #CCC; background: url(../img/strapline.gif) top left no-repeat; height: 105px; text-indent: -100em;}
#header ul {padding-top:69px; padding-left:67px;padding-right:7px; list-style:none; float:left; border-top: solid 2px #CCC; border-bottom: solid 2px #CCC; border-right: solid 2px #CCC; border-left: solid 2px #CCC;}
#header li { display:block; background-repeat:no-repeat; position:relative; float:left; }
#header li a {display:block; text-indent: -100em; height:36px; overflow:hidden;}
#header li.homepagetop { background-image:url(../img/homepage_top.gif); height:36px;}
#header li.homepagetop a { width:40px; }
#header li.sitemap { background-image:url(../img/sitemap_top.gif); height:36px;}
#header li.sitemap a { width:55px;}
#header li.bookmark { background-image:url(../img/bookmark_top.gif); height:36px;}
#header li.bookmark a { width:68px;}

#main {clear:both; float:left; border-bottom: solid 2px #CCC; border-left: solid 2px #CCC; border-right: solid 2px #CCC; background: url(../img/mainbackground.gif) top left; min-height:462px;}
#navblock {float:left; width:201px;}
#mainnav { height:226px; border-bottom: solid 2px #CCC; position:relative;}
#mainnav ul {float:left; list-style:none; display:inline; margin-bottom:-2px;}
#mainnav li { float:left; position: relative; left: 0px; overflow: hidden; height: 37px; width: 201px; background-repeat: no-repeat;  margin: 0px;}
#mainnav li a { position: absolute; top: 0px; left: 0px; text-indent: -100em; width: 201px; height: 35px; margin: 0px 0px 0px 0px; padding:0px;}
#mainnav li.homepage {background-image:url(../img/homepage_button.jpg); height:38px;}
#mainnav li.aboutus {background-image:url(../img/aboutus_button.jpg); height:38px;}
#mainnav li.products {background-image:url(../img/products_button.jpg); height:37px;}
#mainnav li.techzone {background-image:url(../img/techzone_button.jpg); height:38px;}
#mainnav li.projects {background-image:url(../img/projects_button.jpg); height:38px;}
#mainnav li.contactus {background-image:url(../img/contact_button.jpg); height:37px;}

#subnav ul {float:left; list-style:none; display:inline; margin-bottom:-2px;}
#subnav li { float:left; position: relative; left: 0px; overflow: hidden; height: 38px; width: 201px; background-repeat: no-repeat;  margin: 0px;}
#subnav li a { position: absolute; top: 0px; left: 0px; width: 201px; text-indent:-100em; height: 38px; margin: 0px 0px 0px 0px; padding:0px;}
/* HOMEPAGE */
#subnav li.whatwedo {background-image:url(../img/whatwedo_button.gif); height:38px;}
#subnav li.ourexperience {background-image:url(../img/ourexperience_button.gif); height:38px;}
#subnav li.ourpeople {background-image:url(../img/ourpeople_button.gif); height:38px;}
#subnav li.attentiontodetail {background-image:url(../img/attentiontodetail_button.gif); height:38px;}
#subnav li.healthsafety {background-image:url(../img/healthandsafety_button.gif); height:38px;}
#subnav li.environment {background-image:url(../img/environment_button.gif); height:38px;}

#subnav li.manuals {background-image:url(../img/manuals_button.gif); height:38px;}
#subnav li.software {background-image:url(../img/software_button.gif); height:38px;}
#subnav li.industry {background-image:url(../img/weblinks_button.gif); height:38px;}
#subnav li.logout {background-image:url(../img/logout_button.gif); height:38px;}


#mainblock {float:left; width: 571px; margin-left:2px;}
#graphicitems { height:226px; border-bottom: solid 2px #CCC;}
#mainimage {float:left; width:332px; border-right: solid 2px #CCC; }
#features {float:right; width:237px;height:226px; background-image:url(../img/greyfade.jpg); color:#fff; overflow: hidden;}
#features .item {padding-left:10px; padding-right:10px;  display:block; clear: both; float: left; width: 218px;}
#features img { float: left; }
#features h2 {background-image:url(../img/recentprojects.jpg); height:37px; text-indent:-100em;}
#features .item span { }

#content {padding:10px 10px 10px 10px; }
#content p {margin-bottom:15px;}
/*#content h1 {font-family: Arial, Helvetica, sans-serif; color: #024A9F; font-size:1.8em; text-transform: uppercase;}*/
#content h1 {width:500px; display:block; font-family: Arial, Helvetica, sans-serif; color: #024A9F; font-size:1.8em; text-transform: uppercase; letter-spacing:-0.1em; margin-bottom:5px;}
#content h2 { font-size: 1em;}
#content img {float:right; margin: 0px 0px 20px 10px; border:2px solid #AAA;}

#content .frontpage_project {width:150px; border:1px solid #f00;}

#content .projectimage { display: block; clear: both; float: left; }
#content .projectimage img {float:left;}

#content .admin {list-style:none; clear: both;}

#content .contactpage {padding-top:30px; padding-bottom:20px; margin-bottom:20px; background-image:url(../img/contact.jpg); float:left; width:500px;}
#content .contactpage div.error_message {color:#F00;}
.error_message {color:#F00; font-weight:bold;}
#content .contactpage label {padding-left:15px;}
#content .contactpage .submit {padding-right:15px;}


#content .login {float:left; width:250px; background-image:url(../img/techzone.jpg); padding:40px 20px 10px 20px;}

#content .adminlogin {float:left; width:250px; background-image:url(../img/background.jpg); padding:10px 20px 10px 20px;}

#content .loginerror {color:#F00; font-weight:bold;}

#content .info {font-weight:bold; padding-bottom:7px;}

#footer { clear:both; text-align:center; padding-top:4px; color: #999; }
#footer a { color: #999; }

/*=============FORMS==============*/
label { display:block; float: left; clear:left; width: 100px; padding-right: 10px; padding-top: 3px; }
input, select { margin-bottom: 0px; }
div.optional input, div.required input {width:350px;}
div.checkbox input, div.checkbox input { width: auto; }

div.optional, div.required {clear:both; margin-bottom:5px;}
.imagePreview {clear:right;}
textarea {width:350px;}
.submit {width:auto; padding-top:4px;}
.submit input {width:auto; float:right; }

/*============ADMIN===============*/
.editLink {float:right;}

.login input {width:120px; margin-bottom:4px;}
.login .submit input {width:auto;float: left;}

/* === Projects === */
#content .project { position: relative; clear: both; width: 527px; background-color:#ddd; padding:11px; padding-bottom: 0px; float: left; margin-bottom: 0px; background: url(../img/project_fade.gif) #ddd repeat-x bottom; margin-bottom: 11px;}
#content .project h2 { font-size: 1.5em; }
#content .project h3 { font-size: 1em; margin-bottom: 1em; }
#content .project img { border: 2px solid #fff; float: left; margin: 0px 11px 0px 0px; padding: 0px; }
#content .project #project_index_image {  }

.link { float: right; display: block; position: absolute; bottom: 11px; right: 11px; }
#content .image_changer
{
  float: right;
  background: url(../img/greyfade.jpg) bottom left repeat-x #5b6274;
  width: 256px;
  padding: 11px;
  padding-left: 0px;
  margin-left:10px;
  padding-bottom: 1px; 
}
#content .image_changer img { border: 2px solid #fff; margin: 0; padding: 0; margin-bottom: 11px; }
#content .image_changer img.selected { border-color: #aaa; }

#content .main_image_container { height: 180px; border: 2px solid #fff;  margin-bottom: 11px; width: 241px; float: right; background: url(../img/image-switcher.gif) no-repeat 50% 50%; }
#content .main_image_container img { border: 0; margin: 0px; }

#content .small_images { float: right;  }
#content .small_images img { width: 49px; height: 37px;  margin-left: 11px; margin-bottom: 11px; cursor: pointer;}

#features .item { float: left; height: 62px;}
#features .item img { border: 2px solid #fff; float: left; margin-right: 10px; }
#features .item h3 {padding-top: 8px; font-size: 1em;}
#content .project img {margin-bottom:2px;}

#features img {  clear: both; margin: 0; padding: 0; }

#features a { color: #fff; }
#features a:hover { text-decoration: none; }

/* === Resources === */

div.resource { padding: 0.7em; background-color: #ccc; margin-bottom: 10px; }
#search_form input { margin-bottom: 0.8em; }
#search_form .select_manufacturer { float: right; margin-bottom: 0.8em;  }
#search_form label { width: auto; }

/* === sitemap === */
#sitemap ul { margin-left: 1em; }

#content #pagination img { display:inline; border: 0; float: none; padding-left:0px; margin: 0; padding: 0;vertical-align: -6px;}
#content #pagination {float:left;}