/*
# vim: ts=4 sw=4 ai ft=css syn on
*/
* { font-family: verdana, arial, sans-serif; font-size: 8pt; border:0; margin:0; padding:0; }
body {
	color: #000;
	margin:0;
	padding:0;
	background:url(img/bg.png);
}
a { color: #B40A3A }
#lgpContent {
	position:relative;
	background-color: #FFF;
	border:1px solid #000;
	margin: 35px auto 0 auto;
	padding:20px;
	width:700px;
	height:475px;
}
#lgpLogo { position:absolute; top:10px; left:48px; z-index: 30;}
#lgpLogoSml { position:absolute; left:38px; top:25px; }
#cheshirecat, #cheshirecat2 { position:absolute; top:227px; left:0px; z-index: 25; cursor:pointer; }
#nav { position:absolute; top:366px; left:338px; width:300px;height:90px; list-style:none; top:404px; }
#nav a { position:absolute; top:0; width:78px; height:91px; color:#FFF; font-size:1px;}
#navPortfolio { background:url(img/nav-full.png) top left no-repeat; left:0; }
#navSpecialisation { background:url(img/nav-full.png) -79px top no-repeat; left:110px; }
#navContactUs { background:url(img/nav-full.png) -160px top no-repeat; left:220px; }
#nav.portfolio #navPortfolio, #navPortfolio:hover { background-position:bottom left; }
#nav.specialisation #navSpecialisation, #navSpecialisation:hover { background-position:-79px bottom; }
#nav.contact #navContactUs, #navContactUs:hover { background-position:-160px bottom; }

.homepageTitle { position:absolute; left:189px; top:57px; }
.homeQuote { position:absolute; top:252px; left:48px; }

.pageTitle { position:absolute; left:104px; top:25px; }
.pageQuote { position:absolute; top:88px; left:108px; }

#portfolioCard {
	position:absolute;
	top:123px;
	left:100px;
	width:229px;
	height:347px;
	padding:0px;
}
#preloadCard { 
	position:absolute;
	top:-400px;
	left:-400px;
}
img#portfolioFullCard {
	position:absolute;
	top:0px;
	left:0px;
}
#portfolioCardLeftButton, #portfolioCardRightButton {
	position:absolute;
	top:0px;
	left:-34px;
	height:347px;
	width: 95px;
	cursor:pointer;
}
#portfolioCardRightButton {
	left:147px;
}
#portfolioCardLeftButton:hover { background-image:url(img/portfolio/arrow-left.png); }
#portfolioCardRightButton:hover { background-image:url(img/portfolio/arrow-right.png); }

#portfolioSections {
	position:absolute;
	top:130px;
	left:335px;
	padding:10px;
	line-height:25px;
}
ul#portfolioSections { list-style:none; }
#portfolioSections a { text-decoration:none; color:#000; }
.spade {
	background:url(img/suits.png) 0 0 no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin-top:6px;
	margin-right:6px;	
}
.diamond {
	background:url(img/suits.png) 0 -20px no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin-top:6px;
	margin-right:6px;	
}
.club {
	background:url(img/suits.png) 0 -40px no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin-top:6px;
	margin-right:6px;	
}
.heart {
	background:url(img/suits.png) 0 -60px no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin-top:6px;
	margin-right:6px;	
}
#portfolioSections  a:hover .spade,   .spade.active     { background-position:0 -80px; }
#portfolioSections  a:hover .diamond, .diamond.active { background-position:0 -100px; }
#portfolioSections  a:hover .club,    .club.active       { background-position:0 -120px; }
#portfolioSections  a:hover .heart,   .heart.active     { background-position:0 -140px; }

/* SPECIALISATION */
#specialisationBody { position: absolute; top:219px; left:108px; line-height:2.1em; }
#specialisationBody .emphasise { font-weight:bold; color:#B40A3A; }

/* CONTACT */
#contactDetails { position:absolute; top:185px; left:108px; line-height:1.8em; }
#contactDisclaimer { position:absolute; top:330px; left:108px; }
#contactDisclaimer p { width: 570px; xfont-size: 7pt; padding-bottom: 10px;}

/* WHIMSY */
ul#whimsyNav { position:absolute; top:260px; left:106px; list-style:none; xbackground:url(img/whimsy-nav.png) 0px 0px no-repeat;  }
#whimsyNav li { display:inline; }

ul#whimsyNav div.separator { display:block; float:left; width:6px; height:15px; background:url(img/whimsy-nav.png) -65px 0px no-repeat;   }
ul#whimsyNav a { color:transparent; display:block; float:left; padding-top:-10px; font-size:0px; }
ul#whimsyNav a#wnav01 { background:url(img/whimsy-nav.png) 0px 0px no-repeat;  width:65px; height:15px;  }
ul#whimsyNav.wnav01 a#wnav01, ul#whimsyNav a#wnav01:hover { background-position:0px -30px;  }
ul#whimsyNav a#wnav02 { background:url(img/whimsy-nav.png) -71px 0px no-repeat;  width:114px; height:15px;  }
ul#whimsyNav.wnav02 a#wnav02, ul#whimsyNav a#wnav02:hover { background-position:-71px -30px;  }
ul#whimsyNav a#wnav03 { background:url(img/whimsy-nav.png) -191px 0px no-repeat;  width:100px; height:15px;  }
ul#whimsyNav.wnav03 a#wnav03, ul#whimsyNav a#wnav03:hover { background-position:-191px -30px;  }
ul#whimsyNav a#wnav04 { background:url(img/whimsy-nav.png) -297px 0px no-repeat;  width:134px; height:15px;  }
ul#whimsyNav.wnav04 a#wnav04, ul#whimsyNav a#wnav04:hover { background-position:-297px -30px;  }
ul#whimsyNav a#wnav05 { background:url(img/whimsy-nav.png) -437px 0px no-repeat;  width:103px; height:15px;  }
ul#whimsyNav.wnav05 a#wnav05, ul#whimsyNav a#wnav05:hover { background-position:-437px -30px;  }
ul#whimsyNav a#wnav06 { background:url(img/whimsy-nav.png) -546px 0px no-repeat;  width:57px; height:15px;  }
ul#whimsyNav.wnav06 a#wnav06, ul#whimsyNav a#wnav06:hover { background-position:-546px -30px;  }
/* REMOVED
ul#whimsyNav a#wnav07 { background:url(img/whimsy-nav.png) -489px 0px no-repeat;  width:110px; height:15px;  }
ul#whimsyNav.wnav07 a#wnav07, ul#whimsyNav a#wnav07:hover { background-position:-489px -30px;  }
*/

#whimsyBody { position:absolute; top:140px; left:108px; width:585px; border:0px solid red; }
#whimsyBody p { padding-bottom:10px; }
img#whimsyPic { position:absolute; top:285px; left:104px; }
div#whimsyQuote, div.whimsyQuote { position:absolute; top:310px; left:250px; width:470px; }

.clientQuote {
	position:absolute;
	left: 108px;
	top: 207px;
}