/*	CSS Document
	Author			:	Husain Hakim (Senior New Media Developer, Magna Media, Dubai, UAE)
	Date Created	:	22 March, 2006
	Version			:	1.0
*/
/**********************************************************************************************************/
/* GLOBAL STYLE SETTINGS */
/**********************************************************************************************************/
body
		{
			margin: 0px;
			padding: 0px;
			text-align: center;
			font-family: Tahoma, Geneva, Arial, Helvetica;
			font-size: 11px;
			line-height: 18px;
			color: #666666;
		}


a
		{
			color: #666666;
			text-decoration: none;
		}
a:hover
		{
			color: #000000;
			text-decoration: underline;
		}
/**********************************************************************************************************/
/* LAYOUT STYLES */
/**********************************************************************************************************/
#wrapper
		{
			margin: auto;
			width: 765px;
			height: auto;
		}


#logo
		{
			float: left;
			width: 200px;
			height: 92px;
			padding: 10px 0 0 0;
			text-align: left;
		}
#logo img
		{
			border: none;
		}


#minorNav
		{
			float: right;
			width: 385px;
			padding: 12px 2px 0px 0px;
			text-align: right;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #666666;	
		}
#minorNav img
		{
			border: none;
		}


#navBar
		{
			clear: both;
			width: 765px;
			height: 24px;
			background-image: url(../images/bg_nav_bar.gif);
			background-repeat: repeat-x;
			text-align: left;
		}
#navBar img
		{
			border: none;
		}


#content
		{
			float: left;
			text-align: left;
			width: 525px;
		}
#content img
		{
			padding: 0px 0px 10px 0px;
		}
#content p
		{
			margin: 0;
			padding: 0px 0px 16px 10px;
		}


#slideshow
		{
			float: right;
			padding: 5px 5px;
			border:1px solid #CCC;
			margin-top:50px
		}


#footer
		{
			clear: both;
			width: 765px;
			height: 25px;
			background-image: url(../images/bg_footer.gif);
			background-repeat: repeat-x;
			font-size: 10px;
			text-align: left;
			color: #CCCCCC;
		}
#footer p
		{
			padding: 0px 0px 0px 10px;
		}
/**********************************************************************************************************/
/**********************************************************************************************************/

#galleryContainer
{
	height:225px;
	width:765px;
	clear:both;
	margin:0;
}
#gallery {/* home page slide show*/
	position:relative;
	height:225px;
	
	width:765px
}
	#gallery a {
		
		position:absolute;
		width:765px;
		left:-00px
		/* margin-left:-385px;*/
	}
	
	#gallery a img {
		
		width:765px;
		height:225px;
		
		
	}
	
	#gallery a.show {
		z-index:500;
		width:765px;
		
		
		

	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:765px;
		position:absolute;
		bottom:0;
		
	}

	#gallery .caption .content {
		margin:0px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
		
	}
	
	/* slide show two (small one)*/
	
	
	

#gallery2 {/* home page slide show*/
	position:relative;
	height:80px;
	
	width:120px
}
	#gallery2 a {
		
		position:absolute;
		width:120px;
		left:-00px
		/* margin-left:-385px;*/
	}
	
	#gallery2 a img {
		
		width:120px;
		height:80px;
		
		
	}
	
	#gallery2 a.show2 {
		z-index:500;
		width:120px;
		
		
		

	}

	#gallery2 .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:00px; 
		width:120px;
		position:absolute;
		bottom:0;
		
	}

	#gallery2 .caption .content {
		margin:0px
	}
	
	#gallery2 .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
		
	}
	
