﻿/* --- 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:-46px;
	height:95px;
	width:435px;
	z-index:3;
}
.style1 {
	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#projects {display:block; width:290px; height:0; padding-top:30px;	overflow:hidden;position:absolute}
a#home {display:block; width:60px; height:0; padding-top:30px;	overflow:hidden;position:absolute;}
a#about {display:block; width:60px; height:0; padding-top:30px;	overflow:hidden;position:absolute;}
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#kingsway {display:block; width:135px; height:10px; padding-top:15px; overflow:hidden;position:absolute;}
a#redbox {display:block; width:110px; height:10px; padding-top:15px; overflow:hidden;position:absolute;}
a#brochure {display:block; width:210px; height:10px; padding-top:15px; overflow:hidden;position:absolute;}

a#packages {display:block; width:65px; height:0; padding-top:30px; overflow:hidden; position:absolute;}
a#gallery  {display:block; width:60px; height:0; padding-top:30px; overflow:hidden; position:absolute;}
a#contact  {display:block; width:60px; height:0; padding-top:30px; overflow:hidden; position:absolute;}
a#email  {display:block; width:160px; height:0; padding-top:30px; overflow:hidden; position:absolute;}

a#projects {left:35px; top:323px; width:290px;background:transparent url(../images/transparent60x30.gif) }
a#home {left:60px; top:370px; width:45px;background:transparent url(../images/transparent60x30.gif) }
a#about {left:106px; top:370px; width:41px;background:transparent url(../images/transparent60x30.gif) }
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#packages {left:150px; top:370px; width:70px;background:transparent url(../images/transparent60x30.gif) }
a#kingsway {left:445px; top:372px; background:transparent url(../images/transparent60x30.gif)}
a#redbox {left:445px; top:340px; background:transparent url(../images/transparent60x30.gif)}
a#brochure {left:580px; top:310px; width:145px;background:transparent url(../images/transparent60x30.gif) }

a#gallery {left:219px; top:370px; width:50px; background:transparent url(../images/transparent60x30.gif) }
a#contact {left:270px; top:370px; width:60px; background:transparent url(../images/transparent60x30.gif) }
a#email {left:550px; top:270px; width:200px; background:transparent url(../images/transparent60x30.gif) }
/*a#projects:hover,a#aboutA:hover,  a#aboutB:hover{background-position: 0 0; border: 1px solid #000000;} */
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:hover {background-position: 0 0; border: 1px solid white;} 

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 0px 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#about2 {display:block; width:60px; height:0; padding-top:20px;	overflow:hidden;position:absolute;}
a#contact2  {display:block; width:60px; height:0; padding-top:20px; overflow:hidden; position:absolute;z-index:5}
a#about2 {left: 655px;top: 390px;width: 50px;
	background: transparent url(../images/transparent46x20.gif);
	;
}
a#contact2 {
	left: 772px;
	top: 390px;
	width: 60px;
	border:0;
	background: transparent url(../images/transparent56x20.gif);
	z-index: 5;
}
a#contact2:hover, a#about2:hover {
	background-position: 0 0;
	border: 1px solid #ffffff;
	background-image: url('../images/transparent46x20.gif');
}









