body	{background-color: #000000;
		color: #dddddd;
		font-family: verdana, arial, sans-serif;
		font-size: 80%;
		line-height: 1.2em;
		margin: 0;
		padding: 0;}
		
img		{border: none;
		margin: 0;
		padding: 0;}

#header {background-color: #000000;
		width: 100%;
		
		padding: 0;
		margin: 0 auto;
		margin-bottom: 5px;
		text-align: center;
		}
		
h1		{font-size: 140%;}

h2		{font-size: 110%;}
		
#header p {margin: 0;
			padding: 0;
			font-weight: bold;}
			
#nav		{margin: 0 auto;
			margin-top: 10px;
			padding: 10px 10px 15px 10px;
			text-align: center;
			width: 50%;
			border-bottom: 0;}
			
.home	{background: #000000;
		color: #72A3CE;}	
		
#nav a:link, #nav a:visited	{background: #000000;
							color: #FDFDFD;
							text-decoration: none;}
							
#nav a:hover, #nav a:active	{background: #000000;
							color: #72A3CE;
							text-decoration: none;}
							
#nav-links a:link, #nav-links a:visited	{background: #000000;
							color: #FDFDFD;
							text-decoration: none;}
							
#nav-links a:hover, #nav-links a:active	{background: #000000;
							color: #72A3CE;
							text-decoration: none;}
							
#sub-links a:link, #sub-links a:visited	{background: #000000;
							color: #FDFDFD;
							text-decoration: none;}
							
#sub-links a:hover, #sub-links a:active	{background: #000000;
							color: #72A3CE;
							text-decoration: none;}
							
#VU			{width: 200px;
			height: 288px;
			text-align: center;
			margin: 0 auto;
			}
			
#content	{width: 780px;
			text-align: center;
			margin: 20px auto;
			padding: 0;
			position: relative;}
			
#left-intro	{width: 225px;
			margin-right: 10px;
			padding: 10px;
			position: absolute;
			left: 0;
			top: 0;
			background-color: #222222;
			text-align: left;
			font-size: 97%;
			}
			
#right-info	{width: 225px;
		
			padding: 10px;
			position: absolute;
			left: 555px;
			top: 0;
			background-color: #222222;
			text-align: left;
			}
			
#display	{width: 226px;
			margin: 0 277px;
			padding: 0 10px;
			text-align: center;
			}
			
#left-intro h1	{font-size: 110%;
				}
				
#right-info h2	{font-size: 110%;}
				
a:link, a:visited	{background: transparent;
							color: #FDFDFD;
							text-decoration: underline;}
							
a:hover, a:active	{background: transparent;
							color: #72A3CE;
							text-decoration: none;}
							
#display p 	{border: 1px solid #363636;
			padding: 10px;
			width: 160px;
			margin: 40px  auto;
			}
			
#footer		{font-size: 80%;
			color: #cccccc;
			border-top: 1px solid #363636;
			width: 70%;
			margin: 25px auto;
			text-align: right;
			padding: 10px;}
			
#container	{margin: 0 auto;
			padding: 0;
			padding-bottom: 25px;
			text-align: center;}
			
	/* =============== About styles start here ========================== */
			
#content-about		{width: 780px;
					padding: 0;
					margin: 0 auto;
					position: relative;
					}
	
#navigation-about	{background-color: #000000;
					background-image: url(pics/about.gif);
					background-repeat: no-repeat;
					background-position: 50px 10px;
					}
							
#display-about		{border-left: 1px solid #363636;
					border-right: 1px solid #363636;
					padding: 0;
					padding-top: 50px;
					text-align: left;}	
					
#logo		{position: absolute;
			top: 0;
			left: -65px;
			padding: 0;}	
			
#nav-links	{background: transparent;
			color: #FDFDFD;
			padding-top: 85px;
			text-align: left;
			padding-left: 80px;}

#about		{text-align: left;
			margin-left: 65px;
			width: 54%;
			background-color: #222222;
			padding: 10px;}
			
#side-about	{background-color: #222222;
			width: 26%;
			float: right;
			margin-right: 20px;
			padding: 10px;
			text-align: center;
			font-size: 90%;}
			
.center		{margin: 0px auto;}

#sbdc		{float: left;
			padding: 20px 8px 0 0;}

/* =============== Gallery styles start here ========================== */

#navigation-gallery	{background-color: #000000;
					background-image: url(pics/gallery.gif);
					background-repeat: no-repeat;
					background-position: 50px 5px;
					}
					
#intro-gallery		{width: 50%;
					font-size: 95%;
					padding-left: 80px;
					position: relative;}
					
#display-gallery		{border-left: 1px solid #363636;
					border-right: 1px solid #363636;
					padding: 0;
					padding-top: 10px;
					text-align: left;}	
					
#gallery		{text-align: center;
			margin-left: 65px;
			margin-top: 40px;
			width: 32%;
			background-color: #222222;
			padding: 30px 10px 10px 10px;}
			
#VU2		{border: 1px solid #cccccc;
			padding: 2px 2px 2px 2px;
			width: 204px;
			margin: 0 auto;
			line-height: 0;}
			
#gallery-caption	{text-align: left;}

#items-gallery		{background-color: #222222;
					float: right;
					width: 48%;
					margin-top: 28px;
					padding: 32px 10px 20px 0;
					margin-right: 20px;
					}
					
#gallerylinks		{
					text-align: right;
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
					
#gallerylinks li	{display: block;
					padding: 0 0 5px 0;}
					
.gallink		{padding: 0 10px 10px 0;
				
				}
					
/* =============== sub-gallery styles start here ========================== */

#sub-links		{margin: 20px 0px 10px 180px;}

#testimonial			{position: absolute;
				width: 380px;
				height: 10px;
				top: 300px;
				left: 300px;
				font-size: 90%;
				}

/* =============== art-gallery styles start here ========================== */



#art-display	{position: relative;
			width: 650px;
			height: 396px;
			margin: 20px auto 0 auto;
			border: 0px solid #363636;
			}

#art-display ul	{background: #363636;
				color: #dddddd;
				padding: 10px;
				margin: 0;
				list-style-type: none;
				}
				
#art-display a.gallery span	{position: absolute;
							width: 1px;
							height: 1px;
							top: 0px;
							left: 0px;
							overflow: hidden;
							background: #ffffff;}
							
#art-display a.gallery:link, #art-display a.gallery:visited {display: block;
														color: #dddddd;
														text-decoration: none;
														border: 1px solid #333333;
														margin: 1px 2px 1px 2px;
														text-align: center;
														cursor: default;}
														
#art-display a.slide1	{background: url(gallery/artpics/art1tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide2	{background: url(gallery/artpics/art2tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide3	{background: url(gallery/artpics/art3tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide4	{background: url(gallery/artpics/art4tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide5	{background: url(gallery/artpics/art5tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide6	{background: url(gallery/artpics/art6tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide7	{background: url(gallery/artpics/art7tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide8	{background: url(gallery/artpics/art8tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide9	{background: url(gallery/artpics/art9tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide10	{background: url(gallery/artpics/art10tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide11	{background: url(gallery/artpics/art11tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide12	{background: url(gallery/artpics/art12tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide13	{background: url(gallery/artpics/art13tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide14	{background: url(gallery/artpics/art14tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide15	{background: url(gallery/artpics/art15tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide16	{background: url(gallery/artpics/art16tn.jpg);				
					width: 60px;
					height: 60px;}

#art-display ul	{width: 265px;
				height: 260px;
				}
				
#art-display li	{float: left;}

#art-display ul	{margin: 5px;
				float: right;}
				
#art-display a.gallery:hover	{border: 1px solid #343434;}

#art-display a.gallery:hover span	{position: absolute;
									width: 200px;
									height: 300px;
									top: 5px;
									left: 10px;
									color: #dddddd;
									background: #363636;
									padding: 15px;}
									
									
#art-display a.gallery:hover img	{border: 0px solid #ffffff;
								float: left;
								margin-right: 5px;
								padding-bottom: 5px;}
								
#art-spaceholder	{width: 255px;
					height: 350px;					
					background: #363636 url(gallery/artpics/art1.jpg) 25px 20px no-repeat;}
					
#art-spaceholder p		{margin: 0;
					padding:240px 25px 0 25px;
					text-align: center;
					}
					
/* =============== objects-gallery styles start here ========================== */

#art-display a.slide21	{background: url(gallery/objpics/obj1tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide22	{background: url(gallery/objpics/obj2tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide23	{background: url(gallery/objpics/obj3tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide24	{background: url(gallery/objpics/obj4tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide25	{background: url(gallery/objpics/obj5tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide26	{background: url(gallery/objpics/obj6tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide27	{background: url(gallery/objpics/obj7tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide28	{background: url(gallery/objpics/obj8tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide29	{background: url(gallery/objpics/obj9tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide30	{background: url(gallery/objpics/obj10tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide31	{background: url(gallery/objpics/obj11tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide32	{background: url(gallery/objpics/obj12tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide33	{background: url(gallery/objpics/obj13tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide34	{background: url(gallery/objpics/obj14tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide35	{background: url(gallery/objpics/obj15tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide36	{background: url(gallery/objpics/obj16tn.jpg);				
					width: 60px;
					height: 60px;}

#obj-spaceholder	{width: 255px;
					height: 350px;					
					background: #363636 url(gallery/objpics/obj1.jpg) 25px 20px no-repeat;}
					
#obj-spaceholder p		{margin: 0;
					padding:240px 25px 0 25px;
					text-align: center;
					}
					
/* ===================== Jewellery sub gallery styles start here ================ */					
					
#art-display a.slide41	{background: url(gallery/jewelpics/jewel1tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide42	{background: url(gallery/jewelpics/jewel2tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide43	{background: url(gallery/jewelpics/jewel3tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide44	{background: url(gallery/jewelpics/jewel4tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide45	{background: url(gallery/jewelpics/jewel5tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide46	{background: url(gallery/jewelpics/jewel6tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide47	{background: url(gallery/jewelpics/jewel7tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide48	{background: url(gallery/jewelpics/jewel8tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide49	{background: url(gallery/jewelpics/jewel9tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide50	{background: url(gallery/jewelpics/jewel10tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide51	{background: url(gallery/jewelpics/jewel11tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide52	{background: url(gallery/jewelpics/jewel12tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide53	{background: url(gallery/jewelpics/jewel13tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide54	{background: url(gallery/jewelpics/jewel14tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide55	{background: url(gallery/jewelpics/jewel15tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide56	{background: url(gallery/jewelpics/jewel16tn.jpg);				
					width: 60px;
					height: 60px;}

#jewel-spaceholder	{width: 255px;
					height: 350px;					
					background: #363636 url(gallery/jewelpics/jewel1.jpg) 25px 20px no-repeat;}		
					
#jewel-spaceholder p		{margin: 0;
					padding:240px 25px 0 25px;
					text-align: center;
					}		

					
/* ===================== architecture sub gallery styles start here ================ */

#art-display a.slide61	{background: url(gallery/archpics/arch1tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide62	{background: url(gallery/archpics/arch2tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide63	{background: url(gallery/archpics/arch3tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide64	{background: url(gallery/archpics/arch4tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide65	{background: url(gallery/archpics/arch5tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide66	{background: url(gallery/archpics/arch6tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide67	{background: url(gallery/archpics/arch7tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide68	{background: url(gallery/archpics/arch8tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide69	{background: url(gallery/archpics/arch9tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide70	{background: url(gallery/archpics/arch10tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide71	{background: url(gallery/archpics/arch11tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide72	{background: url(gallery/archpics/arch12tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide73	{background: url(gallery/archpics/arch13tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide74	{background: url(gallery/archpics/arch14tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide75	{background: url(gallery/archpics/arch15tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide76	{background: url(gallery/archpics/arch16tn.jpg);				
					width: 60px;
					height: 60px;}

#arch-spaceholder	{width: 255px;
					height: 350px;					
					background: #363636 url(gallery/archpics/arch1.jpg) 25px 20px no-repeat;}		
					
#arch-spaceholder p		{margin: 0;
					padding:240px 25px 0 25px;
					text-align: center;
					}		

					
/* ===================== awards sub gallery styles start here ================ */

#art-display a.slide81	{background: url(gallery/awardpics/award1tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide82	{background: url(gallery/awardpics/award2tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide83	{background: url(gallery/awardpics/award3tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide84	{background: url(gallery/awardpics/award4tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide85	{background: url(gallery/awardpics/award5tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide86	{background: url(gallery/awardpics/award6tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide87	{background: url(gallery/awardpics/award7tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide88	{background: url(gallery/awardpics/award8tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide89	{background: url(gallery/awardpics/award9tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide90	{background: url(gallery/awardpics/award10tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide91	{background: url(gallery/awardpics/award11tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide92	{background: url(gallery/awardpics/award12tn.jpg);				
					width: 60px;
					height: 60px;}
					
#art-display a.slide93	{background: url(gallery/awardpics/award13tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide94	{background: url(gallery/awardpics/award14tn.jpg);
					width: 60px;
					height: 60px;}
					
#art-display a.slide95	{background: url(gallery/awardpics/award15tn.jpg);
					width: 60px;
					height: 60px;}
	
#art-display a.slide96	{background: url(gallery/awardpics/award16tn.jpg);				
					width: 60px;
					height: 60px;}

#award-spaceholder	{width: 255px;
					height: 350px;					
					background: #363636 url(gallery/awardpics/award1.jpg) 25px 20px no-repeat;}		
					
#award-spaceholder p		{margin: 0;
					padding:240px 25px 0 25px;	
					text-align: center;				
					}
					
/* ===================== Contact styles start here ============================== */

#navigation-contact	{background-color: #000000;
					background-image: url(pics/contact.gif);
					background-repeat: no-repeat;
					background-position: 50px 5px;
					}

#map-display		{background-color: #222222;
					float: right;
					width: 300px;
					margin-top: 28px;
					padding: 10px;
					margin-right: 20px;}
					
#map-display h4		{text-align: center;
					margin: 0;
					padding: 6px;
					font-size: 100%;}	
					
#map-display p		{text-align: left;
					font-size: 75%;
					margin: 10px auto;
					width: 140px;
					padding: 6px;
					border: 0px solid #bbbbbb;}						

#contact-form		{text-align: center;
			margin-left: 65px;
			margin-top: 40px;
			width: 40%;
			background-color: #222222;
			padding: 10px 10px 10px 10px;}
			
#contact-form table	{border: 0;
					width: 100%;
					margin: 0;
					padding: 0;
					}
					
#contact-form th	{border: 0;
					margin: 0;
					padding: 6px;
					font-size: 100%;
					}

#contact-form td	{border: 0;
					margin: 0;
					padding: 3px;
					}

#contact-form td.left	{text-align: right;
						vertical-align: top;
					}
#contact-form td.right	{text-align: left;
					}
					
#form-img			{margin: 11px 0;
					padding: 0;}
					
.map				{padding: 15px 0;}

/* ===================== Visit Esperance Gallery styles start here ============================== */

#navigation-visit	{background-color: #000000;
					background-image: url(pics/esperance.gif);
					background-repeat: no-repeat;
					background-position: 50px 5px;
					}

#side-visit		{background-color: #222222;
					float: right;
					width: 270px;
					padding: 10px;
					margin-right: 20px;
					text-align: center;}
					
#visit		{text-align: left;
			margin-left: 65px;
			width: 45%;
			background-color: #222222;
			padding: 15px;}
			
#VU3		{margin-top: 15px;}

#spec-open	{border: 1px solid #dddddd;
			width: 250px;
			padding: 0 8px;
			margin: 0 auto;
			text-align: center;}


/* ===================== Links styles start here ============================== */

#navigation-links	{background-color: #000000;
					background-image: url(pics/links.gif);
					background-repeat: no-repeat;
					background-position: 50px 5px;
					}
					
#links			{padding: 3px 10px;}

#links dt, #links dd	{padding: 2px 0;}