html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html, body {
height: 100%;
}
a {text-decoration:none;}
body {
line-height: 1em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*@font-face {
font-family: 'TitilliumText22LLight';
src: url('../fonts/TitilliumText22L002-webfont.eot');
src: url('../fonts/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/TitilliumText22L002-webfont.woff') format('woff'),
url('../fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
url('../fonts/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MetrophobicRegular';
src: url('../fonts/Metrophobic-webfont.eot');
src: url('../fonts/Metrophobic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Metrophobic-webfont.woff') format('woff'),
url('../fonts/Metrophobic-webfont.ttf') format('truetype'),
url('../fonts/Metrophobic-webfont.svg#MetrophobicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BitstreamVeraSerifRoman';
src: url('../fonts/VeraSerif-webfont.eot');
src: url('../fonts/VeraSerif-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/VeraSerif-webfont.woff') format('woff'),
url('../fonts/VeraSerif-webfont.ttf') format('truetype'),
url('../fonts/VeraSerif-webfont.svg#BitstreamVeraSerifRoman') format('svg');
font-weight: normal;
font-style: normal;
}
*/body {
margin:0;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:100%;
background:#40b0f8 url(../images/bg.jpg) no-repeat left top;
min-width:900px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
body.bg-in{background:#40b0f8 url(../images/bg-in.jpg) no-repeat left top;}
a {
color:#FC0;
}
a:hover {
color:#fff;
}
h1, h2, h3, h4, h5 {
margin:.8em 0 .2em 0;
padding:0;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
p {
padding:0;
font-size:14px;
line-height:18px;
}
img {
margin:10px 0 5px;
}
.floatLeft{ float:left}
.floatRight{ float:right}
.imgLeft {
float:left;
padding:5px;
background:url(../images/black-30.png) repeat;
border:1px solid #333;
margin:0 10px 10px 0;
}
.imgRight {
float:right;
padding:5px;
background:url(../images/black-30.png) repeat;
border:1px solid #093a5f;
margin:0 0 10px 10px;
}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.hidden {display:none;}
.fadeOut {opacity:0; visibility:hidden;}
div.clearfix {clear:both; height:0px; font-size:1px;} /* clear floats */
.last {margin-right:0;}
/* Header styles */
#header {
clear:both;
float:left;
width:100%;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
background:url(../images/left-bg.png) repeat-y left top;
}
.leftmenu .colright {
float:left;
width:200%;
position:relative;
left:311px;
background:none;
}
.leftmenu .col1wrap {
float:right;
width:50%;
position:relative;
right:306px;
padding-bottom:1em;
}
.leftmenu .col1 {
margin:0 0px 0 326px;
position:relative;
right:100%;
overflow:hidden;
}
.leftmenu .col2 {
float:left;
width:311px;
position:relative;
right:311px;
top:-53px;
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
background: #2898e2;
border-top:1px solid #73c4f8;
border-bottom:1px solid #73c4f8;
font-size:10px;
color:#FFF;
margin: 1px 0 0 0;
}
#footer p {
padding:10px;
margin:0;
font-size:12px;
}
/* MAIN MENU
***********************************************/
#MainMenu span{
float:left;
width:11px;
position:relative;
top:-10px;
left:0px;
}
#MainMenu {
height: 53px;
text-transform:none;
float:left;
position:relative;
top:0px;
left:10px;
}
#MainMenu .sf-menu li a.current {
background:url(../images/nav-bg-hover.png) repeat-x left top;
}
#MainMenu .sf-menu li a:hover {
background:url(../images/nav-bg-hover.png) repeat-x left top;
}
#MainMenu .sf-menu li li {
background: #00426f;
} /* sub-menu background */
#MainMenu .sf-menu li li a:hover {
border:none;
position:relative;
top:0px;
background: #06609e;
}
#MainMenu .sf-menu li li li { background: #001e33;
} /* sub-sub-menu background */
#MainMenu .sf-menu li li li a:hover {border:none; position:relative; top:0px}
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0}
.sf-menu{
float:left;
line-height:1.0;
margin:0px 0 1em;
background:url(../images/nav-bg.png) repeat-x left top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* behavior: url(/style/border-radius.htc);
*/ height:53px;
}
.sf-menu ul{position:absolute;top:-999em;width:25em;
}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left;position:relative;background:none; margin:0}
.sf-menu a{display:block;padding:15px 1em 15px;position:relative;text-decoration:none; font-size:16px; font-weight:normal}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:48px;z-index:99;}
.sf-menu li li a{padding:10px 1em}
.sf-menu a,.sf-menu a:visited{color:#fff; line-height:18px;
}
.sf-menu li li{background:#2F2F2F}
.sf-menu li li li{background:#181818}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{outline:0}
.sf-menu li li:hover,.sf-menu li li.sfHover,.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active{background:#000;}
.sf-menu a.sf-with-ul{min-width:1px;padding-right:2em}
.sf-sub-indicator{background:url(../images/arrows-ffffff.html) no-repeat -10px -100px;display:block;height:10px;overflow:hidden;position:absolute;right:.8em;text-indent:-999em;top:1.45em;width:10px}
li ul li .sf-sub-indicator{right:1em}
a > .sf-sub-indicator{background-position:0 -100px;top:1.45em}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px}
.sf-menu ul a > .sf-sub-indicator{background-position:0 0}
.sf-shadow ul{background:url(../images/shadow.html) no-repeat bottom right;padding:0 8px 9px 0}
.sf-shadow ul.sf-shadow-off{background:transparent}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0}
li li a .sf-sub-indicator,li li a > .sf-sub-indicator{top:.9em}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0}
/* PROJECTS SLIDER
***********************************************/
.projects-slider{
width:670px;
height:230px;
padding:0 10px;
margin:220px 100px 0 100px;
position:relative;
z-index:6;
}
.image_carousel {
padding: 15px 0 15px 20px;
position: absolute;
}
.image_carousel a {
background:url(../images/thumbs-cover.png) no-repeat center top;
width:156px;
height:207px;
display: block;
float: left;
}
.image_carousel img {
border: none;
background-color: white;
padding: 0px;
margin: 19px 14px;
display: block;
float: left;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/* behavior: url(/style/border-radius.htc);
*/}
a.prev, a.next {
background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
width: 45px;
height: 50px;
display: block;
position: absolute;
top: 85px;
}
a.prev { left: -2px;
background-position: 0 0; }
a.prev:hover { background-position: 0 -50px; }
a.prev.disabled { background-position: 0 -100px !important; }
a.next { right: -22px;
background-position: -50px 0; }
a.next:hover { background-position: -50px -50px; }
a.next.disabled { background-position: -50px -100px !important; }
a.prev.disabled, a.next.disabled {
cursor: default;
}
a.prev span, a.next span {
display: none;
}
/* Contents
***********************************************/
.contents{
height:200px;
width:100%;
}
.welcomeBlock{
width:70%;
float:left;
}
.welcomeBlock h2{
color:#fff;
font-size:18px;
font-weight:normal;
margin:0 0 10px 0;
}
.welcomeBlock p{
color:#003366;
font-weight:normal;
margin:0 0 10px 0;
text-align:justify;
line-height:18px;}
.newsBlock{
width:26%;
float:left;
margin:0 2%;
}
.newsBlock h2{
color:#fff;
font-size:18px;
font-weight:normal;
margin:0 0 10px 0;
}
#news-container
{
margin: auto;
}
#news-container ul li p
{
border-bottom: 1px dotted #eee;
color:#fff;
padding:10px 0;
font-weight:normal;
margin:0 0 10px 0;
}
#news-container ul li p a{
color:#003366;
text-decoration:none;
}
#news-container ul li p a:hover{
color:#fff;
text-decoration:none;
}
.thumbs {
float: left;
margin: 5px 10px 10px 10px;
}
.clearfix{clear:both;}
/* Contents Inner Pages
***********************************************/
.contents_in{
width:99%;
margin:230px 0 0 0;
display:inline-block;
*display:inline;
zoom:1;
}
.breadcrumb{ padding:0; z-index:100; margin:0px 0 0 0; }
.breadcrumb li:first-child{color:#73c4f8}
.breadcrumb li {float:left; margin:0 5px 15px 0; font-size:12px; color:#fff; }
.innerBlock{
max-width:1050px;
float:left;
padding:0 20px 0 0;
}
.innerBlock h2{
color:#FF0;
font-size:18px;
font-weight:normal;
margin:0 0 10px 0;
line-height:normal
}
.innerBlock p{
color:#003366;
font-weight:normal;
margin:0 0 10px 0;
text-align:justify;
line-height:18px;
}
.highlight, .highlight{color:#FC0;font-size:14px;padding-bottom:5px}
/*For Our Team*/
.thumb {border:1px solid #D5D5D5; padding:7px; margin:0 10px 10px 0; -moz-border-radius:5px; border-radius:5px; }
.thumb_item {padding:7px 0; float:left; margin:0 5px 15px 0; height:230px;}
.thumb_item img {margin-bottom:5px; width:170px;}
.thumb_item_desc {width:170px; overflow:hidden;}
.thumb_item_desc h6 {color:#fff; margin-bottom:5px; text-align:center; display:block; background:#0d5387; font-weight:normal;font-size:13px;padding:5px 5px;line-height:18px}
.our-team .thumb_item_desc h6{padding:5px 0;}
.thumb_item_desc h6 a {color:#fff; text-decoration:none;}
.thumb_item_desc h6 a:hover {text-decoration:underline;}
.thumb_item_desc h6 span{display:block;padding-top:5px;font-size:13px}
.thumb_item_desc p {margin-bottom:5px; line-height:14px; color:#fff; text-align:left!important;}
.last {margin-right:0;}
/*For projects*/
.thumb_item2 {background:url(../images/white-30.png) repeat; border:1px solid #D5D5D5; padding:7px; float:left; margin:0 10px 15px 0; -moz-border-radius:5px; border-radius:5px;height:321px;}
.thumb_item2 img {margin-bottom:5px; width:190px;}
/* SCOPE OF SERVICES
***********************************************/
ul.scope{
margin:0 0 10px 0;
}
.scope li{
float:left;
width:300px;
padding:0 10px;
font-weight:normal;
color:#FF6;
text-transform:uppercase;
font-size:14px;line-height:20px
}
ul.sub{
display:block;
float:left;
margin:7px 0 20px 0;
}
ul.sub li{
padding:0 0 0 20px;
margin:0;
font-weight:normal;
color:#036;
background:url(../images/bullet_tick.png) no-repeat left top;
text-transform:none;
line-height:21px;font-size:14px
}
ul.ulist{
margin:10px 0 0px 0;
float:left;
}
ul.ulist li{
text-transform:none;
color:#000;
float:left;
display:inline-block;
}
ul.ulist li a{
text-decoration:none;
width:285px;
display:inline-block;
float:left;
padding:8px;
margin:0 20px 10px 0;
font-weight:normal;
color:#FF6;
border:3px solid #73c4f8;
background:#2898e2;
text-align:center;
font-size:14px;line-height:18px
}
ul.ulist li a:hover{
text-decoration:none;
background:#FF6;
color:#2898e2;
}
ul.list{
display:block;
float:left;
margin:0 0 10px 0;
}
ul.list li{
padding:0 0 5px 20px;
margin:0;
font-weight:normal;
color:#036;
background:url(../images/bullet_tick.png) no-repeat left top;
width:auto;
line-height:21px;font-size:14px
}
ul.list li strong{
color:#FF0;font-size:14px
}
ol.olist{
min-width:860px;
}
ol.olist li{
padding:0 0 5px 0px;
margin:0;
font-weight:normal;
color:#036;
width:auto;
list-style:decimal;
list-style-position:outside;
line-height:21px;
font-size:14px;
}
ol.olist li strong{
color:#FF0;
}
.backTo{
float:right;
padding:5px;
background:url(../images/black-30.png) repeat;
border:1px solid #093a5f;
display:block;
}
/* CONTACT US
***********************************************/
#contact_left{
width:390px;
float:left;
margin:0 10px 0 0px;
}
#contact_right{
width:240px;
float:left;
}
#contact {position:relative;}
.contact_form h1 {font-size:24px; margin-bottom:15px; color:#480101; text-shadow: #C10202 0px 1px 3px;}
.contact_form h4 {margin-bottom:10px;}
.contact_form p {margin-bottom:2px;}
.contact_form label {font-weight:bold; display:block; font-size:13px; width:90px; float:left; margin-top:5px;}
.contact_form .field {margin-bottom:10px; width:250px;}
.contact_form .field_textarea {margin-bottom:10px; width:250px; height:80px;}
.contact_form .captcha_field {width:80px;}
.field {font-size:12px; padding:5px; border:1px solid #D0CFCF;background:#fff}
.field_textarea {font-size:12px; padding:5px; border:1px solid #D0CFCF;}
.error {display:block; margin-top:-8px; margin-left: 80px; color:#FF0;}
.success {background:#f8efa4; border:1px solid #edd138; padding:10px;}
.success strong {display:block; color:#007236; margin-bottom:5px;}
.success span {display:block; color:#222222}
.contact_info h5 {
margin-bottom:10px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight:normal;
}
.contact_info h3 {margin-bottom:10px;}
.contact_info p {color:#fff; margin-bottom:10px;}
.contact_info img {margin-bottom:10px; border:1px solid #999;}
.submit_btn {background:#013c64; border:1px solid #013c64; color:white; padding:2px 10px 2px 10px; cursor:pointer;}
.overlow-hidden,.our-team {overflow:hidden}
.project-row{overflow:hidden}
.project-row .thumb_item2 {width:250px;height:230px}
.project-row .thumb_item2 img{width:100%}
.project-row .thumb_item_desc{width:auto;line-height:18px}
.project-right {float:right;margin:10px 0 10px 10px;width:250px;padding:15px;}
.project-right img {width:100%;margin:0px;}
.logo, .project-right div{float:left}
.navicon,.logo{display:none}
.innerBlock h3 {font-size:15px; padding-top:10px;}
.org-chart{max-width:100%}
.contact_info h5{font-size:17px;line-height:normal}
#fancybox-wrap,#fancybox-wrap div{box-sizing:content-box !important}
.popup .content h6{font-size:20px;padding-bottom:5px;line-height:normal}
.mb {padding-left:90px;}
.red {color:red}
.margin-bottom0{margin-bottom:0px!important;}
.margin10 {margin-top:10px!important ;}
.dar-logo{width:30%;position: absolute;background-color:#00000085;padding: 5px;}
.side-big-logo{opacity:0.1;margin-top:10rem;}