html,body {
height: 100%;
margin: 0;
}
body {
color:#000;
font:12px Arial, Verdana, Tahoma, sans-serif;
background-color:#fcfefe;
min-width:850px;
}
img {
border: none;
}
a {
text-decoration:underline;
color:#000;
outline:none;
}
a:hover {
text-decoration:none;
}
input,
textarea,
select{
font:100% arial,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border:none;
}
.main-holder {
min-height: 100%;
}
* html .main-holder {
height: 100%;
}
#main {
width:851px;
margin:0 auto;
padding:5px 0 90px 0;
overflow:hidden;
}
#header {
width:851px;
margin:0 0 30px 0;
overflow:hidden;
}
#header h1 {
width:272px;
margin:0;
float:left;
}
#header h1 a {
width:272px;
height:107px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url('../images/logo.png') no-repeat;
position:relative;
cursor:pointer;
}
.info-nav {
width:500px;
padding:0 5px;
margin:12px 0 0 0;
float:right;
font-size:11px;
}
.address-contact {
width:550px;
margin:0 0 15px 0;
overflow:hidden;
}
.address-contact address {
width:185px;
float:left;
margin: 0 0 0 30px;
font-style:normal;
}
.address-contact address span {
display:block;
}
.address-contact ul {
margin:0 50px 0 0;
padding:0;
list-style:none;
width:250px;
float:right;
display:inline;
position:relative;
}
.address-contact li {
float:right;
padding:0 10px 0 9px;
border-left:1px solid #000;
}
.address-contact li.first {
border:none;
}
.address-contact li span {
display:block;
}
.address-contact .mail {
text-align:right;
padding:6px 10px 0 9px;
}
ul#main-nav {
margin:0 0 0 30px;;
padding:0;
list-style:none;
}
#main-nav li {
padding:0 0 0 1px;
float:left;
background:url('../images/separ.gif') no-repeat;
}
#main-nav li.first {
padding:0;
background:none;
}
#main-nav li a {
display:block;
height:31px;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
}
li#home a {
width:72px;
background:url('../images/home.gif') no-repeat;
}
li#services a {
width:110px;
background:url('../images/our-services.gif') no-repeat;
}
li#our-team a {
width:90px;
background:url('../images/our-team.gif') no-repeat;
}
li#careers a {
width:76px;
background:url('../images/careers.gif') no-repeat;
}
li#about-us a {
width:89px;
background:url('../images/about-us.gif') no-repeat;
}
li#contact-us a {
width:108px;
background:url('../images/contact-us.gif') no-repeat;
}
#main-nav li a:hover,
#main-nav li.active a {
background-position:0 -31px;
}
#content {
width:851px;
}
#content .serv-left{
float:left;
width:400px;
}
#content .serv-right{
float:right;
width:400px;
}
#content p {
margin:0 0 12px 0;
}
/*divco begin*/
ul.bloc01 {
padding:10px 0px 0px 20px;
margin:0;
}
ul.bloc01 li a {
color:#3c3025;
text-decoration:none;
}
ul.bloc01 li a:hover {
text-decoration:none;
}
ul.bloc01 li {
padding-right:0px;
padding-left:0px;
padding-bottom:5px;
list-style-type:disc;
line-height:1.4em;
}
/*divco ends*/
.main-pict img {
float:right;
padding:10px 25px 10px 35px;
}
.center-boxes {
width:851px;
padding:12px 0 0 0;
}
.center-boxes:after {
content:"";
display:block;
width:100%;
overflow:hidden;
height:0;
clear:both;
}
.col-outer,
.grey-col-outer {
width:277px;
margin:0 10px 0 0;
padding:9px 0 0 0;
float:left;
display:inline;
background:url('../images/col-top.gif') no-repeat;
position:relative;
}
.grey-col-outer {
margin:0;
background:url('../images/grey-col-top.gif') no-repeat;
}
.col-bg,
.grey-col-bg {
padding:0 0 9px 0;
background:url('../images/col-btm.gif') no-repeat 0 100%;
}
.grey-col-bg {
background:url('../images/grey-col-btm.gif') no-repeat 0 100%;
}
.col,
.grey-col {
width:247px;
padding:28px 15px 20px 15px;
background:#3d7ae1 url('../images/col-bg.gif') no-repeat;
overflow:hidden;
color:#fff;
}
.grey-col {
background:#5c5c5c url('../images/grey-col-bg.gif') no-repeat;
}
.grey-col a.more {
background:url('../images/contact.gif') no-repeat;
}
.grey-col h2 span {
display:none;
}
.grey-col-lvl2 {
width:247px;
padding:0px 15px 0px 15px;
margin-top:-10px;
background:#3d7ae1 url('../images/col-bg.gif') no-repeat;
overflow:hidden;
color:#fff;
}
.grey-col-lvl2 {
background:#5c5c5c url('../images/grey-col-bg.gif') no-repeat;
}
.grey-col-lvl2 h2 span {
display:none;
}
.grey-col-lvl2 a.more {
background:url('../images/contact.gif') no-repeat;
}
.level2-form {
padding:0px 45px 10px 0px;
float:right;
}
.center-boxes h2 {
margin:0;
position:absolute;
left:7px;
top:7px;
}
.center-boxes h2 span {
display:none;
}
#content .center-boxes p {
margin:0 0 10px 0;
}
a.more {
display:block;
width:100px;
height:24px;
padding:7px 0 0 12px;
color:#fff;
font-weight:bold;
text-decoration:none;
background:url('../images/more.gif') no-repeat;
position:absolute;
right:0;
bottom:0;
z-index:100;
}
a.more:hover {
text-decoration:underline;
}
.col li {
margin-left: -15px;
}
/*form*/
.inquiry-form {
width:237px;
padding:0 5px;
margin:0 0 -12px 0;
position:relative;
}
.label-input {
width:237px;
margin:0 0 9px 0;
overflow:hidden;
}
.label-input label {
width:52px;
padding:2px 0 0 0;
float:left;
font-weight:bold;
}
.txt-input,
.txt-input1 {
width:177px;
height:15px;
margin:0;
padding:1px 3px;
float:right;
background:#fff;
color:#000;
font:11px Arial, sans-serif;
border:1px solid #0a5af3;
}
.label-input textarea {
width:177px;
height:48px;
margin:0;
padding:1px 3px;
float:right;
border:1px solid #0a5af3;
}
.two-inputs {
width:70px;
float:left;
overflow:hidden;
}
.two-inputs .txt-input1 {
width:64px;
padding:1px 3px;
margin:0 0 5px 0;
}
.label-input span {
font-size:11px;
float:right;
}
.footer-outer {
width:100%;
background:url('../images/footer-bg.gif') repeat-x 0 100%;
height:90px;
overflow:hidden;
margin-top:-90px;
position:relative;
}
#footer {
width:851px;
margin:0 auto;
padding:30px 0 0 0;
text-align:center;
color:#616d80;
}
#footer ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
}
#footer li {
padding:0 0 0 5px;
display:inline;
background:url('../images/separ1.gif') no-repeat 0 3px;
}
#footer li.first {
background:none;
}
#footer p {
margin:0;
}
#footer p a {
color:#616d80;
}