﻿/*
 -------------------------------------------------------------- 
 GENERIC RE-ALIGN
 -------------------------------------------------------------- 
*/
/**/
	span,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, em,
	dl, dt, dd, li, ol, ul, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td 
	{
		vertical-align	: top;
		}

	
	
	html 
	{
		/* Force vertical scroll bar in ff */
		overflow-y	: scroll;
		overflow-x	: hidden;
		}
	
	/*
	 Reset ff overflow vertical scroll force for any elements that utilise clear fix
	 */
		body, div 
		{
			overflow	: visible;
			overflow-x	: visible;
			overflow-y	: visible;
			}


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

	body
	{
		font-family : Arial, Verdana, sans-serif;
		
		font-size	: 11px;
		line-height : 14px;
		
		background-color : #000000;
		}
		
		h1, h2, h3, h4
		{
			color : #FFFFFF;
			}
		
		p
		{
			font-family : Verdana, Arial, sans-serif;
			color : #BEBEBE;
			}
		
		ul
		{
			color : #FFFFFF;
			}
		
		
		
		
		/*
		 -------------------------------------------------------------- 
		 MAIN CONTAINER
		 -------------------------------------------------------------- 
		*/
		
		div.main-container
		{
			position	: relative;
			width		: 756px; /* Total width = 788px */
			margin		: 0px auto;
			padding		: 34px 16px 30px 16px;
			
			background-color	: #000000;
			/*overflow			: hidden;*/
			z-index : 2;
			}
		
			
			
			/*
			 -------------------------------------------------------------- 
			 HEADER
			 -------------------------------------------------------------- 
			*/
			div.main-container div.header-container
			{
				position	: relative;
				height		: 102px;
				overflow	: hidden;
				z-index		: 11;
				}
				
				div.main-container div.header-container div.contact-details
				{
					position	: absolute;
					right		: 0px;
					top			: 58px;
					}
					
					div.main-container div.header-container div.contact-details h3,
					div.main-container div.header-container div.contact-details a
					{
						float			: left;
						font-size		: 12px;
						line-height		: 21px;
						vertical-align	: baseline;
						}
					
					div.main-container div.header-container div.contact-details h3
					{
						}
					
					div.main-container div.header-container div.contact-details h3 span
					{
						font-size		: 21px;
						color			: #EA118D;
						padding-left	: 3px;
						vertical-align	: baseline;
						}
					
					div.main-container div.header-container div.contact-details a
					{
						padding-top : 3px;
						}
						
						a.email,
						a.email:link,
						a.email:visited
						{
							color : #ffffff;
							text-decoration : none;
							padding : 0px 20px 0px 15px;
							background : url('../images/icon_email.gif') no-repeat 73px 8px;
							}
							
						a.email:hover
						{
							color : #EA118D;
							/*text-decoration : underline;*/
							}
						
					
			
			/*
			 -------------------------------------------------------------- 
			 MAIN MENU
			 -------------------------------------------------------------- 
			*/
				div.main-container div.body-container
				{
					position	: relative;
					z-index		: 12;
					zoom : 1;
					}
			
			
			/*
			 -------------------------------------------------------------- 
			 MAIN MENU
			 -------------------------------------------------------------- 
			*/
				div.main-container ul.main-menu
				{
					position		: relative;
					float			: left;
					width			: 168px;
					padding-right	: 16px;
					}
					
					/*
					 * LEVEL 1
					 */
						div.main-container ul.main-menu li
						{
							}
							
						div.main-container ul.main-menu a,
						div.main-container ul.main-menu a:link,
						div.main-container ul.main-menu a:visited
						{
							display			: block;
							
							height			: 25px;
							padding			: 5px 0px 0px 22px;
							
							font-size		: 12px;
							color			: #ffffff;
							text-decoration : none;
							
							background		: url('../images/menu_item_bgnd_up.gif') no-repeat;
							}
						
						div.main-container ul.main-menu a:hover,
						div.main-container ul.main-menu a.hover
						{
							background : url('../images/menu_item_bgnd_over.gif') no-repeat;
							}
						
						div.main-container ul.main-menu li.level-2-open a,
						div.main-container ul.main-menu li.level-2-open a:link,
						div.main-container ul.main-menu li.level-2-open a:visited
						{
							background : url('../images/menu_item_bgnd_open.gif') no-repeat;
							}
							
						div.main-container ul.main-menu li.level-2-open a:hover,
						div.main-container ul.main-menu li.level-2-open a.hover
						{
							background : url('../images/menu_item_bgnd_open_over.gif') no-repeat;
							}
				
				
					/*
					 * LEVEL 1 CURRENT PAGE MENU HIGHLIGHT LOGIC
					 */
						/*
						 * GENERAL
						 */
						div.home ul.main-menu li.home a,
						div.about ul.main-menu li.about a,
						div.clients ul.main-menu li.clients a,
						div.gallery ul.main-menu li.gallery a,
						div.contact-us ul.main-menu li.contact-us a,
						div.testimonials ul.main-menu li.testimonials a,
						div.links ul.main-menu li.links a
						{
							background-image : url('../images/menu_item_bgnd_over.gif');
							}
							
						/*
						 * SERVICES
 						 */
						div.corporate-events ul.main-menu li.services a,
						div.weddings-and-parties ul.main-menu li.services a,
						div.fashion-shows ul.main-menu li.services a,
						div.theatre-and-concerts ul.main-menu li.services a,
						div.product-launches ul.main-menu li.services a
						{
							background-image : url('../images/menu_item_bgnd_open_over.gif');
							}
				
					
					/*
					 * LEVEL 2
					 */
						div.main-container ul.main-menu li ul.menu-level-2
						{
							height		: 0px;
							overflow	: hidden;
							visibility	: hidden;
							padding		: 0px;
							}
					
					
					/*
					 * LEVEL 2 OPEN : PAGE CONDITIONS
					 */
						div.main-container ul.main-menu li.level-2-open ul.menu-level-2,
						div.corporate-events ul.main-menu li ul.menu-level-2,
						div.weddings-and-parties ul.main-menu li ul.menu-level-2,
						div.fashion-shows ul.main-menu li ul.menu-level-2,
						div.theatre-and-concerts ul.main-menu li ul.menu-level-2,
						div.product-launches ul.main-menu li ul.menu-level-2
						{
							height		: auto;
							visibility	: visible;
							padding		: 5px 0px 15px 0px;
							}
						
						
						/*
						 * LINKS
						 */		
							div.main-container ul.main-menu li ul.menu-level-2 a,
							div.main-container ul.main-menu li ul.menu-level-2 a:link,
							div.main-container ul.main-menu li ul.menu-level-2 a:visited
							{
								height	: 22px;
								color	: #EA118D;
								background-image : none;
								}
							
							div.main-container ul.main-menu li ul.menu-level-2 a:hover
							{
								color : #ffffff;
								background-image : none;
								}
							
							div.corporate-events ul.main-menu li ul.menu-level-2 li.corporate-events a,
							div.weddings-and-parties ul.main-menu li ul.menu-level-2 li.weddings-and-parties a,
							div.fashion-shows ul.main-menu li ul.menu-level-2 li.fashion-shows a,
							div.theatre-and-concerts ul.main-menu li ul.menu-level-2 li.theatre-and-concerts a,
							div.product-launches ul.main-menu li ul.menu-level-2 li.product-launches a
							{
								color : #ffffff;
								}
								
							a#offer_link {
								display:block;
								height:140px;
								left:25px;
								position:absolute;
								top:20px;
								width:140px;
							}
					
				/*
				 * BOOKING FORM
				 */
				
					div.main-container ul.main-menu li.booking-enquiry
					{
						height	: 222px;
						padding : 8px 10px 0px 10px;
						background-image : url('../images/feedback_form_bgnd.jpg');
						}
						
						div.main-container ul.main-menu li.booking-enquiry h4
						{
							height		: 30px;
							font-size	: 12px;
							color		: #EA118D;
							}
						
						div.main-container ul.main-menu li.booking-enquiry p
						{
							padding-bottom : 16px;
							color		: #EA118D;
							}
						
						div.main-container ul.main-menu li.booking-enquiry p span
						{
							color : #FFFFFF;
							}
						
						div.main-container ul.main-menu li.booking-enquiry label
						{
							display			: inline-block;
							font-family		: Arial, Verdana, sans-serif;
							padding-bottom	: 4px;
							}
						
						div.main-container ul.main-menu li.booking-enquiry input
						{
							font-family : Arial, Verdana, sans-serif;
							font-size	: 12px;
							display		: inline-block;
							}
						
						div.main-container ul.main-menu li.booking-enquiry input.text-input
						{
							width	: 146px; 
							padding : 2px 0px 2px 0px;
							margin	: 0px 0px 6px 0px;
							border	: 1px solid #ffffff;
							color	: #EA118D;
							}
						
						
						div.main-container ul.main-menu li.booking-enquiry input.submit-button
						{
							padding		: 0px;
							margin		: 0px;
							background	: none;
							border		: 0px solid #ffffff;
							color		: #EA118D;
							text-align	: left;
							}
						
						div.main-container ul.main-menu li.booking-enquiry input.submit-button-hover
						{
							color : #ffffff;
							}
					
			
			/*
			 -------------------------------------------------------------- 
			 MAIN BODY
			 -------------------------------------------------------------- 
			*/
				div.main-container div.body
				{
					position	: relative;	
					float		: left;
					width		: 572px;
					}
					
					
					div.main-container div.body h1,
					div.home div.body div.quick-links h2
					{
						font-size	: 21px;
						line-height : 24px;
						padding		: 18px 0px 11px 10px;
						}
						
					div.home div.body div.quick-links h2
					{
						padding-left : 0px;
						}
						
					div.main-container div.body div.body-content
					{
						padding		: 10px 10px 10px 10px;
						background	: url('../images/body_txt_bgnd.jpg') no-repeat;
						
						min-height : 230px;
						}
						
					div.main-container div.body div.body-content p
					{
						padding : 0px 0px 16px 0px
						}
						div.main-container div.body div.body-content p strong
						{
							color : #EA118D;
							}
					
				/*
				 -------------------------------------------------------------- 
				 HOME PAGE
				 -------------------------------------------------------------- 
				*/
					
					div.home div.body-container div.body div.column-1,
					div.home div.body-container div.body div.column-2
					{
						float : left;
						}
					
					div.home div.body-container div.body div.column-1
					{
						width : 310px;
						zoom : 1;
						}
						
						div.home div.body-container div.body div.column-1 div.body-content
						{
							background-image	: url('../images/body_txt_bgnd_home.jpg');
							}
					
					div.home div.body-container div.body div.column-2
					{
						width : 246px;
						padding-left : 16px;
						zoom : 1;
						}
						
						div.home div.body-container div.body div.column-2 div.quick-link
						{
							position : relative;
							float : left;
							width : 115px;
							padding-bottom : 15px;
							}
							
						div.home div.body-container div.body div.column-2 div.quick-link-even
						{
							padding-right : 16px;
							}
							
							div.home div.body-container div.body div.column-2 div.quick-link h3
							{
								font-size	: 12px;
								color		: #EA118D;
								padding-top : 8px;
								}
							
							div.home div.body-container div.body div.column-2 div.quick-link a,
							div.home div.body-container div.body div.column-2 div.quick-link a:link,
							div.home div.body-container div.body div.column-2 div.quick-link a:visited
							{
								color : #ffffff;
								text-decoration : none;
								}
								
							div.home div.body-container div.body div.column-2 div.quick-link a:hover
							{
								color : #EA118D;
								}
					
						div.home div.body-container div.body div.column-2 div.quick-link-hover a,
						div.home div.body-container div.body div.column-2 div.quick-link-hover a:link,
						div.home div.body-container div.body div.column-2 div.quick-link-hover a:visited
						{
							color : #EA118D;
							}
						
						div.home div.body-container div.body div.column-2 div.quick-link div.image-over
						{
							width : 0px;
							height : 0px;
							}
							
						div.home div.body-container div.body div.column-2 div.quick-link-hover div.image-over
						{
							position	: absolute;
							top			: 0px;
							left		: 0px;
							width		: 115px;
							height		: 115px;
							background : url('../images/gallery_img_over_bgnd.png');
							}
				
				/*
				 -------------------------------------------------------------- 
				 CONTACT US
				 -------------------------------------------------------------- 
				*/
					div.contact-us div.body div.body-content h2
					{
						font-family : Verdana, Arial, sans-serif;
						font-weight : bold;
						}
					
					div.contact-us div.body div.body-content address
					{
						font-style : normal;
						}
					
					div.contact-us div.body div.body-content a,
					div.contact-us div.body div.body-content a:link,
					div.contact-us div.body div.body-content a:visited
					{
						text-decoration : none;
						color : #BEBEBE;
						}
					
					div.contact-us div.body div.body-content a:hover
					{
						text-decoration : none;
						color : #EA118D;
						}
				
				
				/*
				 -------------------------------------------------------------- 
				 GALLERY
				 -------------------------------------------------------------- 
				*/
					div.gallery div.body h1
					{
						padding-top	: 0px;
						/*padding-left: 0px;*/
						}
					
					div.gallery div.body div.body-content
					{
						padding		: 10px 0px 16px 0px;
						background-image : none;
						}
						
						div.gallery div.body div.body-content div.gallery-link
						{
							position	: relative;
							float		: left;
							width		: 131px;
							height		: 131px;
							margin-right : 16px;
							margin-bottom : 16px;
							}
						
						div.gallery div.body div.body-content div.gallery-link-no-margin
						{
							margin-right : 0px
							}
							
							div.gallery div.body div.body-content div.gallery-link img
							{
								position	: relative;
								z-index		: 2;
								}
							
							div.gallery div.body div.body-content div.gallery-link div.over-highlight
							{
								width		: 100%;
								height		: 100%;
								position	: absolute;
								top			: 0px;
								left		: 0px;
								z-index		: 1;
								background : url('../images/gallery_img_over_bgnd.png');
								}
							
							div.gallery div.body div.body-content div.gallery-link-hover div.over-highlight
							{
								z-index : 3;
								}
					
					
						div.gallery div.body div.body-content div.gallery-link a
						{
							position	: relative;
							width		: 131px;
							height		: 131px;
							display : block;
							}
							
							div.gallery div.body div.body-content div.gallery-link a img.image
							{
								position	: absolute;
								top			: 0px;
								left		: 0px;
								z-index		: 2;
								}
							
							div.gallery div.body div.body-content div.gallery-link a img.over-highlight
							{
								position	: absolute;
								top			: 0px;
								left		: 0px;
								z-index		: 1;
								}
							
							div.gallery div.body div.body-content div.gallery-link a.hover img.over-highlight
							{
								z-index : 3;
								}
								
				/*
				 -------------------------------------------------------------- 
				 TESTIMONIALS
				 -------------------------------------------------------------- 
				*/
					div.testimonials div.body div.body-content p.quote
					{
						font-style : italic;
						}
					
					div.testimonials div.body div.body-content p.first
					{
						border-top : 1px solid #BEBEBE;
						padding-top : 32px;
						}
					
					div.testimonials div.body div.body-content p.source
					{
						color			: #ffffff;
						padding-bottom	: 2px;
						}
						
					div.testimonials div.body div.body-content p.source-no-title
					{
						padding-bottom : 32px;
						}
					
					div.testimonials div.body div.body-content p.title
					{
						font-weight		: bold;
						color			: #EA118D;
						padding-bottom	: 30px;
						}
				
				
				/*
				 -------------------------------------------------------------- 
				 LINKS
				 -------------------------------------------------------------- 
				*/		
					div.links div.body div.body-content p a,
					div.links div.body div.body-content p a:link,
					div.links div.body div.body-content p a:visited
					{
						color : #EA118D;
						text-decoration : none;
						}
					
					div.links div.body div.body-content p a:hover
					{
						color : #ffffff;
						text-decoration : underline;
						}
				
				
				
		
			/*
			 -------------------------------------------------------------- 
			 FOOTER
			 -------------------------------------------------------------- 
			*/
			div.main-container div.footer
			{
				clear		: both;
				padding-top : 40px;
				zoom		: 1;
				z-index		: 13;
				position	: relative;
				}
				
				
				p.copyright
				{
					font-family : Arial, Verdana, sans-serif;
					font-size	: 10px;
					/*text-align	: center;*/
					text-align	: left;
					padding-left : 195px;
					}
		
		
			/*
			 -------------------------------------------------------------- 
			 BACKGROUND IMAGES
			 -------------------------------------------------------------- 
			*/
				div.background-images
				{
					position	: absolute;
					top			: 0px;
					left		: 0px;
					
					width		: 100%;
					height		: 100%;
					z-index		: 1;
					zoom : 1;
					}
					
					
					div.background-images img.img-left,
					div.background-images img.img-right
					{
						position	: absolute;
						top			: 122px;
						}
					
					
					div.background-images img.img-left
					{
						left : -800px;
						}
					
					
					div.background-images img.img-right
					{
						left : 788px;
						}
		
		
		