/*
 Screen style    
 Site: Machine Vision Technology
*/

body {
 background: #fff;
 color: #333;
 font-size: 76%;
 padding: 0;
 text-align: left;
}

p.intro {
 margin: 20px 0 1em 0;
}

ul.sitemap {
 margin-top: 2em;
}

.boxquote {
 border: 1px dashed #ccc;
 color: #333;
 font-size: 12px;
 background-image:url(../img/bgs/boxquote.gif);
 background-repeat:repeat;
 min-height: 137px;
 height: 138px;
 vertical-align: middle;
 margin-bottom: 20px;
}
.boxquote2 {
	border: 1px dashed #ccc;
	color: #333;
	font-size: 12px;
	background-image:url(../img/bgs/boxquote.gif);
	background-repeat:repeat;
	min-height: 160px;
	height: 160px;
	vertical-align: middle;
	margin-bottom: 20px;
}

.boxquote img {
 margin: 5px 10px 5px 20px;
}

.boxquote p {
 margin: 0 260px 0 20px;
 padding-bottom: 5px;
 padding-top: 15px; 
 text-align: left;
 color: #666666;
 font-size: 14px;
}
.boxquote2 p {
 margin: 0 260px 0 20px;
 padding-bottom: 5px;
 padding-top: 15px; 
 text-align: left;
 color: #666666;
 font-size: 14px;
}

.boxquote img {
 float: right;
}

.box {
 background-color: #F8F8F8;
 border: 1px solid #ccc;
 color: #333;
 font-size: 1.2em;
 margin-bottom: 1.25em;
 min-height: 137px;
 width: 100%; 
 clear: both
}



.box h3 {
 background-color: transparent;
 color: #000;
 font-size: 1em;
 margin: 10px 15px 0 245px;
}

.box img {
 float: left;
}

.box p {
 margin: 0 15px 0 245px;
 padding-bottom: 5px;
}

.box p.alone {
 margin-top: 10px;
}

.home-box {
 float: left;
}

.home-box h2 {
 background: #fff url(../img/bgs/red-line.gif) 1px 0 no-repeat;
 color: #333;
 height: 13px;
 line-height: normal;
 margin: 0 0 8px 4px;
 padding-top: 7px;
}

.home-box h3 {
 margin-right: 1px;
}

.home-box h3, .home-box p {
 margin: 0.5em 1px 0.15em 6px;
}

.home-box ul {
 margin: 0.5em 1px 0.15em 0;
 padding-left: 6px;
}

.home-box.can-we-help {
 background: #fff url(../img/bgs/red-line.gif) 9px 0 no-repeat;
 color: #333;
 padding: 32px 0 0 9px;
 width: 260px;
}

.home-box.can-we-help ul {
 margin: 10px 1px 0.15em 0;
 padding-left: 2px;
}

.home-box.first {
 background-position: 100% 38px;
 width: 249px;
}

.home-box.first, .home-box.second {
 background-image: url(../img/bgs/home-box-right-bg.gif);
 background-repeat: no-repeat;
}

.home-box.second {
 background-position: 100% 35px;
 padding-left: 9px;
 width: 250px;
}

.home-box.second ul {
 float: left;
 width: 110px;
}

.home-box-img {
 background: #fff url(../img/bgs/home-box-img-bg.jpg) top left no-repeat;
 height: 128px;
 width: 247px;
}

.home-box-img img {
 margin: 16px 0 0 15px;
}

.sIFR-hasFlash #heading h1 {
 font-size: 27px;
 visibility: hidden;
}

.sIFR-hasFlash #heading h2 {
 font-size: 13px;
 margin: -10px 0 0 0;
 visibility: hidden;
}

.sIFR-hasFlash #home #heading h1 {
 font-size: 28px;
}

#content {
 background: transparent url(../img/bgs/vert-line.gif) 0 80px repeat-y;
 float: right;
 margin-right: 49px;
 margin-top: 0;
 padding-left: 13px;
 width: 539px;
}

#content ul {
 margin-bottom: 1.75em;
}

#content h2 {
 margin: 1.25em 0 0.25em 0;
}

#footer {
 background: #fff url(../img/bgs/footer-line.gif) top left repeat-x;
 clear: both;
 margin-top: 30px;
 padding: 18px 40px;
}

#header {
 height: 100px;
 position: relative;
}

#header p {
 margin: 0;
}

#heading {
 margin: 0 49px 20px 169px;
}

#home #heading {
 margin: 0 0 0 34px;
 min-height: 230px;
 position: relative;
}

#home #heading h1, #home #heading h2 {
 margin-right: 380px;
}

#home #heading img {
 position: absolute;
 right: 37px;
 top: -24px;
}

#home #heading li {
 display: inline;
 background: #fff url(../img/bgs/square.gif) 0px 50% no-repeat;
 padding-left: 10px;
 padding-right: 6px;
}

#home #heading p {
 margin: 0.55em 380px 1em 0;
}

#home #heading ul {
 margin: 1em 310px 0.5em 0;
}

#home #inner-wrapper {
 background-image: url(../img/bgs/inner-wrapper-home-bg.jpg);
 background-position: 0 0;
 margin-left: 40px;
 padding-top: 48px;
 width: 778px;
}

#inner-wrapper {
 background: #fff url(../img/bgs/inner-wrapper-bg.jpg) top left no-repeat;
 clear: both;
 color: #333;
 margin: 11px 0 0 40px;
 padding-top: 60px;
 width: 759px;
}

#inner-wrapper .can-we-help li {
 background-image: url(../img/bgs/ok.gif);
}

#inner-wrapper .home-box li {
 line-height: 1.4;
 padding-left: 15px;
}

#inner-wrapper .home-box.can-we-help li {
 line-height: 1.6;
 padding-left: 20px;
}

#inner-wrapper li {
 background: #fff url(../img/bgs/square.gif) 2px 50% no-repeat;
 list-style: none;
 padding-left: 19px;
}

#inner-wrapper .none li {
 background-image:none;
 list-style: none;
 padding-left: 19px;
}

#inner-wrapper #content li {
 margin-bottom: 0.25em;
 background-position: 2px 0.5em;
}

#inner-wrapper:after, .box:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#logo {
 height: 79px;
 left: 40px;
 position: absolute;
 top: 15px;
 width: 355px;
}

#nav {
 bottom: 0;
 position: absolute;
 right: 80px;
}

#nav a {
 background: #fff;
 color: #000;
 display: block;
 float: left;
 font-size: 0.9em;
 height: 17px;
 line-height: 17px;
 overflow: hidden;
 position: relative;
 text-transform: uppercase;
 cursor: hand;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 17px;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 1;
}

#nav a#homepage{
 width: 41px;
}

#nav a#homepage span {
 background-image: url(../img/nav/home.gif);
 width: 41px;
}

#nav a#company {
 width: 62px;
}

#nav a#company span {
 background-image: url(../img/nav/company.gif);
 width: 62px;
}

#nav a#contact {
 width: 56px;
}

#nav a#contact span {
 background-image: url(../img/nav/contact.gif);
 width: 56px;
}

#nav a#news {
 width: 42px;
}

#nav a#news span {
 background-image: url(../img/nav/news.gif);
 width: 42px;
}

#nav a#products {
 width: 67px;
}

#nav a#products span {
 background-image: url(../img/nav/products.gif);
 width: 67px;
}

#nav a#sectors {
 width: 112px;
}

#nav a#sectors span {
 background-image: url(../img/nav/sectors.gif);
 width: 112px;
}

#nav a#casestudies {
 width: 78px;
}

#nav a#casestudies span {
 background-image: url(../img/nav/casestudies.gif);
 width: 78px;
}

#nav li {
 display: inline;
}

#sec-nav {
 float: right;
 width: 148px;
}

#sec-nav h2 {
 font-size: 12px;
 line-height: 12px;
 margin: 0 0 10px 0;
}

#sec-nav li {
 line-height: 1.4;
 margin-bottom: 0.15em;
}

#sec-nav ul {
 margin: 0 10px 0 0;
}

#tel {
 height: 19px;
 position: absolute;
 left: 555px;
 top: 7px;
 width: 191px;
}

#quote {
 height: 40px;
 position: absolute;
 left: 435px;
 top: 0px;
 width: 113px;
}

#wrapper {
 border-top: 11px solid #003399;
 margin: 0 auto;
 text-align: left;
 width: 900px;
}


.column-left {
float: left; 
width: 255px; 
border-right: dashed 1px #CCCCCC; 
padding-right: 10px
}

.column-right {
width: 255px; 
float: right
}

.column-right img{
border: 1px #CCCCCC solid; 
float: left; 
margin: 5px 10px 10px 0px
}

.column-left img{
border: 1px #CCCCCC solid; 
float: left; 
margin: 5px 10px 10px 0px
}

.item {
border-bottom: 1px dashed #CCCCCC
}

#casestudies-pharma {
margin: 20px 15px 0px 0px; border-top: 1px #CCC dashed;
}

#casestudies-pharma img{
float: left; margin: 15px 5px 5px 0px
}

#casestudies-pharma h3{
margin-top: 15px; color: #000
}

#casestudies-pharma p{
margin-top: 0px
}

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #999; width: 250px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 135px; }
.fields { text-align: left}
#form-group-2 input {float: right; margin-right: 20px; margin-bottom: 5px}
#form-group-2 label {float: left; clear: both}
#form-group-1 textarea {float: right; margin-right: 20px; margin-bottom: 5px}
#form-group-1 label {float: left; clear: both}
#alert-content { color: #CC0000;}
#alert-content h2 { color: #CC0000;}

.leftimg {
float: left;
padding-right: 15px;
clear: both;
margin-bottom: 5px;
}

#news-item {
  float:left;
 clear: none;
}

#news-item p {

}

#news-item img {
  float:left;
}

.newsdate {
 font-size:10px; color:#999999; margin-bottom: 0px; margin-top:0px;

}

.newstitle {
 margin-top: 10px;
 margin-bottom: 5px;

}

form.quote div.wide input {
float: right;
width: 200px;
margin-right: 200px;
clear: left;
margin-bottom: 10px;
}

form.quote div.wide label {
float: left;
clear: right;
margin-bottom: 10px;
}