/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {
	font:13px/1.231 Verdana, Arial, Helvetica, clean, sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */

select, input, button, textarea {
	font: 99% Verdana, Arial, Helvetica, clean, sans-serif;
}

/**
 * To help tables remember to inherit
 */

table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */

pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* END YAHOO, BEGIN MIKE */
body {
	background: #f6f3e6;
	color: #803707;
}

a {
	outline:none;
}



#page {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -380px;
	margin-top: -285px;
	width: 760px;
	height: 570px;
	background: #ffffff url(/images/logo-topright.gif) no-repeat top right;
	border: 2px solid #803707;

}

	#backtohome {
		/* POSITION OVER THE LOGO */
		position: absolute;
		right: 18px;
		top: 10px;
		width: 280px;
		height: 170px;
	}

	.eventspage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-events.jpg) no-repeat bottom right;
	}

	.adminpage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-admin.jpg) no-repeat bottom right;
	}

	.declutterpage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-declutter.jpg) no-repeat bottom right;
	}

	.creativepage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-creative.jpg) no-repeat bottom right;
	}
	
		.colourpage {
	width: 760px;
	height: 570px;
	background-image: url(images/bg-colour.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

	.conciergepage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-concierge.jpg) no-repeat bottom right;
	}

	.garmentpage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-garment.jpg) no-repeat bottom right;
	}

	.modellingpage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-modelling.jpg) no-repeat bottom right;
	}
	
	.modelpage {
		width: 760px;
		height: 570px;
		background: url(/images/bg-model.jpg) no-repeat bottom right;
	}

	.referencespage {
		width: 760px;
		height: 570px;
	}

	#homeimagecycle {
	position: absolute;
	top: 164px;
	left: 267px;
	width: 192px;
	height: 349px;
	overflow: hidden;
	z-index: 1;
	}

	#homeleft {
		float: left;
		width: 435px;
		height: 505px;
		padding: 45px 0 0 25px;
		z-index: 20;
		/* background: url(/images/homeleft-bg.gif) no-repeat 287px 167px; */
	}

	#pageleft {
		float: left;
		width: 405px;
		height: 525px;
		padding: 45px 0 0 25px;
	}

	#cornerleft {
		float: left;
		width: 405px;
		height: 140px;
		padding: 45px 0 0 25px;
	}

		#homeleft h1, #pageleft h1 {
		}

		#navigation {
			margin: 10px 0 0 0;
			padding: 0;
			list-style: none;
		}

		.orange {
			color: #e27d1c;
		}

	#homeright {
		float: right;
		width: 280px;
		height: 390px;
		padding: 180px 20px 0 0;
		text-align: center;
		z-index: 20;
	}

		#homeright h2, #homeright h3 {
			color: #e27d1c;
		}

		#homeright p {
		}

	#pageright {
		float: right;
		width: 280px;
		height: 390px;
		padding: 180px 20px 0 0;
		text-align: center;
	}

	#references {
		clear: both;
		width: 700px;
		height: 300px;
		overflow: hidden;
		margin-left: 25px;
	}

	#bulletlist {
		font-size: 100%;
		margin-top: 5px;
	}

		#bulletlist li {
			padding: 4px 0;
		}
		
	#bulletlistsm {
		font-size: 100%;
		margin-top: 5px;
	}

		#bulletlistsm li {
			padding: 1px 0;
		}

	#bottomnav {
		position: absolute;
		left: 25px;
		bottom: 5px;
		width: 405px;
		margin-top: 3px;
		font-size: 83%;
		color: #e27d1c;
	}

		#bottomnav a:link, #bottomnav a:visited {
			float: left;
			margin: 3px 0;
			padding: 0 5px;
			border-right: 1px solid #e27d1c;
			color: #803707;
			text-decoration: none;
		}

		#bottomnav a.norb:link, #bottomnav a.norb:visited {
			border: 0;
		}

		#bottomnav a:hover {
			text-decoration: underline;
		}

/****************************************************************************************************
 SO WE'RE GOING TO BE USING A LOT OF IMAGES ARE WE? FUN. TIME FOR SOME CLEVER CSS TRICKERY...........
 ****************************************************************************************************/

/* HIDE ANY SPAN WITH THE CLASS OF REPLACED */
.replaced {
	float: left;
	position: relative;
	text-indent: -4000px;
}

/* HOMEPAGE LEFT */
#headercontact {
	width: 360px;
	height: 50px;
	margin: 0;
	background: url(/images/header-contact.gif) no-repeat top left;
}

	#headercontact a {
		display: block;
		width: 100%;
		height: 100%;
	}

#pcontact {
	width: 360px;
	height: 30px;
	margin: 0;
	background: url(/images/p-contact.gif) no-repeat top left;
}

#purl {
	width: 360px;
	height: 30px;
	margin: 0;
	background: url(/images/p-url.gif) no-repeat top left;
}

	#navigation li a {
		display: block;
		width: 250px;
		height: 48px;
	}

	#liadmin {
		background: url(/images/li-admin.gif) no-repeat top left;
	}

	#lideclutter {
		background: url(/images/li-declutter.gif) no-repeat top left;
	}

	#licreative {
		background: url(/images/li-creative.gif) no-repeat 3px top;
	}

	#liconcierge {
		background: url(/images/li-concierge.gif) no-repeat top left;
	}

	#ligarment {
		background: url(/images/li-garment.gif) no-repeat 3px top;
	}

	#licolour {
		background: url(/images/li-colour-style.gif) no-repeat 3px top; margin-top: 30px;
	}

    #lievents {
		background: url(/images/li-events.gif) no-repeat 3px top;
	}

	#limodelling {
		background: url(/images/li-modelling.gif) no-repeat 3px top;
	}

	#aadmin:hover {
		background: url(/images/li-admin-on.gif) no-repeat top left;
	}

	#adeclutter:hover {
		background: url(/images/li-declutter-on.gif) no-repeat top left;
	}

	#acreative:hover {
		background: url(/images/li-creative-on.gif) no-repeat 3px top;
	}

	#aconcierge:hover {
		background: url(/images/li-concierge-on.gif) no-repeat top left;
	}

	#agarment:hover {
		background: url(/images/li-garment-on.gif) no-repeat 3px top;
	}

	#aevents:hover {
		background: url(/images/li-events-on.gif) no-repeat 3px top;
	}
	
		#acolour:hover {
		background: url(/images/li-colour-style-on.gif) no-repeat 3px top;
	}

	#amodelling:hover {
		background: url(/images/li-modelling-on.gif) no-repeat 3px top;
	}

#pcover {
	width: 335px;
	height: 40px;
	margin: 25px 0 0 0;
	background: url(/images/p-cover.gif) no-repeat top left;
}

/* HOMEPAGE RIGHT */
#headerbalance {
	width: 280px;
	height: 80px;
	margin: 20px 0 20px 0;
	background: url(/images/header-balance.gif) no-repeat top left;
}

#pbalance {
	width: 280px;
	height: 93px;
	margin: 0;
	background: url(/images/p-balance.gif) no-repeat top left;
}

#headersimple {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-simple.gif) no-repeat top left;
}

#areference {
	display: block;
	width: 280px;
	height: 30px;
	margin: 0 0 0 0px;
	background: url(/images/a-references.gif) no-repeat center top;
}

#headercv {
	width: 280px;
	height: 22px;
	margin: 0;
	background: url(/images/header-cv.gif) no-repeat top left;
}

#pcv {
	width: 280px;
	height: 25px;
	margin: 0;
	background: url(/images/p-cv.gif) no-repeat top left;
}

	#pcv a {
		display: block; width: 100%; height: 100%;
	}

/* EVENTS PAGE LEFT */
#headerevents {
	margin: 20px 0 0 0;

	/*width: 360px;
	height: 50px;
	margin: 30px 0 0 0;
	 background: url(/images/header-events.gif) no-repeat top left; */
}

#headerservices {
	width: 360px;
	height: 35px;
	margin: 10px 0 0 0;
	background: url(/images/header-services.gif) no-repeat top left;
}

/* EVENTS PAGE RIGHT */
#headerspecial {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-special.gif) no-repeat top left;
}

#headeradmin {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-admin.gif) no-repeat top left;
}

#headercreative {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-creative.gif) no-repeat top left;
}

#headercontact {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-contact .gif) no-repeat top left;
}

#headercost {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-cost.gif) no-repeat top left;
}

#headerdeclutter {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-declutter.gif) no-repeat top left;
}

#headercreative {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-creative.gif) no-repeat top left;
}

#headercolour {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-colour.gif) no-repeat top left;
}

#headerconcierge {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-concierge.gif) no-repeat top left;
}

#headergarment {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-garment.gif) no-repeat top left;
}

#headermodelling {
	width: 280px;
	height: 90px;
	margin: 0;
	background: url(/images/header-modelling.gif) no-repeat top left;
}

/* BOTTOM NAV */
#bnadmin {
	width: 74px;
	height: 17px;
	background: url(/images/bn-admin.gif) no-repeat 5px top;
}

#bndeclutter {
	width: 60px;
	height: 17px;
	background: url(/images/bn-declutter.gif) no-repeat 5px top;
}

#bncreative {
	width: 98px;
	height: 17px;
	background: url(/images/bn-creative.gif) no-repeat 5px top;
}

#bnconcierge {
	width: 90px;
	height: 17px;
	background: url(/images/bn-concierge.gif) no-repeat 5px top;
}

#bnevents {
	width: 103px;
	height: 17px;
	background: url(/images/bn-events.gif) no-repeat 5px top;
}

#bncolour {
	width: 67px;
	height: 17px;
	background: url(/images/bn-colour.gif) no-repeat 5px top;
}

#bngarment {
	width: 70px;
	height: 17px;
	background: url(/images/bn-garment.gif) no-repeat 5px top;
}

#bnlife {
	width: 72px;
	height: 17px;
	background: url(/images/bn-life.gif) no-repeat 5px top;
}

#bnmodelling {
	width: 72px;
	height: 17px;
	background: url(/images/bn-modelling.gif) no-repeat 5px top;
}

/* MORE STUFF */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }  /* for IE/Mac */



a { color: #803707; }
a:hover { color: #e27d1c; }


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 0px;
}

#lifeModellingHome
{
  position: absolute;
  bottom: 0px;
  right: 70px;
  border: none;
}