﻿body {
	margin: 0;
	padding: 0;
	height: 100%; /* this is the key! */
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

.mainBody{
	background-color: #3e4854;
	background-image:url(../img/BackGrounds/Background.jpg);
	background-position:center top;
	background-repeat:no-repeat;}

iframe {
border: 0px solid #ffffff;
}

p{	line-height:18px; }

A, A:link, A:visited{ color:#1957a2; 	text-decoration:none; } 
A:hover { text-decoration:underline; }
a:focus{ border:0;}


.rade_toolbar.Default.InsertMovie { background-image: url(../img/bookmarks/live.gif); }

#mainDiv
{
	margin-top:11px;
	width:971px;
	margin-right: auto; 
	margin-left: auto; }

#mainDiv img.printHeader{display:none;}

#divHeader
{
	width:971px;
	height:36px;
	padding-top:18px;

}

#divHeader div.Links
{
	float:right;
	text-align:right;
	width:200px;
	padding-right:30px;
	color:#E2E9FF;
	font-family:Arial;
	font-size:10px;
}

#divHeader a:hover, #divHeader a:link, #divHeader a:visited
{
	color:#E2E9FF;
	text-decoration:none;
}

#divHeader div.Home
{
	float:left;
}

#divHeader div.Home img
{
	width:350px;
	height:30px;
}

#divMenus
{
	width:711px;
	padding:0px 0px 8px 260px;
	height:30px;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	position:relative; 
	z-index:2;
}

/* ---------------------------------------------*/  
/* ---------->>> HOME PAGE STYLES <<<-----------*/  
/* ---------------------------------------------*/  

#divHomeFlashObject
{
	width:971px;
	height:394px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	color:white;
	font-weight:bold;
}

#divHomeFlashObject A, #divHomeFlashObject A:link, #divHomeFlashObject A:visited, #divHomeFlashObject A:hover{color:white;}


#divHomeSpotLight
{
	width:971px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	font-family:Arial;
	font-size:12px;		
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

#divHomeBottom
{
	background-image:url(../img/HomePage_Bottom.jpg);
	background-repeat:no-repeat;
	width:971px;
	padding-top:16px;
	height:92px;
	color:#a8b7cc;
	font-family:Verdana;
	font-size:10px;
	clear:both;
}
#divHomeBottom div.Left 
{
	float:left;
	padding-left:8px;
}
#divHomeBottom div.Right 
{ 
	float:Right;
	padding-right:8px;
}

#divHomeBottom a:hover, #divHomeBottom a:link, #divHomeBottom a:visited
{
	color:#a8b7cc;
	text-decoration:none;
}

/* ------------------------------------------------*/  
/* ---------->>> GENERAL PAGE STYLES <<<-----------*/  
/* ------------------------------------------------*/

#divGeneralContentFrame
{
	width:899px;
	padding:11px 0px 0px 72px;
}
/* Company */
div.Company_BackGround_Holder
{
	background-image:url(../img/BackGrounds/GeneralPage_CompanyBackground_Holder.gif);
	background-repeat:repeat-y;
}

div.Company_BackGround
{
	background-image:url(../img/BackGrounds/GeneralPage_CompanyBackground.jpg);
	background-repeat:no-repeat;
}
/* Services */
div.Services_BackGround_Holder
{
	background-image:url(../img/BackGrounds/GeneralPage_ServicesBackground_Holder.gif);
	background-repeat:repeat-y;
}

div.Services_BackGround
{
	background-image:url(../img/BackGrounds/GeneralPage_ServicesBackground.jpg);
	background-repeat:no-repeat;
}

/* Projects */
div.Projects_BackGround_Holder
{
	background-image:url(../img/BackGrounds/General_ProjectsBackground_Holder.gif);
	background-repeat:repeat-y;
}

div.Projects_BackGround
{
	background-image:url(../img/BackGrounds/General_ProjectsBackground.jpg);
	background-repeat:no-repeat;
}

/* Safety */

div.Safety_BackGround_Holder
{
	background-image:url(../img/BackGrounds/GeneralPage_SafetyBackGround_Holder.gif);
	background-repeat:repeat-y;
}

div.Safety_BackGround
{
	background-image:url(../img/BackGrounds/GeneralPage_SafetyBackGround.jpg);
	background-repeat:no-repeat;
}

/* News */
div.News_BackGround_Holder
{
	background-image:url(../img/BackGrounds/Company_NewsBackGround_Holder.gif);
	background-repeat:repeat-y;
}

div.News_BackGround
{
	background-image:url(../img/BackGrounds/Company_NewsBackGround.jpg);
	background-repeat:no-repeat;
}

/* Careers - to be set */
div.Careers_BackGround_Holder
{
	background-image:url(../img/BackGrounds/Company_NewsBackGround_Holder.gif);
	background-repeat:repeat-y;
}

div.Careers_BackGround
{
	background-image:url(../img/BackGrounds/Company_NewsBackGround.jpg);
	background-repeat:no-repeat;
}

#divGeneralLeft
{
	width:180px;
	height:100%;
	background-color:White;
	float:left;
}

#divGeneralLeft div.QuickLinks
{
	width:160px;
	background-color:#3f6184;
	padding:14px 0px 14px 20px;

	font-size:11px;
	font-weight:bold;
}

#divGeneralLeft div.QuickLinks a:hover, #divGeneralLeft div.QuickLinks a:link, #divGeneralLeft div.QuickLinks a:visited
{
	color:White;
	text-decoration:none;
}

#divGeneralLeft div.QL_Title
{
	padding:0px 0px 20px 0px;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:normal;
	color:White;
}

#divGeneralLeft div.QL_Link
{
	padding:0px 0px 0px 16px;
	
}

#divGeneralLeft div.QL_LinkSelected
{
	padding:0px 0px 0px 16px;
	background-image:url(../img/QuickLinkSelected_Arrow.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	color:#fad07c;
}

#divGeneralLeft div.QL_LinkSelected a:hover, #divGeneralLeft div.QL_LinkSelected a:link, #divGeneralLeft div.QL_LinkSelected a:visited
{
	color:#fad07c;
}

#divGeneralLeft div.QL_Spacer
{
	padding:0px;
	height:16px;
	background-image:url(../img/QuickLink_Spacer.gif);
	background-repeat:no-repeat;
	background-position:16px center;
	color:#fad07c;
}

#divGeneralLeft div.LeftImage
{
	width:180px;
	padding:1px 0px 2px 0px;
}

#divGeneralLeft div.ExtraContent
{
	width:162px;
	background-image:url(../img/BackGrounds/GeneralPage_ExtraContentBackGround.jpg);
	background-repeat:no-repeat;
	padding:24px 0px 24px 18px;
	display:block;
}

#divGeneralRight
{
	width:677px;
	margin-top:98px;
	padding:21px 21px 21px 21px;	
	background-color:White;
	float:right;
}

#divGeneralRight div.UtilButtonsHolder
{
	position:relative;
	z-index:0;
}

#divGeneralRight div.UtilButtons
{
	position:absolute;
	top:-10px;
	right:20px;
}

#divGeneralRight div.UtilButtons img
{
	cursor:pointer;
}

div.Closer
{
	clear:both;
}

#divGeneralBottom
{
	background-image:url(../img/GeneralPage_Bottom.jpg);
	background-repeat:no-repeat;
	width:971px;
	padding-top:16px;
	height:92px;
	color:#a8b7cc;
	font-family:Verdana;
	font-size:10px;
	clear:both;
}
#divGeneralBottom div.Left 
{
	float:left;
	padding-left:8px;
}
#divGeneralBottom div.Right 
{ 
	float:Right;
	padding-right:8px;
}

#divGeneralBottom a:hover, #divGeneralBottom a:link, #divGeneralBottom a:visited
{
	color:#a8b7cc;
	text-decoration:none;
}

/* -----------------------------------------------------------*/  
/* ---------->>> COMPANY OUR PEOPLE PAGE STYLES <<<-----------*/  
/* -----------------------------------------------------------*/

.GreyBox_Top{
	background-image:url(../img/GreyBox_Top.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:649px;
	height:9px;}
	
.GreyBox_Center{
	background-image:url(../img/GreyBox_Center.gif);
	background-repeat:repeat-y;
	width:621px;
	padding:8px 14px 0px 14px;}
	
.GreyBox_Bottom{
	background-image:url(../img/GreyBox_Bottom.gif);
	background-repeat:no-repeat;
	width:649px;
	height:7px;}
	
.ContentTable{
	background-image:url(../img/BackGrounds/Company_OurPeopleBackground.jpg);
	background-repeat:no-repeat;
	width:100%;}

/* -----------------------------------------------------------*/  
/* --------------->>> PROJECTS PAGES STYLES <<<---------------*/  
/* -----------------------------------------------------------*/
.divProjectName
{
	font-family:Tahoma, sans-serif; font-size:16px; font-weight:bold;color:#ee7c0c;
}

#divProjectImages
{
	float:left;
	width:449px;
}

#divGeneralRight div.ProjectPrintImages{display:none;}

#divProjectInfo{
	background-image:url(../img/BackGrounds/ProjectsInfoBackground.jpg);
	background-repeat:repeat-x;
	margin-top:10px;
	padding:18px;
	float:right;
	width:182px;}

#divProjectInfo div.ContentPartTitle
{
	font-weight:bold;
	padding-top:15px;
}

#divProjectInfo	ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	list-style-image:url(../img/ProjectsListImage.GIF)
}
#divProjectInfo	ul li
{
	padding:0px 0px 10px 0px;
}

#divProjectInfo	ul li ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	list-style-image:url(../img/ProjectsSubListImage.GIF)
}

.tvProjects{width:162px; 
}

.tvProjects .projectCategories{width:162px; position:fixed;}

/* -----------------------------------------------------------*/  
/* ----------------->>> NEWS PAGES STYLES <<<-----------------*/  
/* -----------------------------------------------------------*/
table.NewsList
{
	width:648px;
	padding:0px;
	background-image:url(../img/BackGrounds/News_table_header_Background.jpg);
	background-repeat:no-repeat;
}

table.NewsList td.HDate{
	width:60px; }

table.NewsList td.HTitle, table.NewsList td.HFile
{
	/*background-image:url(../img/BackGrounds/News_table_header_Splitter.gif);*/
	background-position:left center;
	background-repeat:no-repeat;
	
}

table.NewsList td.HFile{width:30px;}

table.NewsList tr.Alternate{background-color:#f1f3f5;}

table.NewsList span.Title
{
	font-family:Arial, sans-serif; font-size:13px; font-weight:bold; color:#2862A8}
	

table.NewsList a.More, table.NewsList a.More:link, table.NewsList a.More:visited, table.NewsList a.More:active{
	color:#1957a2; 	text-decoration:underline; }

table.NewsList a.More:hover {
	color:#ee7c0c; text-decoration:underline; }
	
	
/* -----------------------------------------------------------*/  
/* --------->>> CLIENT TESTIMONIALS PAGES STYLES <<<----------*/  
/* -----------------------------------------------------------*/

#divGeneralRight .Testimonials{display:block;
	background-image:url('../img/Testimonials/TestimonialsContent.jpg');
	background-position:right top;
	background-repeat:repeat-y;}

#divGeneralRight .Testimonials .clientList{float:left;width:118px;}

#divGeneralRight .Testimonials .clientList A, #divGeneralRight .Testimonials .clientList A:link, #divGeneralRight .Testimonials .clientList A:visited{ color:#21569A; 	text-decoration:none; } 
#divGeneralRight .Testimonials .clientList A:hover { color:#E67608; text-decoration:underline; }
#divGeneralRight .Testimonials .clientList a:focus{ border:0;}

#divGeneralRight .Testimonials .clientList .item
{padding:5px 0px 5px 0px;}

#divGeneralRight .Testimonials .clientList .selected
{
	background-image:url('../img/Testimonials/TestimonialsSelectedBackGround.jpg');
	background-repeat:no-repeat;
	padding:5px 0px 5px 5px;
}

#divGeneralRight .Testimonials .clientList .selected A, #divGeneralRight .Testimonials .clientList .selected A:link, #divGeneralRight .Testimonials .clientList .selected A:visited,
#divGeneralRight .Testimonials .clientList .selected A:hover, #divGeneralRight .Testimonials .clientList .selected a:focus
{ color:#E67608; 	text-decoration:none; } 


#divGeneralRight .Testimonials .info{float:left;width:559px;
		}
#divGeneralRight .Testimonials .info .top
{
	background-image:url('../img/Testimonials/TestimonialsTopBorder.jpg');
	background-repeat:no-repeat;
	width:559px;
	height:14px;}
#divGeneralRight .Testimonials .info .content
{	
	background-image:url('../img/Testimonials/TestimonialsContent.jpg');
	background-repeat:repeat-y;
	width:507px;
	padding:26px;
	
}

/* -----------------------------------------------------------*/  
/* --------------->>> SITEMAP PAGES STYLES <<<----------------*/  
/* -----------------------------------------------------------*/

#divGeneralRight .SiteMap .Column
{
	width:150px;
	padding-top:40px;
	line-height:20px;
}

#divGeneralRight .SiteMap .Column .Header
{
	width:100%;
	font-size:larger;
}

#divGeneralRight .SiteMap .Column .Header A, #divGeneralRight .SiteMap .Column .Header A:link, #divGeneralRight .SiteMap .Column .Header A:visited{ color:#ee7c0c; font-weight:bold; 	text-decoration:none; } 
#divGeneralRight .SiteMap .Column .Header A:hover { color:#ee7c0c; font-weight:bold; text-decoration:underline; }


#divGeneralRight .SiteMap .Divider
{
	background-image:url('../img/BackGrounds/SiteMap_BackGround.jpg');
	background-repeat:no-repeat;
	width:60px;
	height:226px;}
	
	
/* -----------------------------------------------------------*/  
/* --------------->>> ADMIN CSS <<<----------------*/  
/* -----------------------------------------------------------*/
	
.adminHeader
{
	width:100%;
	height:100px;
}

.EditableContent .Details
{
	background-color:#DDDDDD;
}

.EditableContent .header{width: 100%; background-color:#AAAAAA; height:20px;}

.EditableContent .header .editControls{padding-left:10px; font-weight:bold;font-family:Arial; font-size:11px; color:White;}

.EditableContent .header .editControls .title{font-weight:bold;color:White;padding-right:40px;}
.EditableContent .header .editControls a:hover, .EditableContent .header .editControls a:link, .EditableContent .header .editControls a:visited
{
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	color:White;
}

.divEditHolder
{	
	position: absolute;
	left: 25%; 
	top: 100px;	
	z-index:800;
	width:800px;
	height:600px;
    background-color:#CCCCCC;
    border:solid 1px black;
}

.EditableContent .header .editControls span{
	cursor:pointer;}

.divEditHolder_News
{	
	position: absolute;left: 20%; top: 10%;z-index:800;
	width:305px;
    background-color:#dddddd;
    border:solid 1px black;
}


/* -----------------------------------------------------------*/  
/* --------------->>> SUPERFISH CSS        <<<----------------*/  
/* -----------------------------------------------------------*/



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;	
}
.sf-menu ul 
{
	left:			0;
	position:		absolute;
	top:			-999px;
	width:			200px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul.last
{
	left:-40px;
	width: 100px;
}

.sf-menu ul li {
	width:			100%;	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	height:18px;
	padding:8px 25px 5px 25px;
	cursor:default;
}

.sf-menu a {
	display:		block;
	position:		relative;		
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	/*left:			0;*/
	top:			31px; /* match top ul list itpx height */
	z-index:		9999;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			230px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			230px; /* match ul width */
	top:			0;
}

/*** DpxO SKIN ***/
.sf-menu {
	float:			left;	
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding:        1px 1px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:link, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	/*background:		#BDD2FF;*/
}
.sf-menu li li {
	background:		#6789b6;
}
.sf-menu li li li {
	background:		#6789b6;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#004076;
	outline:		0;
	text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75px;
	top:			1.05px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999px;
	overflow:		hidden;	
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
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; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.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; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('../img/jquery.fancybox/shadow.png') no-repeat bottom right;*/
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



.sf-menu li.Separator
{
	background:transparent;
	color:#85a1c8;
	height:18px;
	padding:8px 0px 5px 0px;
	font-family:Helvetica, sans-serif;
	font-size:13px;
}