html{
background:#e9e9e9 url(images/background.gif) center no-repeat;
}
body{
font-family:Arial, Helvetica, sans-serif;
/* Set font as 10px - 1em will equal 10px */
font-size:62.5%;
line-height:12px;
margin:0;
color:#333;
}
#wrapper{
width:960px;
margin:0 auto;
background:#fff;
}
li{
list-style:none;
}
img{
border:none;
}
.nomargin{
margin:0;
padding:0;
}
.gap{
margin-right:10px;
}
#content p.back-link{
margin-top:20px;
}
.back-link a{
font-weight:bold;
text-decoration:none;
}
.back-link a:hover{
color:#36c;
}
/* ******************************** Masthead ****************************** */
#masthead{
padding:10px 20px;
overflow:hidden;
}
h1{
font-size:1.6em;
font-weight:normal;
}
#masthead img{
float:left;
margin-right:40px;
}
#masthead h1{
float:left;
width:400px;
margin:30px 0 0;
}
#masthead p{
float:right;
margin:31px 0 0;
font-size:1.2em;
}
#masthead a{
color:#333;
}
/* ******************************** Navigation ****************************** */
ul#nav{
padding:0;
margin:0;
list-style:none;
width:960px;
background:url(images/nav-back.gif) bottom repeat-x;
font-size:1.2em;
border-top:1px solid #f0f0f0;
float:left;
position:relative;
z-index:99;
}
ul#nav li{
float:left;
position:relative;
margin:0;
background:url(images/nav-break.gif) bottom right no-repeat;
padding:10px 2px 12px 0;
text-align:center;
}
li ul{
display:none;
position:absolute; 
width:240px;
top:33px;
left:-1px;
padding:0 20px 0 0;
}
#nav li ul li{
background:url(images/dropdown-back.gif) bottom repeat-x;
margin:0;
padding:8px 0 9px 12px;
width:206px;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
text-align:left;
}
#nav li ul li.last{
background-image:url(images/dropdown-back-btm.gif);
}
#nav li:hover ul, #nav li.over ul{
display:block;
}
#nav a{
color:#707070;
text-decoration:none;
}
#nav a:hover{
color:#969595;
}
#nav-categories{
background:url(images/dropdown-arrow.gif) right no-repeat;
padding-right:18px;
}
#li-index{
width:120px;
}
#li-about{
width:120px;
}
#li-categories{
width:160px;
}
#li-consultancy{
width:210px;
}
#li-faq{
width:120px;
}
ul#nav li#li-contact{
width:120px;
}
/* ******************************** Content ****************************** */
#content{
float:left;
background:#fff;
font-size:1.2em;
line-height:16px;
width:906px;
padding:0 27px 40px;
position:relative;
z-index:1;
}
#content p{
margin:0 0 20px;
font-size:1.1em;
line-height:1.4;
}
#content a{
color:#333;
}
h2{
font-size:2em;
margin:40px 0 0;
font-weight:normal;
border-bottom:1px solid #ababab;
padding:0 0 14px;
}
h3{
font-size:1.4em;
margin:40px 0 20px;
color:#0e82c5;
}
dt{
font-size:1.1em;
margin:8px 0 0;
background:url(images/faqs-bullet.jpg) no-repeat;
padding-left:20px;
}
dd{
font-size:1em;
padding:0 100px 0 20px;
margin:20px 0 40px;
line-height:22px;
}
dd ul{
margin-bottom:20px;
}
ol{
margin:20px 0;
padding:0;
}
ol li{
list-style-type:inherit;
}
/* ****************************** Homepage ******************************* */
#categories{
position:relative;
}
#categories div{
width:233px;
position:absolute;
text-align:center;
}
#categories img.frame{
border:1px solid #d8d7d7;
margin-bottom:10px;
}
#categories img.frame2{
margin-bottom:10px;
}
#index-technical-imaging{
top:44px;
left:305px;
}
#index-technical-video{
top:39px;
left:33px;
}
#index-biomedical{
top:255px;
left:12px;
}
#index-3d-imaging{
top:49px;
left:682px;
}
#index-food-technology{
top:463px;
left:65px;
}
#index-concepts{
top:388px;
left:664px;
}
#hometext{
width:570px !important;
position:absolute;
top:590px;
left:341px;
text-align:left !important;
}
#hometext p{
line-height:1.4;
}
/* ******************************** About Us *************************** */
.about p{
width:920px;
}
.about p.intro{
width:920px;
font-size:1.4em !important;
line-height:24px;
margin-top:20px !important;
}
/* *********************************** Contact ************************** */
#content .contact p{
margin:0 0 20px !important;
}
/* ******************************** Two Column ****************************** */
.twocol-left{
float:left;
width:448px;
margin:30px 10px 0 0;
}
.twocol-right{
float:left;
width:448px;
margin:30px 0 0 0;
}
.button-2x2 a{
width:424px;
height:28px;
padding:7px 12px 0;
background:url(images/button-2x2.gif) no-repeat;
display:block;
text-decoration:none;
}
.button-2x2 a:hover{
text-decoration:underline;
}
.twocol-left p, .twocol-right p{
margin:0 !important;
}
.twocol-left a, .twocol-right a{
color:#333;
}
/* ******************************** 4x3 Grid ****************************** */
.fourcol-col{
width:224px;
float:left;
margin-right:10px;
margin-top:10px;
}
.fourcol-col-left{
width:224px;
float:left;
margin-top:10px;
}
#content .fourcol-col p, #content .fourcol-col-left p{
margin:0;
}
.button-4x3 a{
width:200px;
height:28px;
padding:7px 12px 0;
background:url(images/button-4x3.gif) no-repeat;
display:block;
text-decoration:none;
}
.button-4x3 a:hover{
text-decoration:underline;
}
/* ************************************* Footer ********************************* */
#footer{
width:920px;
margin:40px auto 0;
padding: 10px 0 6px;
border-top:1px solid #ccc;
clear:both;
}
#footer p{
font-size:1.1em;
margin:0;
}
/* ******************************** Single Movie 700 x 440 ****************************** */
#movie-700{
width:702px;
padding:30px 103px 0;
}
#flash{
height:440px;
padding:0;
}