html{background:url(../images/bg-html.gif);}
body {
font: 12px Arial, Helvetica, sans-serif;
margin: 0;
color: #1c1c1c;
background: url('../images/bg-body.gif') repeat-x;
min-width: 1000px;
}
img {border: none;}
a{
text-decoration: none;
color: #a40404;
}
a:hover{text-decoration: underline;}
#wrapper {
margin: 0 auto;
width: 998px;
padding-top: 20px;
}
#wrapper .t{
width: 100%;
height:22px;
background: url(../images/bg-wrapper-t.png) no-repeat;
}
#wrapper .b{
width: 100%;
height:22px;
background: url(../images/bg-wrapper-b.png) no-repeat;
}
#wrapper .c{
width: 100%;
background: url(../images/bg-wrapper-c.png) repeat-y;
}
#wrapper .content{
position: relative;
width: 970px;
padding: 500px 14px 0;
overflow: hidden;
}
/*header start*/
#header {
width: 970px;
height: 500px;
position: absolute;
left: 14px;
top: 0;
background:url(../images/bg-header.gif) repeat-x 0 83px;
}
/*logo start*/
.logo {
margin: 0;
position: absolute;
left: 27px;
top: 0;
z-index: 100;
}
.logo a {
display: block;
text-indent: -9999px;
width: 148px;
height: 118px;
overflow: hidden;
background: url('../images/bg-logo.gif') no-repeat;
}
.address-holder{
width: 100%;
overflow: hidden;
padding-top:25px;
}
.address-holder address{
float: right;
width: 167px;
background: url(../images/bg-address.gif) no-repeat;
padding: 0 0 0 37px;
font-style: normal;
}
.address-holder address strong{
color: #666;
display: block;
line-height: 15px;
}
.address-holder address span{
color: #2a3789;
padding-left: 2px;
}
.nav-holder{
width: 100%;
float: left;
position: relative;
z-index: 100;
}
#nav{
margin: 0;
padding:31px 0 0 220px;
list-style: none;
}
#nav li{
float: left;
padding-right: 5px;
position: relative;
}
#nav li a{
height: 42px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#nav li.hover a,
#nav li:hover a,
#nav li a.active{background-position: 0 -42px;}
#nav .home a{
width: 94px;
background: url(../images/bg-home.gif) no-repeat;
}
#nav .company a{
width: 99px;
background: url(../images/bg-company.gif) no-repeat;
}
#nav .services a{
width: 109px;
background: url(../images/bg-services.gif) no-repeat;
}
#nav .solutions a{
width: 109px;
background: url(../images/bg-solutions.gif) no-repeat;
}
#nav .industry a{
width: 201px;
background: url(../images/bg-industry.gif) no-repeat;
}
#nav .contact a{
width: 97px;
background: url(../images/bg-contact.gif) no-repeat;
}
#nav li.hover ul,
#nav li:hover ul{display: block;}
#nav ul{
margin:0;
padding: 0 1px;
list-style: none;
position: absolute;
left: 0;
top: 42px;
width: 260px;
background:#fff;
border: 1px solid #d6d6d6;
overflow: hidden;
display: none;
line-height: 16px;
}
#nav ul li{
float:none;
padding:2px 0 2px;
margin: -1px 0;
background:url(../images/nav-ul-separator.gif) repeat-x 0 100%;
}
#nav li.hover ul li a,
#nav li:hover ul li a{
width: 232px;
background: url(../images/nav-ul-a-bg.gif) no-repeat;
text-indent: 0px;
height: auto;
display: block;
padding: 4px 0 6px 28px;
color: #26337e;
}
#nav li.hover ul li a:hover,
#nav li:hover ul li a:hover{
background:#424242 url(../images/nav-ul-a-hover-bg.gif) no-repeat;
color: #fff;
text-decoration: none;
}
.flash-box{
width: 970px;
margin-top: -6px;
float: left;
}
.flash-holder{
width: 100%;
background:url(../images/bg-flash-holder.gif) repeat-y;
}
.flash-holder .holder{
width: 100%;
background: url(../images/bg-flash-holder-t.gif) no-repeat;
}
.flash-holder .frame{
width: 938px;
overflow: hidden;
background: url(../images/bg-flash-holder-b.gif) no-repeat 0 100%;
padding: 12px 16px 10px 16px;
}
.flash-holder img{display: block;}
.photo-holder{
width: 960px;
overflow: hidden;
clear: both;
padding: 0 5px;
}
.photo-box{
width: 218px;
height: 129px;
background: url(../images/bg-photo-box.png) no-repeat;
float: left;
padding: 11px 11px 12px;
}
.photo-box a{
width: 100%;
height: 100%;
display: block;
text-indent: -9999px;
overflow: hidden;
position: relative;
}
.photo-box .healthcare{background: url(../images/bg-healthcare.png) no-repeat;}
.photo-box .healthcare:hover{background: url(../images/bg-healthcare-hover.png) no-repeat;}
.photo-box .traning{background: url(../images/bg-traning.png) no-repeat;}
.photo-box .traning:hover{background: url(../images/bg-traning-hober.png) no-repeat;}
.photo-box .biotehnology{background: url(../images/bg-biotehnology.png) no-repeat;}
.photo-box .biotehnology:hover{background: url(../images/bg-biotehnology-hover.png) no-repeat;}
.photo-box .divice{background: url(../images/bg-divice.png) no-repeat;}
.photo-box .divice:hover{background: url(../images/bg-divice-hover.png) no-repeat;}
#main{
width: 100%;
background:url(../images/bg-main.gif) repeat-y;
}
#content{
height: 100%;
overflow: hidden;
padding:15px 10px 0;
background: url(../images/bg-content.gif) no-repeat;
}
#content h1{
margin:0 0 12px;
background:url(../images/bg-content-h2.gif) repeat-x 0 100%;
font-size: 20px;
line-height: 22px;
color: #212b6c;
font-weight: normal;
}
#content h1 span{
display: block;
background: url(../images/h2-span-bg.gif) no-repeat 1px 2px;
padding:0 0 5px 25px;
}
#content h2{
margin:0 0 12px;
background:url(../images/bg-content-h2.gif) repeat-x 0 100%;
font-size: 20px;
line-height: 22px;
color: #212b6c;
font-weight: normal;
}
#content h2 span{
display: block;
background: url(../images/h2-span-bg.gif) no-repeat 1px 2px;
padding:0 0 5px 25px;
}
#content p{margin: 0;}
.content-holder{
width: 618px;
float: left;
}
.content-holder img{
float: left;
margin:5px 12px 0 0;
}
#content .content-holder p{
line-height: 18px;
margin-bottom:18px;
}
.product-holder{
width: 280px;
float: right;
}
.product-holder img{display: block;}
#content .product-holder h2{margin-bottom: 17px;}
.product-holder .client{
color: #161c48;
display: block;
padding:8px 0 6px;
}
.product-holder .client a{
font-weight: bold;
color: #161c48;
}
#content .product-holder p{
line-height: 16px;
margin-bottom:14px;
}
#content .read-more{
background: url(../images/read-more-btn.gif) no-repeat 100% 5px;
padding-right: 11px;
}
#footer{
width: 998px;
margin: 0 auto;
text-align: center;
padding: 11px 0 20px;
}
#footer ul{
margin: 0;
padding:0 0 11px;
list-style: none;
line-height: 16px;
}
#footer ul li{
display: inline;
padding:0 20px;
}
#footer ul li a{
color: #5d5d5d;
text-decoration: underline;
}
#footer ul li a:hover{text-decoration: none;}
#footer p{
margin: 0;
color: #494646;
font-size:11px;
line-height: 16px;
}
#footer p a{
color: #494646;
text-decoration: underline;
}
#footer p a:hover{text-decoration: none;}
#content.nobginner
{
background:none!important;
}
#main.nobginner
{
background:none!important;
}
.sidenav
{
float:left;
width:200px;
}
.sidenav ul
{
list-style-type:none;
margin:0 12px 0 6px;
padding:0;
}
.sidenav ul li
{
margin:3px 0;
padding:4px;
border-bottom:1px solid #e5e5e5;
}
.content-holder.inner
{
padding-left:20px;
width:910px;
}
.content-holder.inner h4
{
background:#f7f7f6;
padding:4px;
border-bottom:1px solid #edecec;
border-top:1px solid #edecec;
margin-bottom:10px;
font-size:14px;
}
#content .content-holder.inner p {
margin-left:4px;
}
.highlight {
border-left:2px solid #0F1338;
color:#333333;
font-weight:bold;
padding:10px;
}
.block {
border:1px solid #ccc;
padding:2px;
height:auto;
overflow:hidden;
margin-bottom:15px;
}
.block div {
background:#e5e5e5;
color:#333;
line-height:19px;
padding:8px;
height:auto;
overflow:hidden;
}
.image {
background:#fff;
border:1px solid #CCCCCC;
float:right;
margin:10px 0 10px 15px;
padding:5px;
}
.block .text
{
width:300px;
float:left;
}
ul.lists li {
background:transparent url(../images/arrow1.gif) no-repeat scroll 0 6px;
border-bottom:1px solid #ccc;
margin:5px 0;
padding:0 0 8px 18px;
}
ul.lists {
list-style-type:none;
margin:5px 5px 15px 5px;
padding-left:10px;
}
.contact1 {
float:left;
margin-right:40px;
margin-top:0px;
width:35%;
}
.contact1 ul {
list-style-type:none;
margin-left:0;
padding-left:10px;
margin:0;
}
.contact1 ul li {
margin:4px 0;
padding:3px 0;
}
.full .data .form {
}
.form .row label, .form .row-textarea label, .form-options .code label {
color:#464646;
display:block;
font-size:12px;
float:left;
width:130px;
}
.form-options .code {
float:left;
overflow:hidden;
width:270px;
}
.form-options .code .capture {
width:130px;
}
input.btn1 {
background:transparent url(../images/button-submit1.gif) no-repeat scroll 50% 0;
border:0 none;
cursor:pointer;
display:block;
height:49px;
margin:0;
width:106px;
}
.module.form
{
border-left:1px solid #e5e5e5;
padding-left:30px;
overflow:hidden;
width:420px;
}
.form .row{
overflow:hidden;
padding:0 0 3px;
}
.form .row label{
display:block;
width:130px;
color:#464646;
font-size:12px;
}
.form .row input, .form select{
width:226px;
margin:0;
padding:2px 4px 1px;
float:left;
background:#fff;
border:1px solid #bdb9a1;
font:12px/14px Arial, Verdana, Helvetica, sans-serif;
}
.row-textarea{
width:236px;
padding:0 0 6px;
margin:-3px 0 0;
position:static;
overflow:hidden;
}
.row-textarea label{
display:block;
width:130px;
color:#464646;
font-size:12px;
}
.row-textarea textarea{
width:226px;
padding:4px;
height:80px;
margin:0;
position:static;
overflow:auto;
background:#fff;
border:1px solid #bdb9a1;
font:12px/14px Arial, Verdana, Helvetica, sans-serif;
}
.form .row, .form .row-textarea {
overflow:hidden;
padding:0 0 9px;
width:100%;
margin:0;
}
.form-options .code .capture {
float:left;
}
.capture input {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #BDB9A1;
float:left;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin:0;
padding:2px 2px 1px;
width:51px;
}
.capture img {
float:left;
margin:1px 5px 0 0;
}
.fltleft
{
float:left;
width:47%;
margin-right:30px;
}
.fltleft.last
{
margin-right:0;
}
.fltleft a
{
font-size:11px;
}
.quote {
background:transparent url(../images/quote.gif) no-repeat scroll left top;
line-height:17px;
margin-bottom:6px!important;
text-indent:30px;
padding-top:8px;
}
.author {
margin-bottom:0;
text-align:right;
}
.breadcrumb {
border-bottom:1px dotted #CCCCCC;
color:#333333;
margin:8px 0;
padding:0 6px 6px 0;
font-size:10px;
}
.breadcrumb a {
color:#333333;
text-decoration:underline;
}
#content.nobginner
{
padding-bottom:20px;
}
.blk1
{
height:auto;
overflow:hidden;
margin:15px 0;
}
.block div.fltleft
{
float:left;
width:46%;
}
.block div.fltleft h4
{
margin-top:0;
}
ul.lists ul
{
list-style-type:none;
padding-left:20px;
margin-left:0;
}
ul.lists ul li {
background:transparent url(../images/arrow1.gif) no-repeat scroll 0 6px;
border-bottom:none;
margin:5px 0;
padding:0 0 3px 18px;
}
.image1
{
float:right!important;
margin:0 0 10px 10px!important;
}
.fltleft img.img12
{
float:none;
margin-bottom:12px;
}
p.linkstoyoutube
{
font-size:14px;
border-top:1px solid #ccc;
padding-top:10px;
margin-top:15px!important;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.product-holder
{
width:367px;
}
.content-holder {
width:551px;
}
#main, #content
{
background:none!important;
}
#content .content-holder.inner p.linkstoyoutube
{
text-align:center;
}
#content .content-holder.inner p {
margin-bottom:10px;
}
#content .content-holder.inner a.more {
font-size:12px!important;
}
.content-holder .video1 img
{
margin:0;
}
.endquote {
background:transparent url(../images/endquote.gif) no-repeat scroll 0 0;
bottom:-30px;
padding:20px;
position:absolute;
right:-55px;
}
.quote
{
position:relative;
}
#wrapper .content {
overflow:hidden;
padding:148px 14px 0;
background:transparent url(../images/test-bg.png) no-repeat 12px 122px;
}
#wrapper .content.ho {
overflow:hidden;
padding:500px 14px 0;
}
#header {
height:156px;
}
.date{
display:block;
font-size: 12px;
line-height: 22px;
color:#990000;
font-style:italic;
font-weight: normal;
}
.headline-links a{
margin:0 0 12px;
font-size: 12px;
line-height: 14px;
color: #212b6c;
font-weight:bold
}
.summary{
margin:0 0 12px;
font-size: 12px;
line-height: 14px;
color: #1c1c1c;
font-weight:normal;
}