﻿/* Default CSS Stylesheet */
/* @charset "utf-8";
/* CSS Document */

html,body { 
margin:0; 
padding:0; 
height:100%; /* this is the key! */
background:#f8f3cd url(images/bg_default.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
} 

#wrapper {
padding:0;
margin:0 auto;
width:900px;
height:auto;
}


/*headings*/
h1,h2,h3,h4 {
color:#FFF;
}
#welcome h3 {
text-transform:uppercase;
margin: 0 ;
font-size:14px;
padding-top:5px;
padding-left:10px;
padding-right:5px;
}
#details h1 {
font-size:22px;
}
#details h2 {
font-size:14px;
}

h3 {
font-size:14px;
}

.titles h3 {
font-size:12px;
}
.nopad {
padding:0;
margin:0;
}

.contacttxt {
color:#FFF;
font-size:12px;
width:180px;
margin-left:13px;
line-height:17px;
padding:5px 0 0 0;

}
.contacttxt a {
color:#FF9900;
text-decoration:none;
font-size:12px;
}

.contacttxt a:hover {
color:#FF9900;
text-decoration: underline;
font-size:12px;
}

/*articles*/

#blue_box_article  {
width:305px;
background:  #e6edf6;
padding:0;
margin:10px auto;
border-bottom: #FF9900 2px solid;
}

#blue_box_article  h1 {font-size:120%;color: #FF9900;}

#blue_box_article a {
text-decoration:none;
text-transform: none;
color: #003366;
font-size:12px;
line-height:14px;

}

#blue_box_article a:hover {
text-decoration: underline;
color: #003366;
}
#blue_box_article  p {
font-size:120%;color:#FFF; 
text-decoration:none;
}



/*CONTACT PAGE STYLES*/

#map {
width:300px; 
height:300px;
border:1px solid #666;
float:right;
margin-left:10px;
margin-right:10px; 
margin-top:10px;
}

#contactform {
width:auto; 
font-size:12px; 
color:#333333; 
line-height:16px; 
}

#contactpic {
margin:0px auto; 
width:298px;
height:360px;
padding:10px 0px; 
}
#contactpic image 
{
margin:0px auto; 
width:298px;
height:360px;
border-bottom:2px solid #FF9900;
}

/*top style*/
#welcome {
float:left;
background:url(images/welcomebg.jpg);
height:25px;
margin-left:12px;
margin-top:185px;
}
#top {
height:176px;
width:100%;
}
#logo {
float:left;
width:350px;
height:130px;
padding-left:35px;
padding-top:10px;
margin:0;
position:relative;
}
#details {
float:right;
width:440px;
height:146px;
text-transform:uppercase;

}
.details {
padding-top:30px;
}
/*menu*/
#menu {
float:right;
width:900px;
margin:0 ;
padding:0;
height:26px;
z-index:1;
position: relative;
}

/*contents*/
#container {
width:900px;
height:437px;
min-height:437px;
height:auto !important;
background:#FFFFFF;
float:left;
border-bottom:8px #fd7005 solid;
margin-bottom:5px;
}
#welcome-head{
width:900px;
height:230px;
background:url(images/header.jpg) no-repeat;
padding:0;
margin:0;
}

#features {
padding:0;
margin:0;

}

#boxwrapper {
width:892px;
padding-left:10px;
padding-top:10px;
margin:0 auto;
float:left;
}
.box1,.box2,.box3 {
float:left;
background:url(images/bluebox.gif) no-repeat;
width:285px;
height:143px;
padding-right:10px;
}

/*featured project*/
#tab_title { 
width:267px;
height:18px;
margin:0 auto;
padding:5px 0 0 20px;
font-size:14px;
color:#FFF;
font-weight:bold;
}

.tab_title { 
width:267px;
height:18px;
margin:0 auto;
padding:5px 0 0 20px;
font-size:14px;
color:#FFF;
font-weight:bold;
}
.title_heading { 
width:267px;
height:24px;
margin:0 auto;
padding:5px 0 0 10px;
font-size:14px;
color:#FFF;
font-weight:bold;

}
#thumbimg {
margin:0 auto;
width:267px;
height:108px;
background:#003366;

}

.thumbimg {
margin:0 auto;
width:267px;
height:108px;
background:#003366;

}
#tab_title img, #thumbimg img {
border:0;
}
#boxtext3 {
padding:0;
margin:0;
}
.boxtext {
float:left;
background: none;
width:275px;
height:100%;
padding-right:10px;
color:#00488b;
font-size:11px;
padding-left:15px;
padding-top:10px;
padding-bottom:5px;
}
.boxtext a { 
color:#00488b;
text-decoration: none;
}
.boxtext a:hover { 
color:#fd7005;
text-decoration: none;
}
/*bottom area*/

/*bottom area*/

#bottomarea {
width:900px;
padding-top:2px;
margin:0 auto;
float:left;
min-height:178px;
height:auto !important;
height:178px;
background:#fff;
border-bottom:2px solid #ff8a00;
}

#news {
float:left;
background: #FFF;
width:299px;
min-height:176px;
height:100% !important;
height:176px;
margin-right:1px;
color:#003668;
font-size:11px;
}

#newsfeed {
padding-left:10px;
font-size:11px;
padding-top:10px;
}
#newsfeed p {
padding:0;
margin:0;
}

.newsdate {
color:#ff8100;
font-size:11px;
}
#newsdivide {
width:auto;
height:5px;
border-bottom:1px solid #efefef;
}
.lnkMore {color:#003668;}

#ourservices {
float:left;
background: #FFF;
width:599px;
min-height:176px;
height:auto !important;
height:176px;
margin-right:1px;
font-size:11px;
}
#ourservices a {color:#003361;}


#contactus {
float:left;
background: #003399;
width:299px;
height:176px;
border-bottom:2px solid #ff8a00;
background:url(images/csr.jpg) no-repeat bottom;
}
.titletab {
background:#002547 url(images/bluepixel.gif) repeat-x;
height:21px;
border-left:#FF9900 4px solid;
padding-top:5px;
}

/*list*/
#listbox {
 color:#002b53;
 padding:15px 0  0 10px;
 }
 .list_services li{
 list-style:none;
 background:url(images/arrow_list.gif) left no-repeat;
 padding-left:20px;
 line-height:22px;
 margin:0;
 padding-top:0;
 text-transform:uppercase;
 }
 .list ul {
 padding:0;
 margin:0;
 padding-left:0;
 }

/* new footer */
#footer {
background:#00427e url(images/footer_bg.jpg) repeat-x;
height:auto;
width:100%;
float:left;
margin-top:20px;
}


#footer_center {
width:900px;
margin:0 auto;
height:100px;
}
*html  #footer_center {
padding-right:7px;
}


/*footer menu*/
#footermenu {
float:left;
height:39px;
width:900px;
background:url(images/footer_menu.jpg) repeat-x;
padding:0;
}


#partners {
height:62px;
width:900px;
float:left;
background: url(images/footer.jpg) no-repeat;

}
#partners img {
float:left;

}
#partners p {
color:#FFF;
font-size:11px;
margin-top:20px;

}

.copyright {
color:#FFF;
font-size:11px;
margin-top:35px;
float:right;
padding-right:3px;
}
/*navigation*/
#navcontainer ul
{
padding-left: 460px;
margin-left: 0;
background:transparent;
color: White;
width:450px;
font-family: arial, helvetica, sans-serif;
font-size:12px;
}

#navcontainer li { display:inline ; }

#navcontainer  li a
{
background: url(images/menu_default.jpg)  repeat-x  ;
color:#FFFFFF;
text-decoration: none;
float: left;
margin-right: 1px ;
height:26px;
text-align:center;
padding-top:6px;
}

#navcontainer li a:hover
{
background: url(images/menu_active.jpg)  repeat-x;
color: #fff;
height:26px;
}

#navcontainer li a:active
{
background: url(images/menu_active.jpg)  repeat-x;
color: #fff;
height:26px;
}

#navcontainer li {
height:auto;
height:26px;
}
#active {
background: url(images/menu_active.jpg);
height:26px;
}

#navcontainer li a.current{
background: url(images/menu_active.jpg) repeat-x;
height:26px;
}

#navcontainer a 
{
	width:100%;
}

#footer a {
color: #FF9900;
text-decoration:none;
}

#footernav ul
{
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
padding-top:13px;
}

#footernav ul li { 
display: inline;
list-style:none; }

#footernav ul li a
{

color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
font-size:12px;
padding:0;
margin:0 auto;
width:145px;
vertical-align: middle;

}

#footernav ul li a:hover
{
background:none;
text-decoration:underline;
color: #fff;
}

#activenav {
color:white;
}

.hr {
color:#FF9900;
}

/*hacks&*/
* html body{ /*IE6 hack*/
padding: 0; /*Set value to (height of logo Div 0 height of footer Div 0)*/
margin:0;
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}
html{
padding:0px;
margin:0px;
}
* {
	margin: 0px;
	padding: 0px;
}

* html #icontainer {
padding-bottom: 1px;
}

* html #container {
padding-bottom:9px;
}

*html #menu {
padding:0px;
margin:0px;
}
*html #details {
height:146px;
padding-top:0px;
}

*html .copyright {
padding-left:60px;
}
/*--------------------inner pages--------------------*/
#title_bar {
background:#003361 url(images/title_bar.jpg)  no-repeat left;
height:26px;
width:900px;
float:left;
}

#icontainer {
width:900px;
background:#FFFFFF;
float:left;
border-bottom:5px #fd7005 solid;
margin-bottom:5px;
padding-bottom:3px;
}

#l_box  {
float:left;
width:325px;
}

#blue_box {
width:305px;
background:#00284e;
padding:0;
margin:10px auto;
padding-bottom:10px;
}

#ititle {
padding:5px 0 0 0 ;
margin:0  0 0  10px;
color:#FFFFFF;
font-size:14px;
border-left:2px solid #FF9900;
}
.ititle {
padding:5px 0 0 0 ;
margin:0  0 0  10px;
color:#FFFFFF;
font-size:14px;
border-left:2px solid #FF9900;
}
.padleft {
padding-left:10px;

}

#list_box {
padding-top:10px;
margin:0;
}

.service_list {
background:#00376b;
height:24px;
width:267px;
padding:5px 0 0 10px;
margin:1px auto;
font-size:10px;
color:#FFFFFF;
}
.service_list a {
padding:0;
color: #FFF;
text-decoration:none;
}
.service_list a:hover{
padding:0;
color: #FF9900;
text-decoration:none;
}

#download_box {
background:#002b52 url(images/catalogbox.jpg) right no-repeat;
height:120px;
width:298px;
padding:2px 0 0 5px;
margin:10px auto;
font-size:10px;
color:#FFFFFF;
}
.boxpdf {
text-transform:uppercase;
color:#FFFFFF;
font-size:10px;
width:130px;
padding-left:10px;
padding-top:10px;
}

#icontactus {

background: #003399;
width:300px;
height:176px;
border-bottom:2px solid #ff8a00;
background:url(images/csr.jpg) no-repeat bottom;
margin:0 auto;
}
#contactbox {
padding:10px 0 0 0;
float:left;
width:325px;
} 

.orange_title {
color:#FF9900;
}
.orangehr {
color:#FF9900;
}
.blue_title {
color:#003366;
}

#r_box {
background:#FFF;
float:right;
width:560px;
padding-top:10px;
font-size:12px;
line-height:18px;
padding-right:10px;
}


.rbox {
font-size:11px;
color:#003361;
line-height:20px;
text-align:justify;
padding-right:10px;
padding-top:10px;
text-indent:20px;
}
#r_box a  {padding-right:10px;color:#003361;}
#r_box a:hover  {color:#FF9900;}
#r_box h2 {color:#003361; font-size:100%; margin-top:15px; text-transform:uppercase;}

.rbox image {float:right; margin-left:10px; margin-bottom:10px;border:1px solid #dedede;padding:10px;}

.inner_h3 {
font-size:16px;
padding:4px 0 0 15px;
}

