﻿/* --- Simon Cairnes --- */
html {
	background-color:#D5D6DA;
	margin:0;
	padding:0;
	border:0;
}
body {
	margin:0;
	padding:0;
	border:0;
	top:0;
	left:0;
	background-color:transparent;
}
img {
	margin:0;
	padding:0;
	border:0;
	}
#central {
	margin:0;
	padding:0;
	border:0;
	position: fixed;
	top:50%;
	left:50%;
	width:1px;
	height:1px;
	}
#leftbox {
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:-210px;
	left:-438px;
	height:410px;
	width:373px;
	z-index:3;
}
#rightbox {
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:-44px;
	left:-44px;
	height:95px;
	width:434px;
	z-index:3;
}
.left_menu {
	position: relative;
	top:-220px;
	left:-450px;
	overflow: hidden;
	z-index:1;
	}
#imap_home, #imap_about, #imap_aboutA, #imap_aboutB, #imap_packages, #imap_gallery,#imap_contact {
	margin:0;
	padding:0;
	border:0;
	display:block;
	width:900px;
	height:439px;
	background:url(../images/home_3.png);
	position:relative;
	}
#imap_about 		{background:url('../images/about_3.png')}
#imap_aboutA 		{background:url(../images/case_3_study_1.png)}
#imap_aboutB 		{background:url(../images/case_3_study_2.png)}
#imap_packages 		{background:url(../images/packages.png)}
#imap_gallery 		{background:url(../images/gallery_3.png)}
#imap_contact 		{background:url(../images/contact_3.png)}

a#kingsway 			{left:445px; top:372px; width:135px; height:10px; padding-top:15px}
a#redbox 			{left:445px; top:340px; width:110px; height:10px; padding-top:15px}
a#brochure 			{left:580px; top:310px; width:145px; width:210px; height:10px; padding-top:15px}
a#kingsway:hover 	{background-position: 0 0; border: 1px solid white;} 
a#redbox:hover 		{background-position: 0 0; border: 1px solid white;} 
a#brochure:hover 	{background-position: 0 0; border: 1px solid white;} 

a#projects,a#home,a#home2,a#home_g,a#about,a#about1,a#about2,a#about_g,a#packages,a#packages2,a#packages_g,a#gallery,a#gallery2,a#gallery_g,a#contact,a#contact2,a#contact_g,a#kingsway,a#redbox,a#brochure {
	display:block;
	height:0;
	padding-top:30px;
	overflow:hidden; 
	position:absolute;
	background:transparent url(../images/transparent60x30.gif);
	top:370px;
	} 
a#home 				{left:60px; width:45px; }
a#about 			{left:106px; width:43px; }
a#packages 			{left:148px; width:71px; }
a#gallery 			{left:219px; width:50px;  }
a#contact 			{left:270px; width:60px;  }

a#home_g 			{left:60px; width:47px;  top:371px; }
a#about_g			{left:105px; width:43px; top:371px; }
a#packages_g		{left:147px; width:71px; top:371px; }
a#gallery_g			{left:218px; width:52px; top:371px; }
a#contact_g			{left:271px; width:60px; top:371px; }


a#kingsway 			{left:445px; top:372px; width:135px; height:10px; padding-top:15px}
a#redbox 			{left:445px; top:340px; width:110px; height:10px; padding-top:15px}
a#brochure 			{left:580px; top:310px; width:145px; width:210px; height:10px; padding-top:15px}
a#kingsway:hover 	{background-position: 0 0; border: 1px solid white;} 
a#redbox:hover 		{background-position: 0 0; border: 1px solid white;} 
a#brochure:hover 	{background-position: 0 0; border: 1px solid white;} 


a#email 			{top:270px; left:550px; width:200px; }
a#projects 			{top:323px; left:35px;width:290px}

a#about1 			{top:370px;left:440px; width:41px; }

a#home2 			{top:388px;left:554px; width:45px}
a#about2 			{top:388px;left:596px; width:45px}
a#packages2 		{top:388px;left:641px; width:75px}
a#gallery2 			{top:388px;left:717px; width:55px}
a#contact2 			{top:388px;left:771px; width:65px}

a#email2 			{top:270px; left:550px; width:200px}


a#home:hover 		{background:transparent url('../images/home_b.gif') no-repeat 7px 8px}
a#about:hover 		{background:transparent url('../images/about_b.gif') no-repeat 0px 8px}
a#packages:hover 	{background:transparent url('../images/packages_b.gif') no-repeat 1px 8px}
a#gallery:hover 	{background:transparent url('../images/gallery_b.gif') no-repeat 0px 8px}
a#contact:hover	 	{background:transparent url('../images/contact_b.gif') no-repeat 0px 8px}
a#projects:hover	{background:transparent url('../images/projects_b.gif') no-repeat 6px 7px}		
a#aboutA:hover		{background:transparent url('../images/1_white.gif') no-repeat 0 0}
a#aboutB:hover		{background:transparent url('../images/2_white.gif') no-repeat 0 0}

a#home_g:hover 		{background:transparent url('../images/home_g.gif') no-repeat 7px 8px}
a#about_g:hover 		{background:url('../images/about_g.gif') no-repeat 0px 8px
}
a#packages_g:hover 	{background:transparent url('../images/packages_g.gif') no-repeat 1px 8px}
a#gallery_g:hover 	{background:transparent url('../images/gallery_g.gif') no-repeat 0px 8px}
a#contact_g:hover	 	{background:transparent url('../images/contact_g.gif') no-repeat 0px 8px}


a#home2:hover 		{background:transparent url('../images/home_w.gif') no-repeat 27px 18px} /* 7px 8px */
a#about2:hover 		{background:transparent url('../images/about_w.gif') no-repeat 0px 8px}
a#packages2:hover 	{background:transparent url('../images/packages_w.gif') no-repeat 1px 8px}
a#gallery2:hover 	{background:transparent url('../images/gallery_w.gif') no-repeat 0px 8px}
a#contact2:hover	{background:transparent url('../images/contact_w.gif') no-repeat 0px 8px}

	
a#aboutA:hover 		{background-position: 0 0; border: none} 
a#aboutB:hover 		{background-position: 0 0; border: none} 
a#aboutA2:hover   	{background-position: 0 0; border: none}
a#aboutB2:hover   	{background-position: 0 0; border: none}

a#home2:hover   	{background-position: 0 8px; border: none}
a#about2:hover   	{background-position: 0 8px; border: none}
a#packages2:hover   {background-position: 0 8px; border: none}
a#gallery2:hover   	{background-position: 0 8px; border: none}
a#contact2:hover   	{background-position: 0 8px; border: none}

a#about1:hover 		{background-position: 0 0; border: 1px solid white;} 
a#aboutC:hover 		{background-position: 0 0; border: 1px solid white;} 
a#email:hover 		{background-position: 0 0; border: 1px solid white;} 

a#aboutA {display:block; width:42px; height:161px; padding-top:30px; overflow:hidden;position:absolute;}
a#aboutB {display:block; width:175px; height:163px; padding-top:30px; overflow:hidden;position:absolute;}
a#aboutC {display:block; width:120px; }
a#aboutA {left:70px;top:115px; background:transparent url(../images/transparent60x30.gif);}
a#aboutB {left:156px; top:115px; background:transparent url(../images/transparent60x30.gif)}
a#aboutC {left:437px; top:340px; background:transparent url(../images/transparent60x30.gif)}









