body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-size: 12px;
	color:#5c5959;
	vertical-align:top;
}

/* ------------------------------ HOMEPAGE CSS STARTS HERE ------------------------------ */
#home-hdr {
	Background:url(../images/common/loader.gif) center center no-repeat ;
	height: 433px;
	vertical-align:top;
	padding: 0px 2px 0px 2px;
}

.homemaintab-container{
	vertical-align:top;
}

.homemaintab-container-toproundededge{
	Background: url(../images/home/maintab-toproundedshade.png) no-repeat top center;
}

.homemaintab-container-bottomroundededge{
	Background: url(../images/home/maintab-bottomroundedshade.png) no-repeat bottom center;
	padding: 15px;
	width:541px;
	height: 179px;
	vertical-align:top;
	text-align:justify;
}

.homesubtab-container-toproundededge{
	Background:url(../images/common/container-top-roundededge.png) no-repeat top center;
}

.homemaintab-container h1{
	margin: 0;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	color: #ff9900;
	text-transform:uppercase;
}

h2{
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #00295c;
}

.home-proj-thumb {
	width: 132px;
	vertical-align:top;
}

.home-proj-desc {
	vertical-align:top;
}

/* ------------------------------ HOMEPAGE CSS STARTS HERE ------------------------------ */


/* ------------------------------ HEADERAREA CSS STARTS HERE ------------------------------ */
#headernav {
	height: 159px;
	padding: 20px 23px 0px 23px;
	vertical-align:top;
	Background: url(../images/common/header-bg.jpg) no-repeat center top;
}

#headernav .logoarea{
	text-align: center;
	width:260px;
}

#headernav .header-titlearea{
	text-align:right;
	vertical-align: bottom;
	font-family: Century;
}

.home-navarea{
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.navarea{
	padding-top: 15px;
}

.navigation{
	Background:#0288cb;
	height: 34px;
}

.jumpmenu{	
	Background: #00295c;
	width: 69px;
}

/* ------------------------------ HEADER AREA CSS ENDS HERE ------------------------------ */

/* ------------------------------ MAINCONTAINER AREA CSS STARTS HERE ------------------------------ */
#body-wrapper{
	Background:#ffffff;
	vertical-align:top;
	text-align:justify;
	padding-top: 0px;
	padding-right: 23px;
	padding-left: 23px;
}

#body-wrapper .shaded-containerarea{
	Background:url(../images/common/container-shaded-bg.png) repeat-x top left;
	padding: 20px;
}

#body-wrapper .shaded-containerarea .container-toproundededge{
	Background:url(../images/common/container-top-roundededge.png) no-repeat top center;
}

#body-wrapper .shaded-containerarea .container-bottomroundededge{
	Background:url(../images/common/container-bottom-roundededge.png) no-repeat bottom center;
	padding: 19px;
	height:300px;
	vertical-align:top;
	text-align:justify;
}

/* ------------------------------ SIDECOLUMN AREA CSS STARTS HERE ------------------------------ */
#sidecolumn {
	width: 264px;
	Background:#00295c;
	vertical-align:top;
	padding: 0px 0px 18px 0px;
	line-height: 18px;
	color:#FFFFFF;
	height: 400px;
}

#sidecolumn .sidecol-container{
	padding: 10px;
	vertical-align:top;
}

.sidecol-title{
	color:#FFFFFF;
	font-size: 16px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	line-height: 10px;
}

#sidecolumn .sidecol-container ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#sidecolumn .sidecol-container ul li{
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

#sidecolumn .sidecol-container .sidecol-hdr-thumb {
	Background:#FFFFFF;
	vertical-align:top;
	padding:5px;
}

#sidecolumn .bluebold{
	color: #0093dd;
	font-weight:bold;
	display:block;
}

#sidecolumn .sidecol-divider{
	Background: url(../images/common/sidecoldivider.gif) repeat-x center center;
	height: 21px;
}

#sidecolumn .sidecol-divider-client{
	Background: url(../images/common/sidecoldivider.gif);
	height: 21px;
}

#sidecolumn .proj-details{
	padding: 24px;
}

/* ------------------------------ SIDECOLUMN AREA CSS ENDS HERE ------------------------------ */

/* ------------------------------ CONTAINER AREA CSS STARTS HERE ------------------------------ */
#containerarea {
	vertical-align:top;
}

#containerarea #container {
	vertical-align:top;
}

#containerarea h1{
	margin: 0;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 24px;
	color: #ff9900;
	text-transform:uppercase;
}

#containerarea #container h2{
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #00295c;
}

#containerarea #container h2 a{
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #00295c;
	text-decoration:none;
}

#containerarea #container h3{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding:0;
}

#containerarea #container p{
	margin: 0;
	padding: 0;
}

#containerarea #container ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-position: outside;
	
}

#containerarea #container ul li{
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

.proj-imgarea{
	height: 400px;
	padding: 39px;
	Background: #eeeeee;
}

.proj_thumbnailarea{
	padding: 26px;
	Background: #eeeeee;
	vertical-align:top;
}

.proj_thumbnailarea .proj_thumbnail{
	padding: 6px 7px 10px 7px;
	Background: #00295c;
	vertical-align:top;
	color: #FFFFFF;
	line-height: 18px;
}

.infra_thumbnail{
	padding: 6px 7px 10px 7px;
	vertical-align:top;
	height:178px;
	width:161px;
	Background-color: #00295c;
	
}


.proj_thumbnailarea .proj_thumbnail img{
	border:2px solid #FFFFFF;
	margin-bottom: 9px;
}

.proj_thumbnailarea .proj_thumbnail a{
	color:#FFFFFF;
	text-decoration:none;
}

.textlink{
	color: #5c5959;
	text-decoration:underline;
}

.textlinkover{
	color: #5c5959;
	text-decoration:underline;
}

.textlinksidecolumn{
	color: #ffffff;
	text-decoration:underline;
}

.textlink:hover{
	color: #666666;
	text-decoration:underline;
}

.breadcrumb{
	font-size: 11px;
	padding-top:5px;
}

.breadcrumb a{
	font-size: 11px;
	color:#5c5959;
}

.rowspacer{
	height: 10px;
}

.mini-rowspacer{
	height: 5px;
}

.big-rowspacer{
	height: 18px;
}


.dotted-divider {
	height: 15px;
	background: url(../images/aboutsus/dottedline.png) repeat-x center center;
}

.column-divider{
	width: 20px;
}

.textfield{
	width: 250px;
	border: solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #5c5959;
	padding: 2px;
}

.textarea{
	width: 250px;
	border: solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #5c5959;
	padding: 2px;
	height: 100px;
	font-size: 12px;
}

.selection{
	width: 256px;
	border: solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #5c5959;
	padding: 2px;
}

.button{
	border: solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 2px;
	Background:#00295c;
}

.proj-container{
	vertical-align:top;
}
/* ------------------------------ CONTAINER AREA CSS ENDS HERE ------------------------------ */

/* ------------------------------ FOOTER AREA CSS STARTS HERE ------------------------------ */
#footerarea {
	vertical-align: middle;
	Background: #00295c;
	color: #cccccc;
	font-size: 11px;
	padding: 5px 43px 5px 43px;
}

#footerarea a{
	color: #cccccc;
	text-decoration:none;
}

#footerarea a:hover{
	color: #ffffff;
	text-decoration:none;
}

#footerarea .legaltxt{
	text-align:left;
}

#footerarea .credittxt{
	text-align: right;
}
/* ------------------------------ FOOTER AREA CSS ENDS HERE ------------------------------ */
/* ------------------------------ MAINCONTAINER AREA CSS ENDS HERE ------------------------------ */

/* -------------------------------------------------- NAVIGATION CSS START HERE ---------------------------------------------------- */
ul.menu {list-style:none; margin:0; padding:0; text-transform:uppercase;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FFFFFF; font-weight:bold; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:40px; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #e9ebeb; border-top:none; width:188px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 3px 7px; Background-color:#00295c;}
ul.menu ul li a:hover {Background-color:#175199}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .nav-divider { padding:9px 2px 9px 2px; color:#FFFFFF; font-weight:bold;}
ul.menu .menulink {padding:9px 11px 9px 11px; font-weight:bold;}
ul.menu .menulink:hover, ul.menu .menuhover { Background: #00295c;}
ul.menu ul.menu .menuhover {}

ul.menu .topline {border-top:1px solid #aaa}
/* -------------------------------------------------- NAVIGATION CSS END HERE ---------------------------------------------------- */

/* -------------------------------------------------- TABBED COMPONENT AREA CSS START HERE ---------------------------------------------------- */
.indentmenu{
margin:0px;
padding: 0px;
width:100%;
Background:#FFFFFF;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
}

.indentmenu ul li{
display: inline;
margin:0px;
padding: 0px;

}

.indentmenu ul li a{
float: left;
color: #00295c; /*text color*/
font-weight: bold;
padding: 4px 9px;
text-decoration: none;
margin: 0px;
width: 113px;
float:left;
}

.indentmenu ul li a:visited{
}

.indentmenu ul li a.selected{
	padding-top: 4px; /*shift text down 1px*/
	padding-bottom: 4px;
	Background: url(../images/common/tab-bg.gif) repeat-x top #00295c;
	color: #ffffff;
	font-weight:bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #083c5a;
	border-right-color: #083c5a;
	border-left-color: #083c5a;
}

.tabcontent{
display:none;
}

.maindetailed-tabcontent{
	display:none;
	padding: 20px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00295c;
	border-right-color: #acacac;
	border-bottom-color: #acacac;
	border-left-color: #acacac;
	Background: #f9f9f9;
	vertical-align:top;
	min-height: 180px;
}

.maindetailed-tabcontent .popup-thumbnail{
	width: 160px;
	padding: 7px;
	vertical-align:top;
	Background: #002a5c;
	color:#FFFFFF;
	line-height:17px;
}

.maindetailed-tabcontent .popup-thumbnail img{
	border: 2px solid #ffffff;
	margin-bottom: 5px;
}

.maindetailed-tabcontent .popup-thumbnail a{
	color:#FFFFFF;
	text-decoration:none;
}

.maindetailed-tabcontent .thumbnaildivider{
	width:11px;
}

.tab-container-area{
	padding: 10px;
	min-height: 450px;
}

.tab-container-area .tab-projthumb {
	Background:#FFFFFF;
	vertical-align:top;
	padding:5px;
}

.tab-container-area ul{
margin:0px;
padding: 0px;
font-size:11px;
list-style:none;
}

.tab-container-area ul li{
margin:0px;
padding: 0px 0px 0px 12px;
Background: url(../images/common/arrow-default.png) no-repeat left center;
}

.tab-container-area ul li:hover{
margin:0px;
padding: 0px 0px 0px 12px;
Background: url(../images/common/arrow-over.png) no-repeat left center;
}


.tab-container-area ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

.tab-container-area ul li a:hover{
	color: #ff9900;
	text-decoration:none;
}

@media print {
.tabcontent {
	display:block !important;
}
}

.table-header {
	Background:#666666;
	color: #FFFFFF;
	text-align:center;
	font-weight: bold;
	text-transform:uppercase;
}
.subtable-header1 {
	color:#333333;
	Background:#DEDCDE;
	font-weight: bold;
	text-align:center;
	width: 40px;
}

.subtable-header2 {
	color:#333333;
	Background:#DEDCDE;
	font-weight: bold;
	text-align:center;
}

.subtable-header3 {
	color:#333333;
	Background:#DEDCDE;
	font-weight: bold;
	text-align:center;
	width: 40px;
}
/* -------------------------------------------------- TABBED COMPONENT AREA CSS END HERE ---------------------------------------------------- */

/* -------------------------------------------------- SLIDER COMPONENT AREA CSS START HERE ---------------------------------------------------- */
.svw {}
.svw ul {position: relative; }
/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
margin: 0 0 1px 0;
Background: url(../images/common/ajax-loader.gif) no-repeat center center #d7d7d7;
height:789px;
width:400px;
border: solid 1px #666666;
}

.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 9px 0 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
Background: #adadad;
color: #333333;
text-decoration: none;
padding:8px;
width: 10px;
display: block;
}
.stripTransmitter a:hover, a.current{
Background: #00295c;
color: #ffffff;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
Background: #fff;
color: #000;
border: 5px solid #dedede;
}
/* -------------------------------------------------- SLIDER COMPONENT AREA CSS END HERE ---------------------------------------------------- */