/*	Dubai Industrial City Style Sheet - Global
-----------------------------------------------------------------------------
version:	1.0
author:		Interactive Limited, Dubai.
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
->	Selectors
-----------------------------------------------------------------------------*/
*
	{
		margin: 0;
		padding: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#335062;

	}

body
	{
		background: url(../images/bg.gif) bottom repeat-x #f5f5f5 fixed;
		margin:0 auto;	
	}

img
	{
		border:0;
	}

.black
	{
		color:#5a5a5a;
		font-size:12px;
		line-height:18px;
		margin:20px 10px 0 10px;
	}


/*-----------------------------------------------------------------------------
->	Classes
-----------------------------------------------------------------------------*/

.clear
	{
		clear:both;
	}


.currentPage
	{
		background:#2c556e;	
	}

.left
	{
		float:left;
		margin-right:15px;
	}

/*-----------------------------------------------------------------------------
->	Layout
-----------------------------------------------------------------------------*/

#mZonesContainer
	{
		padding-left:10px;
	}

#facilitiesContainer
	{
		padding-left:10px;
	}

#wrapper
	{
		width:835px;
		margin:0 auto;
		background:#ffffff;
	}

#headerContainer
	{
		width:835px;
		height:374px;
		background:#CCCCCC;
	}

#topBand
	{
		width:835px;
		height:13px;
		background:#253a47;
	}
	
#searchBox
	{
		position:absolute;
		top:0;
		left:635px;
		width:165px;
		height:28px;
		background-color:#253a47;
	}
	
#searchBox input
	{
		float:left;
		width:110px;
		height:13px;
		margin-left:10px;
		font-family:Lucida sans unicode, Arial, Helvetica;
		font-size:9px;
		color:#666;
		font-weight:bold;
		padding:0;
	}	
	
#searchBox input.searchImage
{
	width:16px;
	height:17px;
}

#branding
	{
		position:relative;
		width:835px;
		height:111px;
		background-image:url(../images/bg-branding.gif);
	}
	
#branding ul
	{
		position:absolute;
		top:68px;
		left:500px;
		list-style-type:none;
		padding:0;
		margin:0;
	}

#branding ul li
	{
		float:left;
		color:#23506f;
	}

#branding ul li a
	{
		color:#253a47;
		text-decoration:none;
	}
	
#branding ul li a:hover
	{
		color:#000;
		text-decoration:underline;
	}	

#branding ul li.separator
	{
		border-right:solid 1px #23506f;
		line-height:10px;
		width:1px;
		margin:2px 5px 0 5px;
	}

#branding span
	{
		display:none;
	}

#mastHead
	{
		width:815px;
		background:#2c556e;
		height:201px;
		background-image:url(../images/bg-masthead.gif);
		padding:10px 10px 0 10px;
	}
	
#mastHead-home
	{
		width:815px;
		background:#2c556e;
		height:245px;
		background-image:url(../images/bg-masthead.gif);
		padding:10px 10px 0 10px;
	}	
	
#map
	{
		float:right;
		width:278px;
		height:201px;
	}
	
	#map-home
	{
		float:right;
		width:278px;
		height:201px;
		margin-top: 9px;
	}
	
#spotLight
	{
		float:left;
		width:516px;
		height:201px;
	}
	
	#spotLight-home
	{
		float:left;
		width:516px;
		height:220px;
		z-index:9999;
	}		
	

#primaryContent
	{
		width:500px;
		float:left;
		padding-left:20px;
		text-align:justify;
	}
	
	#primaryContent-home
	{
		width:500px;
		float:left;
		padding-left:20px;
		text-align:justify;
		margin-top: 40px;
	}
	
	
#introTextContainer
	{
		width:500px;
		background:url(../images/bg-intro.gif) no-repeat;
		margin-top:10px;
	}

#introTextContainerMasterPlan
	{
		width:794px;
		background:url(../images/bg-intro-masterplan.gif) no-repeat;
		margin-top:10px;	
	}
	
#introTextContainer p

	{
		font-family:Arial, Helvetica, sans-serif;
		color:#818181;
		font-size:12px;
		line-height:19px;
		padding:20px 0 0 10px;
	}

#introTextContainer p a
	{
		color:#335062;
		text-decoration:none;
		font-weight:bold;
	}

#introTextContainer p a:hover
	{
		text-decoration:underline;
	}	
	

	
span.underline
	{
		clear:both;
		display:block;
		padding:15px 0 0 10px;
		margin-left:10px;
		background:url(../images/p-underline.gif) no-repeat left top;
	}

#secondaryContent
	{
		width:290px;
		float:right;
		text-align:left;
	}
	
	#secondaryContent-home
	{
		width:290px;
		float:right;
		text-align:left;
		margin-top: 40px;
	}

#secondaryContent ul, #secondaryContent-home ul
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}

#secondaryContent ul li.heading, #secondaryContent-home ul li.heading
	{
		color:#c85c01;
		font-weight:bold;
		margin-top:15px;
		padding:0 0 0 15px;
		background:url(../images/arrow.gif) no-repeat left center;
	}
	
#secondaryContent ul li.heading a, #secondaryContent-home ul li.heading a
	{
		color:#c85c01;
	}

#secondaryContent ul li.heading a:hover, #secondaryContent-home ul li.heading a:hover
	{
		text-decoration:none;
	}

#secondaryContent ul li.item, #secondaryContent-home ul li.item
	{
		padding-left:15px;
	}

#secondaryContent #events ul li.item, #secondaryContent-home #events ul li.item
	{
		background:url(../images/arrow.gif) no-repeat left 5px;
		margin-top:10px;
		padding-left:15px;
	}

#secondaryContent ul li.lastItem, #secondaryContent-home ul li.lastItem
	{
		color:#344f60;
		margin:20px 0 0 0;
		border-top:solid 1px #cccccc;
		border-bottom:solid 1px #cccccc;
		padding:5px 0 5px 15px;
		background:url(../images/arrow.gif) no-repeat left center;
	}
	
#secondaryContent ul li.lastItem a, #secondaryContent-home ul li.lastItem a
	{
		color:#335062;
		text-decoration:none;
	}
	
#secondaryContent ul li.lastItem a:hover, #secondaryContent-home ul li.lastItem a:hover
	{
		text-decoration:underline;
	}

#secondaryContent #events img, #secondaryContent-home #events img
	{
		margin-top:20px;
	}

#news
	{	
		width:257px;
		height:202px;
		background:url(../images/bg-news.gif) no-repeat;
		margin:10px 0 74px 0;
		padding-left:10px;
	}

.newsBg
{
background:url(../images/bg-news.jpg) no-repeat;
background-position:bottom right;
}
	
#news a:hover
	{
		text-decoration:none;
	}

.eventTitle
	{
	margin-top:10px;
	margin-left:6px;
	color:#335062;
	font-weight:bold;
	font-size:14px;
	line-height:21px;
	}
	
.eventTitle strong
	{
		color:#c85c01;
		font-size:12px;
	}

#events-home
	{	
		width:257px;
		height:234px;
		background:url(../images/bg-news.gif) no-repeat;
		margin:10px 0 35px 0;
		padding-left:10px;
	}
	
#location-home
	{	
		width:257px;
		height:154px;
		background:url(../images/bg-news.gif) no-repeat;
		margin:10px 0 35px 0;
		padding-left:10px;
	}	
	
#events-home a:hover
	{
	text-decoration:none;
	}

.eventsBg
{
background:url(../images/bg-events.jpg) no-repeat;
background-position:bottom right;

}	

.eventsBg a
{
text-decoration:underline;
}
	
#events a
	{
		text-decoration:none;
	}
	
a.gbn
{
display:block;
height:175px;
width:267px;
background-image:url(../images/gbn.jpg);
background-repeat:no-repeat;
text-indent:-1000px;
outline:0px;
}	
	
	

#projectTracker
	{	
		width:257px;
		background:url(../images/bg-news.gif) no-repeat left top;
		margin:41px 0 50px 0;
		padding-left:10px;
	}
	
#projectTracker a
	{
		text-decoration:none;
	}

#projectTracker h1
	{
		margin-bottom:20px;
	}

ul.features
	{
		list-style-type:none;
		margin:0 0 20px 15px;
		padding:0;
	}

ul.features li
	{
		padding-left:15px;
		line-height:22px;
		font-size:12px;
		color:#818181;
		background:url(../images/round-bullet.gif) no-repeat left 8px;
		text-align:left!important;
	}
	
ul.features li a
	{
		text-decoration:none;
		font-size:12px;
	}
	
ul.features li a:hover
	{
		text-decoration:underline;
	}
	
	
ul.directions
	{
		list-style-type:none;
		margin:0 0 20px 185px;
		padding:0 0 20px 0;
	}

ul.directions li
	{
		padding-left:15px;
		line-height:18px;
		font-size:12px;
		color:#818181;
		background:url(../images/round-bullet.gif) no-repeat left 6px;
	}	
	
	
ul.directions1
	{
		list-style-type:none;
		margin:0 0 20px 185px;
		padding:0;
		width:310px;
	}

ul.directions1 li
	{
		padding-left:15px;
		line-height:18px;
		font-size:12px;
		color:#818181;
		background:url(../images/round-bullet.gif) no-repeat left 6px;
	}		
	
.mapDir
	{
		margin-left:170px;
	}	



ul.zones
	{
		list-style-type:none;
		margin:10px 0 0 15px;
		padding:0;
	}

ul.zones li
	{
		padding-left:15px;
		line-height:22px;
		font-size:12px;
		color:#818181;
		background:url(../images/round-bullet.gif) no-repeat left 8px;
	}



/*-----------------------------------------------------------------------------
->	Main Nav
-----------------------------------------------------------------------------*/

#mainNav
	{
		background:#4e90ac;
		height:26px;
		border-bottom:solid 1px #fff;
		
	}
	
#mainNav ul
	{
		list-style-type:none;
		display:inline;
	}

#mainNav ul li
	{
		position:relative;
		float:left;
		height:26px;
	}

#mainNav ul li a
	{
		font-family:lucida sans unicode, arial;
		display:block;
		position:relative;
		border-right:solid 1px #fff;
		padding:6px 18px 6px 18px;
		color:#fff;
		text-decoration:none;
	}
	
#mainNav ul li a:hover
	{
		background:#2c556e;	
	}
	
#mainNav ul li a.lastItem
	{
		border-right:none;
	}


/*-----------------------------------------------------------------------------
->	Sub Nav
-----------------------------------------------------------------------------*/

.dropdownMenu
	{
		position:absolute;
		top:27px;
		left:0px;
		visibility:hidden;
		border:solid 1px #939192;
		width:330px;
		padding:0 0 20px 20px;
		_padding:0 0 20px 0;
		background:url(../images/bg-sub-nav.gif) bottom repeat-x #fff;
	}

#popupbox7.dropdownMenu
	{
		left:-225px;
		padding-bottom:45px;
		z-index:1;
	}

#popupbox1.dropdownMenu
	{
		left:0px;
		z-index:1;
	}

#popupbox2.dropdownMenu
	{
		left:0px;
		padding-bottom:85px;
		z-index:1;
	}

#popupbox6.dropdownMenu
	{
		left:-74px;
		z-index:1;
	}

.dropdownMenu li
	{
		padding:0 !important;
		margin:0 0 5px 0;
		_margin: 0;
		float:none !important;
		height:14px !important;
		color:#73a6bb !important;
	}

.dropdownMenu li a
	{
		padding:0 !important;
		margin:0 !important;
	}

.dropdownMenu li.heading
	{
		margin:10px 0 5px 0 !important;
	}

.dropdownMenu li.heading a
	{
		background:none !important;
		color:#7E7E7E !important;
	}

.dropdownMenu li a:hover
	{
		background:none !important;
	}

.dropdownMenu li.item a
	{
		color:#73a6bb !important;
	}

.dropdownMenu li.item a:hover
	{
		color:#467d94 !important;
	}

.dropdownMenu li img
	{
		position:absolute;
		top:0px;
		left:207px;
	}

#topMiniNav
	{
		width:210px;
		height:30px;
		text-align:center;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#333;
		border:1px solid #ff0000;
	}

#topMiniNav li
	{
		float:left;
		margin: 24px 6px 0 6px;
	}

#topMiniNav li a
	{
		color:#afbbc3;
		text-decoration:none;
	}
	
#topMiniNav li a:hover
	{
		background:#223541;
	}
	
	
.masterPlanContainer
	{
		width:776px;
		height:476px;
		margin-left:25px;
		margin-top:20px;
	}	

.masterPlanContainer img
	{
		padding-right:15px;
		padding-left:15px;
		padding-top:20px;
	}

.masterPlanContainer ul
	{
		float:right;
		list-style:none;
		margin:15px 22px 0 20px;
		width:350px;
	}
	
.masterPlanContainer li
	{
		display:block;
		height:24px;
		background:url(../images/bg-li-requirements.gif);
		line-height:24px;
	}	

.masterPlanContainer .btn a
	{
		float:none;
		width:326px;
		height:40px;
		display:block;
		margin:20px 0 0 15px;
		background-image:url(../images/btn-interactive-map.gif);
	}
	
.masterPlanContainer .btn a:hover
	{
		background-image:url(../images/btn-interactive-map-on.gif);
	}	
	
.masterplanBinder
	{
		float:left;
	}

#primaryContent .newsImage, #primaryContent-home .newsImage
	{
		float:left;
		padding:7px;
		margin:22px 10px 0px 5px;
		border:1px solid #ddd;
	}

#primaryContent .eventsImage, #primaryContent-home .eventsImage
	{
		float:left;
		padding:7px;
		margin:12px 10px 0px 7px;
		border:1px solid #ddd;
	}
	
#primaryContent .infraImage, #primaryContent-home .infraImage
	{
		float:left;
		padding:7px;
		margin:4px 18px 5px 7px;
		border:1px solid #ddd;
	}	

.back
	{
		clear:both;
	}

#primaryContent .mapImage, #primaryContent-home .mapImage
	{
		float:left;
		padding:7px;
		margin:6px 10px 0px 5px;
		border:1px solid #ddd;
	}


/*-----------------------------------------------------------------------------
->	Info menu
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
->	Info menu

.toolTips
	{
		position:relative;
	}

.toolTipsHover
	{
		position:relative;
	}

.toolTips span
	{
		display:none;
	}
	
.toolTips:hover span
	{
		display:block;
		position:absolute;
	}

.toolTipsHover span
	{
		display:block;
		position:absolute;
		top:20px;
		left:40px;
		width:250px;
		padding:18px;
		text-decoration:none;
		border:solid 1px #666;
		background:url(../images/bg-popup.gif);
		color:#333;
		z-index:1000;
	}

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

/*-----------------------------------------------------------------------------
->	Headings
-----------------------------------------------------------------------------*/

#primaryContent h1, #primaryContent-home h1
	{
		font-family:Lucida sans unicode, Arial, Helvetica;
		color:#fff;
		font-size:14px;
		text-transform:uppercase;
		font-weight:normal;
		padding-top:5px;
		padding-left:10px;
		padding-bottom:7px;
	}

#secondaryContent h1, #secondaryContent-home h1
	{
		font-family:Lucida sans unicode, Arial, Helvetica;
		color:#fff;
		font-size:13px;
		text-transform:uppercase;
		font-weight:normal;
		padding:6px 0 0 0;
	}

h2
	{
		font-family:Lucida sans unicode, Arial, Helvetica;
		color:#4e6671;
		font-size:15px;
		font-weight:normal;
		text-transform:uppercase;
		padding-left:10px;
		margin-bottom:10px;
	}
	
	
#secondaryContent h3, #secondaryContent-home h3
	{
		width:257px;
		height:40px;
		background:url(../images/bg-news.gif) no-repeat;
		margin:10px 0 0 0;
		text-align:left;
		font-family:Lucida sans unicode, Arial, Helvetica;
		color:#fff;
		font-size:13px;
		text-transform:uppercase;
		font-weight:normal;
		padding:6px 0 0 10px;
	}	
	
	
	
	
#secondaryContent .appForm, #secondaryContent-home .appForm
	{
		width:250px;
		height:50px;
		display:block;
		margin-bottom:35px;
		outline:none;
	}
	
	
#secondaryContent .appForm a, #secondaryContent-home .appForm a
	{
		font-family:lucida sans unicode, arial;
		text-decoration:none;
		display:block;
		width:250px;
		height:50px;
		background:url(../images/pdf-logo.gif) no-repeat;
		padding-left:60px;
		outline:none;
	}	
	
#secondaryContent .appForm a:hover, #secondaryContent-home .appForm a:hover
	{
		color:#666;
	
	}	
	
#secondaryContent .appForm a strong:hover, #secondaryContent-home .appForm a strong:hover
	{
		color:#666;
	
	}		
	
#secondaryContent .appForm a strong, #secondaryContent-home .appForm a strong
	{
		font-size:13px;
	}		

/*-----------------------------------------------------------------------------
->	Typography
-----------------------------------------------------------------------------*/
p
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#818181;
		font-size:12px;
		line-height:16px;
		padding:0px 0 15px 10px;
		line-height:19px;
	}
	
p a
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#818181;
		font-size:12px;
	}
	
p a:hover
	{
		color:#4e90ac;
	}

p strong
	{
		font-size:12px;
	}

/*-----------------------------------------------------------------------------
->	Footer
-----------------------------------------------------------------------------*/

#footerContainer
	{
		clear: both;
		width:835px;
		height:96px;
		background-image:url(../images/bg-footer.gif);
	}	

/*-----------------------------------------------------------------------------
->	Footer Nav
-----------------------------------------------------------------------------*/

#footerLinks
	{
		list-style:none;
		font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#afbbc3;
		text-align:center;
		padding-top:19px;
	}

#footerLinks li
	{
		display: inline;
	}

#footerLinks li a
	{
		color:#afbbc3;
		border-right:1px solid #777;
		padding-right:5px;
		text-decoration:none;
	}
	
#footerLinks li a.noBorder
	{
		border:none;
	}
	
#footerLinks li a:hover
	{
		color:#fff;
		text-decoration:underline;
	}
	
#copyright
	{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666;
		padding:32px 0 0 20px;
		width:400px;
	}

#disclaimer
	{
		float:right;
		width:120px;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#53abcf;
	}

#disclaimer li
	{
		float:left;
		margin: 32px 6px 0 6px;
	}

#disclaimer li a
	{
		color:#53abcf;
	}
	
#disclaimer li a:hover
	{
		text-decoration:none;
	}

.certificate
	{
		float:left;
		margin:24px 18px 10px 10px;
	}
	
.excel
	{
		padding-top:13px;
	}

.center
	{
		padding-left:80px;
	}
	
	.calander
	{
		margin:0;
	}
	
.calendarArrows
	{
		padding: 0 10px;
	}
	
	.resultCount
	{
		color:#818181;;
	}
	
	.pageNumber
	{
		padding:0 3px 0 3px;
	}
	
	
	#PageList
	{
		display: block;
		margin-top: 20px;
		border-top: #ccc 1px solid;
	}
	
	
.dnldLocation
	{
		margin-top:-70px;
		margin-left:5px;
		line-height:60px;
		height:60px;
		background:url(../images/pdf-logo.gif) no-repeat;
		padding-left:55px;
	}


.newProduct
	{
		margin: 0;
		padding: 0;
		height: 24px;
	}