*{ font-size:100%; }

body { font:100%/100% Arial, Helvetica, sans-serif; margin:0; padding:0; background: #F7F7F7;}

a { text-decoration:underline; color:#00174F }
a:hover { text-decoration:underline; color:#424242 }

.on { text-decoration:underline; color:#E61D17 }

p { font-family: Arial, Helvetica, sans-serif; color:#424242; font-size: 11px; padding: 0; margin: 10px 0 0 0;}

h1 { font-size:14px; font-weight:bold; color: #2E3191; line-height:16px; margin: 15px 0 0 0; padding:0}

#wrap{ margin:0 auto; width:960px;}

#container { float:left; display:inline; width:960px; padding:0; background:#FFFFFF ;}

#topbar { width:960px; height:20px; margin:0; padding:0}

#logobar { width:960px; height:109px; margin:0; padding:0;}

#logo { display:inline; float:left; margin:8px 0 0 18px}

#contactdetails { width:200px; display:inline; float:right; margin: 27px 23px 0 0}

#flashbar { width:960px; height:154px; margin:0; padding:0;}
#flashbarabout { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-about.jpg) 0 0 no-repeat}
#flashbarservices { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-services.jpg) 0 0 no-repeat}
#flashbarcase { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-casestudies.jpg) 0 0 no-repeat}
#flashbarproducts { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-products.jpg) 0 0 no-repeat}
#flashbarhome { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-home.jpg) 0 0 no-repeat}
#flashbarcryoserver { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-cryoserver.jpg) 0 0 no-repeat}
#flashbargfi { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-gfi.jpg) 0 0 no-repeat}
#flashbar3cx { width:960px; height:154px; margin:0; padding:0; background:url(images/banner-3cx.jpg) 0 0 no-repeat}

#navbar { width:960px; height:36px; margin:0; padding:0; background:url(images/navbg.jpg) 0 0 repeat-x;}

#navimg { width:273px; height:36px; margin:0; padding:0; display:inline; float:right}

#mainnav { width:687px; height:36px; margin:0; padding:0; display:inline; float:left}

#bluebar { width:960px; height:20px; margin:0; padding:0; background:url(images/blue-bg.gif) 0 0 repeat-x; text-align:right }

#bottomnav { width:960px; height:36px; margin:40px 0 0 0; background:url(images/bottom-bg.jpg) 0 0 repeat-x; display:inline; float:left; color:#FFFFFF; font-size:10px;}

#bottomnav a{ color:#FFFFFF; text-decoration:none}

#bottomnav a:hover{ color:#424242; text-decoration:none}

#bottomnavleft { float:left; display:inline; width:400px; padding:10px 0 0 20px; }

#bottomnavright { width:300px; float:right; text-align:right; display:inline; padding:10px 20px 0 0;}

#maincontent { width: 442px; float:left; display:inline; margin:38px 0 0 19px; padding:0 0 0 1px}

.mainlist { margin:0; padding:0}
.mainlist li{ margin:0 0 0 30px; padding: 5px 0 0 00px; font-size:11px; color:#424242}

#maincontentwide { width: 680px; float:left; display:inline; margin:38px 0px 0 19px; padding:0 20px 0 1px; border-right: 1px dotted #CECFCE}
.productrow { width: 680px; float:left; display:inline; margin:0 0 20px 0; padding:0; }

#col2 {width: 204px; float:left; display:inline; margin:38px 0 0 20px; padding: 0 21px 0 12px; border-left: 1px dotted #CECFCE; border-right: 1px dotted #CECFCE}

#partners {width: 198px; float:left; display:inline; margin:38px 0 0 20px; padding: 0}

#partners img{ padding: 0 3px 17px 0}

.bulletlist { margin:0; padding:0}
.bulletlist li{ background:url(images/bullet.jpg) 0 10px no-repeat; list-style-type:none; margin:0; padding: 10px 0 0 20px; font-size:11px; font-weight:bold; color:#808080}
.bulletlist ul{ background:url(images/bullet.jpg) 0 10px no-repeat; list-style-type:none; margin:0; padding: 10px 0 0 20px; font-size:11px; font-weight:bold; color:#808080}

ul { margin:0; padding:0}
.textlist2 { margin:20px 0 0 0; list-style: none; padding:0 0 10px 0; font-weight:bold}
.textlist2 li { margin: 0; font-size:0.69em; color:#444444; padding:0 0 10px 0;}
.textlist2 ul{ margin:0 0 0 10px; list-style:none; font-weight:normal}


.productnav { margin:0; padding:0 0 10px 0; border-bottom: 6px solid #DFE0E2; }
.productnav a{ background:url(images/arrow-up.gif) 100% 50% no-repeat; margin:0; padding: 10px 0 10px 0; font-size:14px; font-weight:bold; color:#2E3191; text-decoration:none; display:block}
.productnav a:hover{ background:url(images/arrow-over.gif) 100% 50% no-repeat; color:#424242; text-decoration:none}
.productnav li{ list-style-type:none;}
.productnav a.on{ background:url(images/arrow-over.gif) 100% 50% no-repeat; color:#424242; text-decoration:none}

.callout { display:inline; float:left;}

.myboxpic { height:92px; padding:0; margin:0; width:216px}
.mybox a{ width:201px; display:inline; float:left; background:url(images/more-up.jpg) 0 0 no-repeat; height:118px; padding:6px 25px 0 10px; color:#FFFFFF; font-size:11px; text-decoration:none}
.mybox a:hover{ width:201px; display:inline; float:left; background:url(images/more-over.jpg) 0 0 no-repeat; height:118px; color:#FFFFFF; text-decoration:underline }

#bottomcallouts{ display: inline; float: left; margin: 40px 0 0 20px; width: 940px}


.products { display:inline; float:left; border-bottom: 6px solid #DFE0E2; width:212px; text-decoration: none; margin:20px 0 0 0}

.products:hover{text-decoration:none;}
.products font{color:#FFFFFF; font-size:16px; font-weight:bold; background:url(images/product-up.jpg) 0 0 no-repeat; height:36px; display:block; line-height:32px; padding:0 0 0 10px; margin: 0}
.products:hover font{color:#FFFFFF; font-weight:bold; background:url(images/product-over.jpg) 0 0 no-repeat; text-decoration: none; height:36px}
.products span{color:#cc0000; text-decoration: none; color:#00174F; font-size:11px; padding:10px 5px 10px 5px; display:block}
.products:hover span{color:#ffcc0c; text-decoration: none;color:#00B2D7; background:#F2F2F2}
.products img{border:none;}

.products1 { display:inline; float:left;  width:456px; text-decoration: none; margin:20px 0 0 0}
.products1 { display:inline; float:left;  width:456px; text-decoration: none; margin:20px 0 0 0}
.products1:hover{text-decoration:none;}
.products1 font{color:#FFFFFF; font-size:14px; font-weight:bold; background:url(images/product-up1.jpg) 0 0 no-repeat; height:36px; display:block; line-height:32px; padding:0 0 0 10px; margin: 0}
.products1:hover font{color:#FFFFFF; font-weight:bold; background:url(images/product-over1.jpg) 0 0 no-repeat; text-decoration: none; height:36px}
.products1 span{color:#cc0000; text-decoration: none; color:#00174F; font-size:11px; padding:10px 5px 10px 5px; display:block}
.products1:hover span{color:#ffcc0c; text-decoration: none;color:#00B2D7; background:#F2F2F2}
.products1 img{border:none;}

.products2 { display:inline; float:left; border-bottom: 6px solid #DFE0E2; width:212px; text-decoration: none; margin:20px 20px 0 20px}
.products2:hover{text-decoration:none;}
.products2 font{color:#FFFFFF; font-size:16px; font-weight:bold; background:url(images/product-up.jpg) 0 0 no-repeat; height:36px; display:block; line-height:32px; padding:0 0 0 10px; margin: 0}
.products2:hover font{color:#FFFFFF; font-weight:bold; background:url(images/product-over.jpg) 0 0 no-repeat; text-decoration: none; height:36px}
.products2 span{color:#cc0000; text-decoration: none; color:#00174F; font-size:11px; padding:10px 5px 10px 5px; display:block}
.products2:hover span{color:#ffcc0c; text-decoration: none;color:#00B2D7; background:#F2F2F2}
.products2 img{border:none;}

.casestudy { display: block; float:left; border-bottom: 6px solid #DFE0E2; width:640px; text-decoration: none; margin:20px 0 0 0}
.casestudy:hover{ text-decoration:none; background: #F2F2F2}
.casestudy font{ color:#FFFFFF; font-weight:bold; background:url(images/casestudies-bg.jpg) 0 0 repeat-x; height:36px; display:block; line-height:32px; padding:0 0 0 10px; margin: 0}
.casestudy:hover font{ color:#FFFFFF; display:block; background:url(images/casestudies-bg.jpg) 0 0 repeat-x; text-decoration: none; height:36px}
.casestudy span{ color:#cc0000; text-decoration: none; color:#00174F; font-size:11px; padding:10px 5px 10px 10px; display:block}
.casestudy:hover span{ color:#ffcc0c; text-decoration: none; color:#00B2D7; }
.casestudy img{ border:none; float:right; padding:10px 10px 10px 10px}

textlist { margin:20px 0 0 0; list-style: none;padding:0 0 10px 0;}
.textlist li { margin: 0; font-size:0.69em;  color:#444444;padding:0 0 10px 0;}

.floatRight { float:right; display: inline; margin: 0 0 20px 10px; }

/* ------------------- MainNav ------------------- */

#mainnav {
width: 600px; margin: 0; float:left; display:inline;
}
#mainnav ul {
list-style: none; margin: 0; padding: 0; text-align:centre; 
}
#mainnav li {
border-right: 3px solid #FFFFFF;display:inline; float:left; display:block; height: 36px
}
#mainnav li a:link, #mainnav li a:visited {
font-size: 12px; padding: 10px 20px 0 20px; display:block; color: #FFFFFF; font-weight:bold; text-decoration:none
}

#mainnav li a:hover {
padding: 10px 20px 10px 20px; display:block; font-size: 12px; background:url(images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none
}

#mainnav li.mainnavon {
display:block; font-size: 12px; background:url(images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none
}



/* ------------------- Forms ------------------- */

form ul {list-style:none; margin:0; padding:0}
form ul li {margin:0 0 1em; padding:0; background:none; clear:left; font-size:11px; font-weight:bold; color:#00174F}
form li label {float:left; margin-right:0.5em; text-align:right}

form#contact {padding-top:0.8em}
form#contact li label {float:left; text-align:left; display:block; width:100px}


form#contact .button {border:1px solid; border-color:#cccccc; margin:0 0 0 105px; background:#00174F; color:#FFFFFF; font-weight:bold;}
form#contact .button:hover {border:1px solid; border-color:#cccccc; margin:0 0 0 105px; background: #2BCCFF; color:#FFFFFF; font-weight:bold}