﻿#parent_container {







  width:920px;







  margin:0px auto;







}















/* General Link styles







------------------------------------------------ */







a:link    {text-decoration:none}







a:hover   {color: #0000FF; text-decoration: underline;}







a:active  {color: #339933; text-decoration: none;}







a:visited {text-decoration: none;}















#main







{







    







}















div#outer 







{







	







	height: auto;







	margin:5px auto;







	width: 920px;







	border: solid 1px black;







	text-align:center;







	







}







div#header {







	height: auto;







	padding: 3px 7px 3px 7px;







	text-align:left;







}







/*Statement







-------------------------------------------------*/















#statement







{







     







    float: left;







    margin: 10px 0px 0px 18px; 







    width: 442px;







}        















/* Container







------------------------------------------------ */















body {







 	margin: 0px;







 	padding: 0px;







 	background: #FFFFFF;







 	text-align: center;







 	







 	







}























/*Header







-----------------------------------------------*/







#headerinsert







{ 







    width: auto;







    position: relative;







    text-align:right;







    float:right;







    background-color: #FFFFFF; 







    padding-right:10px;







}















  















/* Navigation & Lists







------------------------------------------------ */















#navwindow







{







    height: 42px;







    margin: 1px 0px 0px 0px;







    padding: 0px 10px 0px 10px;







    text-align: center;







    background: #2c4d92;







    font-size: 12px;







    top: 5px;   







}















#navlist







{







    position:relative;







    margin: 0;







    padding: 0 0 0 4px;







    text-align: center;







    font: normal 100% Verdana, "Lucida Grande" , Arial, Helvetica, sans-serif;







    line-height: 13px;







    font-weight: normal;







    height:auto;







}















#navlist ul, #navlist li







{







    margin: 0;







    padding: 0;







    display: inline;







    list-style-type: none;







}















#navlist a:link, a:link#active







{







    float: left;







    margin:  0 0 1px 3px;







    padding: 14px 6px 15px 6px;







    width:auto;







    height:auto;







    color: #FFFFFF;







    text-decoration: none;







    outline: none;







}























#navlist a:link:visited







{







    float: left;







    margin:  0 0 1px 3px;







    padding: 14px 6px 15px 6px;







    width:auto;







    height:auto;







    text-decoration: none;







    outline: none;







    color: #ffffff;







}























#navlist a:hover { color: #339933 }







































/*Layout)-------------------------------------------*/















.first-float-rigid







{







    min-width: 768px;







    width: 100%;







    height: 22px;







    margin: 1px 0px 1px 0px;







    padding-top: 0px;







    position: relative;







    text-align: center;







    font-size: 12px;







    top: 0px;







    left: 0px;	







}







.second-float-rigid







{







    height: auto;







    float: left;







	width:  75%;







	padding: 0px 0px 0px 0px;







   	margin: 0px 0px 0px 0px;







}















.second-float-rigid2







{







    height: auto;







    float: left;







	width:  77%;







	padding: 0px 0px 0px 0px;







   	margin: 0px 0px 0px 0px;







}



.second-float-rigid3







{







    height: auto;







    float: left;







	width:  40%;







	padding: 0px 0px 0px 0px;







   	margin: 0px 0px 0px 0px;







}







.float-rigid







{







    height: auto;







    float: left;







	width:  auto;







	padding: 0px 0px 0px 0px;







   	margin: 0px 18px 0px 0px;







}















.third-float-rigid







{







    height: auto;







    float: right;







	width: 122px;







	padding: 0px 0px 0px 1px;







	margin: 120px 60px 0px 0px;







	







}







.NIC







{







    height:auto;







    float:left;







    margin: 20px 0px 0px 70px







}































.content-float-rigid







{







    height: auto;







	float: left;







	width: 99%;







	padding: 0px 8px 0px 0px;







   	margin: 0px;







}   	







   	







#contentfont







{







    font-family: Arial, Helvetica, sans-serif;







    font-size: 12px;







    float: left







}















#mainleft







{







    height: auto;



    margin: 20px 0px 0px 18px;



    float:left;



    width: auto;



    







}



#homeleft







{







    height: auto;



    margin: 20px 0px 0px 18px;



    float:left;



    width: 420px;



    







}







#mainright

{

	height: auto;

    float:right;

    padding: 10px;

    margin: 10px 0px 0px 18px;

}



#headerright

{

    height: 80px;

    float:right;

    padding:0px;

    margin-bottom:20px;

    width: 200px;

}



#titlecontainer

{

	width: auto;

	height: auto;

	margin: 0px 18px 0px 18px;

	padding: 5px 0px 3px 0px;

	border-bottom: solid 1px black;

	background-repeat: no-repeat;       

}















#sub-titlecontainer







{







	width: auto;







	height: 24px;







	







	margin: 10px 18px 0px 18px;







	padding: 5px 0px 11px 0px;







	border-bottom: solid 1px black;







	background-repeat: no-repeat;







    top: 0px;







    left: 0px;







    







    







    







}







#maincontainer







{







	width: auto;







	height: auto;







	font: normal 100% Verdana, Arial, Helvetica, sans-serif;







  	color: #6F6D70;







	position: relative;







	margin: 0px 0px 0px 0px;







	padding: 18px 18px 0px 18px;







	







}















.navmap







{







   







    top: 0px;







    left: 20px;







    width: auto;







    top: 10px;







}







/* Consultancy Menu







---------------------------------------------------------------- */







#consult-nav-container







{







    height: auto;







    float: right;







	width: 22%;







	margin-right: 14px;







	







}























.consult-nav-border







{







    margin: 2px 2px 2px 2px;







    text-align: left;







    height: auto;







}







.consult-nav-content







{







    text-align: left;







    font-weight: normal;







    background:#339933;







    color:#ffffff;







    height: 100%;







    padding: 2px;







	position: relative;







	padding: 6px;







    margin: 3px 0px 2px -3px;







	font: normal 120% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;    







}















.consult-nav-content a:link







{







   







    color: #FFFFFF; 







}















.consult-nav-content a:link:visited







{







    color: #ffffff; 







}















.consult-nav-content a:hover  







{







   







    color: #2c4d92; text-decoration:NONE;







}







/* Sub Menu







---------------------------------------------------------------- */































/*hazard page







---------------------------------------------------------------- */







.hazard







{







    margin: 4px 0px 0px 18px;







    height: 468px;







    







}







/*ECI Menu







------------------------------------------------------------- */







.eci-menu

{

    margin: 13px 10px 0px 2px; 

    float:left; 

    width: 390px;

}



.NicHome

{

	margin: 0px 10px 0px 2px;

	float:left;

	width: 390px;

	text-align: right;

}







.eci-menu img







{







     float:left; 







     border:1px solid #EEEEEE;







     margin-right: 10px;







}







.eci-menu .eci-menu-content







{







    margin:0px 0px 0px 0px;







    width:auto;







    line-height:16px;  







}







.eci-menu-title







{







    font-weight:bold;







}























/* Features







---------------------------------------------------------------- */







.nicmainright







{







    height: auto;







    float: right; 







    border: 1px solid black;







    margin: 10px 18px 10px 0px;







    text-align:center;







}















.featuremainright
{

    height: auto;

    float: right;

    width: 164px;

    margin-right: 18px;


    border: 1px solid black;

    margin-top: 10px;

    margin-bottom:10px;

    padding: 1px 1px 1px 1px;

}


.feature-border-right
{     
	height:auto;
	width:160px;
	border: solid 1px #ffffff;


}







.feature-inner-right







{     







	background: #ffffff; 







	padding: 3px;







	background-color:#d8e8dd;







	







	







}







.feature-title-right







{     







	height:auto;







	







	padding: 5px;







	font: normal 120% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;







    text-align:center;







    background: #339933;







    color:#ffffff;







}







.featuremain







{







    width: auto;







    height: 150px;







    text-align: left;







}















.featurecontainer







{







	float: right;







	width: auto;







	margin: 0px 0px 0px 3px;







	height: 160px;







	position: static;







}







.feature-one







{







	height: auto;







	padding: 0px;







	margin: 0px;







	float: right;







	background-color:#d8e8dd;







	width:164px;







}















.feature-two







{







	height: auto;







	width: 160px;







	padding: 0px;







	margin: 0px;







	float:right;







}















.feature-three







{







	height: auto;







	width: 160px;







	padding: 0px;







	margin: 0px;







	float:right;







}















.feature-title







{     







	height:auto;







	width:144px;







	position: relative;







	float:right;







	padding: 6px;







     margin: 3px 0px 2px -3px;







	font: normal 120% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;







    text-align:center;







    background:#339933;







    color:#ffffff;







}















.feature-logo-title







{     







	height:auto;







	width:144px;







	position: relative;















	font: normal 120% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;







    color: #FFFFFF;







    text-align:center;







}







.feature-border







{     







	height:auto;







	width:auto;







	position: relative;







	float:left;







	padding:0px;







    margin:0px;







    top: 0px;







    left: 0px;







}















.feature-inner







{     







	height:auto;







	width:140px;







	position: relative;







	float:left;







	padding:8px 10px 8px 6px;







    margin:0px;







	font: normal 100% Verdana, Arial, Helvetica, sans-serif;







	text-align:left;







}















/* Footer







---------------------------------------------------------------- */







.footer 







{

	height: 25px;

	color: #FFFFFF;

	text-decoration: none;

	font: normal 90% Verdana, Arial, Helvetica, sans-serif;

	background:#2c4d92; 

	margin: 5px 4px 4px 4px;

	clear:both;

}





.footer a:link



{

    color: #FFFFFF; 

}



.footer a:link:visited

{

    color: #ffffff; 

}



.footer a:hover  

{

    color: red; text-decoration:NONE;

}





.footer-left

{

   float: left;

	width: 65%;

    height: auto;

	margin: 0px;

	padding: 5px 0px 0px 11px;

	text-align:left;

}







/* Headers and Paragraphs:

---------------------------------------------------------------- */







h1, h2, h3, h4, h5, h6



{



     font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;

     line-height: 1em;

     padding-bottom: 0px;

}





h1 { font-size: 160%; font-weight: normal; color: #2f4c90; }







h2 { font-size: 135%; font-weight: bold; color: #07085B; }







h3 { font-size: 120%; font-weight: bold; color: #8A898B; }







h4 { font-size: 130%; font-weight: normal; color: #000000; font-style:italic; }







h5 { font-size: 110%; font-weight: bold; color: #006699; }







h6 { font-size: 110%; font-weight: bold; color: #000000; }



h1, h2, h3, h4, h5, h6, pre,







blockquote, ul, ol, dl, address



{

    margin:  .1em 0;

     padding: 0;

}





p





{



     line-height: 1.3em;

     padding: 2px 0 8px 0;

     margin:0;

    text-align: justify;

}















/* Apply Left Margin:







---------------------------------------------------------------- */







ul, li, dd







{

   margin-left: 1.6em;

}















ul

{

    padding-bottom: 1em;

}





li

{

     padding-bottom: .2em;

}















blockquote

{

   	background:#F0F0F0;

   	color:#444444;

  	font-size: 110%;

    padding: 4px 12px 4px 12px;

    margin:1.6em;

}



/* Neutralize styling:

  Elements we want to clean out entirely

  and we reset the base font-size to 10px

-------------------------------------------------------------- */







html, body, fieldset

{

    margin: 0;

    padding: 0;

   font: normal 100.01%/1.1em "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;

}















html { font-size: 65%; } /* 1em = 10px */







html { font-size: 70%; } /* override it ... go bigger */







/* Miscellaneous Conveniences







---------------------------------------------------------------- */







form label







{cursor: pointer;}















fieldset







{border: none;}















input, select, td







{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}















textarea







{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}















html[xmlns] pre { font-size: 1.3em;}















.rigid-demo { margin: 0 auto; text-align: left; width: 768px;}































.center-hackbox { text-align: center; }















h2, .clearfooter { clear: both;}















.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }



.downloadsLink

{

	color: #333333;

	text-decoration: none;

}







.downloadsLink:hover

{

	color: #2C4D92;

	text-decoration: none;

}



/*MENU STYLING STARTS HERE*/



#TopNav

{

	float: left;

	width: 885px;

	padding: 0px 0px 6px 0px;

	margin: 5px 0px 0px 15px;

}



#TopNav ul

{

	list-style: none;

	display: inline;

	margin : 0px;

	padding: 0px;

}



#TopNav li

{

	list-style: none;

	display: inline;

	margin : 0px;

	padding: 0px;

}





#TopNav a

{

	float: left;

	font-size: 10px;

	color: #fff;

	font-weight: normal;

	text-decoration: none;

	line-height: 12px;

	margin : 0px 4px 0px 4px;

	padding: 4px 8px 4px 8px;

	border: 1px solid #cccccc;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #2C4D92;

}



#TopNav a:hover

{

	color: #333333;

	text-decoration: none;

	background-color: #fff;

}



body#home #TopNav #homeNav,

body#about #TopNav #aboutNav,

body#ees #TopNav #eesNav,

body#consultancy #TopNav #consultancyNav,

body#pa #TopNav #paNav,

body#careers #TopNav #careersNav,

body#casestudies #TopNav #casestudiesNav,

body#downloads #TopNav #downloadsNav,

body#contact #TopNav #contactNav

{

	color: #333;

	text-decoration: none;

	background-color: #fff;

}





/*MENU STYLING STOPS HERE*/



.imageinsertleft {

	margin: 0px 15px 0px 0px;

	padding: 2px;

	float: left;

	border: 1px solid #E6E6E6;

}



.imageinsertleft2 {

	margin: 0px 15px 0px 0px;

	padding: 2px;

	float: left;

}





.imageinsertright{

	margin: 0px 0px 0px 15px;

	padding: 2px;

	float: right;

	border: 1px solid #E6E6E6;

}





.footerCatchphrase

{

	color: #333;

	text-decoration: none;

	background:#fff;

	margin: 0px 0px 1px 0px;

	Padding: 0px 0px 1px 0px;

	clear:both;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 90%;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

}

.pdfsContainer
{
	width:125px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.pdf
{
	float: left;
	background: url(brochures-2010/pdf_icon.gif) top left no-repeat;
	display: block;
	width: 125px;
	padding: 0px 0px 8px 25px;
	font-size: 11px;
	margin: 0px 0px 5px 5px;
	border-bottom: solid 1px #ccc;
	color: #2C4D92;
}

