@charset "utf-8";
/*

Aspiration Consulting
www.aspirationconsulting.com

Layout Stylesheet

Version 1.0
25th March 2008


*/

/* Import external style sheets */
@import "ac_typography.css";


/* -------- Layout Elements --------- */

html, body {
	margin: 0;
	z-index: 1;
	background-color: #b7b7b7;
	background-image: url(http://www.aspirationconsulting.com/images/pageBackground.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#containerSplash {
	position: absolute;
	width: 100%;
	height: 662px;
	top: 50%;
	margin-top: -331px;
	padding: 0;
	border: 0;
	background-image: url(http://www.aspirationconsulting.com/images/centreFadeSplash.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	}
	
#container {
	position: absolute;
	width: 100%;
	height: 644px;
	top: 50%;
	margin-top: -322px;
	padding: 0;
	border: 0;
	background-image: url(http://www.aspirationconsulting.com/images/centreFade.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#book {
	position: relative;
	width: 980px;
	height: 644px;
	margin: 0 auto;
	border: 0;
	padding: 0;
	background-image: url(http://www.aspirationconsulting.com/images/bookBackground.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#leftPage {
	position: relative;
	width: 376px;
	height: 494px;
	padding-left: 62px;
	padding-right: 52px;
	margin-top: 40px;
	border: 0;
	text-align: left;
	overflow: hidden;
	float: left;
	}
	
#leftPageRed {
	position: relative;
	width: 490px;
	height: 644px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	float: left;
	background-image: url(../images/leftPageRedBackgroundLogo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#rightPage {
	position: relative;
	width: 354px;
	height: 490px;
	margin-top: 40px;
	margin-left: 52px;
	margin-right: 20px;
	left: 0;
	padding: 0;
	border: 0;
	text-align: left;
	overflow: hidden;
	float: left;
	}
	
#pageTabs {
	position: relative;
	width: 40px;
	height: 620px;
	margin: 0;
	padding-top: 5px;
	border: 0;
	float: right;
	}
	
#footer {
	position: relative;
	width: 490px;
	height: 20px;
	margin-top: 20px;
	padding: 0;
	border: 0;
	text-align: center;
	float: left;
	z-index: 2;
	}
	
#footerRed {
	position: relative;
	width: 490px;
	height: 20px;
	margin-top: -90px;
	padding: 0;
	border: 0;
	text-align: center;
	float: left;
	clear: both;
	z-index: 2;
	}
	
	
/***** Main Navigation *****/
#pageTabs ul {
	position: relative;
	width: 40x;
	height: 644px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	}
	
#pageTabs ul a {
	position: relative;
	display: block;
	width: 40px;
	height: 96px;
	line-height: 96px;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}
	
#pageTabs li {
	display: inline; /* ie/win fix */
	}
	

/***** Javascript Scrollbar *****/
#scrollbarLeftPage {
	position: absolute;
	width: 15px;
	height: 490px;
	top: 0;
	left: 460px;
	margin-top: 40px;
	padding: 0;
	border: 0;
	float: left;
	z-index: 10;
	}
	
#scrollbarRightPage {
	position: absolute;
	width: 15px;
	height: 490px;
	top: 0;
	left: 915px;
	margin-top: 40px;
	padding: 0;
	border: 0;
	float: left;
	z-index: 10;
	}
	
/* vertical track */
#trackLeftPage {
	float: left;
	width: 3px;
	height: 490px;
	margin-left: 5px;
	padding: 0;
	border: 0;
	background-image: url(../images/scrollTrackLeft.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}
	
#trackRightPage {
	float: left;
	width: 3px;
	height: 490px;
	margin-left: 5px;
	padding: 0;
	border: 0;
	background-image: url(../images/scrollTrack.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}

/* vertical track handle */
#handleLeftPage {
	width: 15px;
	height: 15px;
	left: -6px;
	background-image: url(../images/scrollHandleLeft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: n-resize;
	}
	
#handleRightPage {
	width: 15px;
	height: 15px;
	left: -6px;
	background-image: url(../images/scrollHandle.gif);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: n-resize;
	}
	
/***** Misc Classes *****/	
.contactPhoto {
	display: block;
	width: 180px;
	height: 180px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #666;
	}
	
.contactPhotoNew {
	width: 180px;
	height: 180px;
	border: 0;
	margin-right: 20px;
	margin-bottom: 18px;
	padding: 0;
	background-color: #666;
	}
	
.clear {
	clear: both;
	}