@import url(blankcanvas.css);

/* wrapper */

			#mhvideo { text-align: left; position: relative; width: 974px; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; } 
			
			p { text-align: justify; margin-bottom: 10px; }
			a { text-decoration: none; color: #316ECB; }
			a:hover { text-decoration: none; color: #4599F2; }

/* header */

			#identity { 
					position: absolute; top: 0px;
					padding: 0px 0px 0px 0px; 
					width: 974px; height: 88px;
					background: url(images/header.jpg) no-repeat;
					z-index: 20; 
					}
			
			#identity h1 {
					position: absolute; 
					top: 0px; left: 570px; 
					width: 161px; height: 88px; 
					background-image: url(images/identity.jpg);
					text-indent: -9999px; 
					}
					
			#identity h2 {
					text-indent: -9999px; 
					}
					
			#identity h3 {
					text-indent: -9999px; 
					background: url("images/iov.gif") no-repeat;
					position: absolute; left: 690px; top: 460px; 
					width: 91px; height: 95px; 
					}
					
			#identity p {
					position: absolute;
					top: 55px; left: 334px; 
					font-size: 1.1em; font-weight: bold;
					color: #9CFFFF;
					}
				
			#navigation { 
					position: relative; left: 88px;
					width: 805px; height: 29px; 
					top: 88px; z-index: 10; 
					text-align: center;
					}
			
			#navigation li { 
					display: inline; 
					}
			
			#navigation li a {
					float: left; display: block; width: 161px; height: 29px; background-image: url(images/button.jpg);
					font-size: 0.7em; font-weight: bold;
					color: #FFFFFF;
					text-decoration: none;
					line-height: 27px; 
					}
					
			#navigation li a:hover {
					color: #9CFFFF;
					}
		
/* content */
		
			#main_content {
					text-align: left; 
					position: relative;
					width: 450px;
					padding-top: 130px; 
					z-index: 5; left: 88px;
					
			}
			
			#main_content h2 {
					color: #316ECB;
					font-size: 1.3em;
					letter-spacing: -2px; 
					margin-bottom: 15px; 
					}
					
			#main_content p {
					color: #4599F2;
					font-size: 0.8em; 
					margin-left: 20px; 
					}
					
			#main_content em {
					font-weight: bold;
					}
					
			#main_content h3 {
					text-indent: -9999px; 
					position: absolute;
					top: 124px; left: 480px;
					width: 322px; height: 259px;
					background-image: url(images/flash.jpg);
					}
					
			#main_content ul.standard {
					color: #4599F2;
					font-size: 0.8em; 
					list-style-type: circle;
					margin-left: 34px; 
					margin-bottom: 10px; 
					}
					
			#main_content ul.standard li {
					margin-bottom: 3px; 
					
					
					}
		
/* contact details */
		
			
			#contact_details { height: 130px; margin-bottom: 25px; overflow: hidden; position: relative; left: -5px; }
			

			#contact_details address {
					width: 190px; float: left;
					color: #4599F2;
					font-size: 0.8em; 
					padding-left: 30px;
					padding-top: 20px;
					}
			
			#contact_details #title {
					background-image: url(images/grad/gradblue.gif); 
					margin-left: -5px; margin-bottom: 15px; 
					color: #316ECB;
					font-size: 1.4em; 
					letter-spacing: 2px; 
					padding: 3px; padding-left: 10px; 
					border-style: solid; border-width: 1px; border-right: 0px; border-bottom: 0px; 
					
					}
		
/* in the gallery */
			#gallery { margin: 2px; padding-bottom: 20px; }
			#gallery li { display: inline; }
			
/* flash */
			/*object is the old class, for some reason #flashmovie would move if object still in use, so had to remove?*/
			/*object { position: absolute; top: 125px; left: 485px; background: #000000; width: 320px; height: 256px; }*/
			#flashmovie {position:absolute;top:125px;left:485px;font-size:0.8em;width:320px;height:285px;}
			
/* links */
			#links { margin-top: 20px; }
			#links li { font-size: 0.8em; }
		
		
/* bottom splash */


		
			#splash {
					position: relative; width: 805px; margin-top: 20px; overflow: hidden; 
					}
				
			#splash li {
					display: inline;
					}
					
			#splash #weddings {
					background: url(images/splash1over.jpg) no-repeat;
					background: url(images/splash1.jpg) no-repeat;
					width: 249px;
					float: left; display: block;
					color: #83E0FB;
					font-size: 1.6em;
					letter-spacing: -2px;
					text-decoration: none;
					padding-top: 105px; 
					padding-left: 20px; 
					}
			
			#splash #commercial {
					background: url(images/splash2over.jpg) no-repeat; 
					background: url(images/splash2.jpg) no-repeat;
					text-align: center; 
					width: 267px;
					float: left; display: block;
					color: #83E0FB;
					font-size: 1.6em;
					letter-spacing: -2px;
					text-decoration: none;
					padding-top: 105px; 
					}
					
			#splash #events {
					background: url(images/splash3over.jpg) no-repeat;
					background: url(images/splash3.jpg) no-repeat;
					text-align: right;
					padding-right: 20px; 
					width: 249px;
					float: left; display: block;
					color: #83E0FB;
					font-size: 1.6em;
					letter-spacing: -2px;
					text-decoration: none;
					padding-top: 105px; 
					padding-right: 20px;
					}
					
			#splash #weddings:hover {
					background: url(images/splash1over.jpg) no-repeat;
					color: #C9ECFF }
			#splash #commercial:hover {
					background: url(images/splash2over.jpg) no-repeat; 
					color: #C9ECFF }
			#splash #events:hover {
					background: url(images/splash3over.jpg) no-repeat; 
					color: #C9ECFF }		
		
/* subnav */
	
			#sub_navigation { position: relative; top: 20px; width: 909px; height: 29px; background-image: url(images/footer.jpg); text-align: left; padding-left: 65px; }
			#sub_navigation a { color: #FFFFFF; font-size: 0.6em; font-weight: bold; text-decoration: none; line-height: 29px; margin-left: 15px; }
			#sub_navigation a:hover { color: #9CFFFF; }
			#sub_navigation li { display: inline; }
			#sub_navigation #backtotop a { text-indent: -9999px; position: absolute; top: 0; left: 729px; background-image: url(images/backtotop.jpg); width: 161px; height: 29px; }
			
/* quick classes */

			.credit_card { text-indent: -9999px; background: url(images/creditcardlogos.jpg) center bottom no-repeat; width: 420px; height: 40px; }
			.credit_card_hire { text-indent: -9999px; background: url(images/creditcardlogos.jpg) center bottom no-repeat; width: 181px; height: 40px; }
			.martin { display: block; width: 295px; height: 189px; text-indent: -9999px; background: url(images/martin.jpg) right no-repeat; }