/* Logicbox v4 - (c) Will Kelly 2009 ========================================= */




h1 {
	font-size: 1.041667em;
	color: #FFF;
}

h2 {
	font-size: 0.5833em;
	color: #FFCC00;
	text-transform: uppercase;
}

a:link,a:visited,a:focus,a:active {
	color: #FFCC00;
}
a:hover {
	text-decoration:none;
}

img {
	border:none;
}

em {
	font-style: normal;
	color: #FFCC00;
}

.copyright {
	color:#666;
	/*letter-spacing: -1px;*/
}

.small {
	font-size: 0.5em; !important;
}
.grey {
	color:#CCC;
}
.mid-grey {
	color:#666;
}
.yellow {
	color: #FFCC00;
}
.white {
	color: #FFF;
}

p.breadcrumbs {
	font-size: 50%;
	padding-top: 0.5em;
	color: #FFF;
}

/* SIDEBAR =========== */

div#bar {
	position: absolute;
	height: 100%;
	width: 344px;/*1.0029em;*//*/24;*/
	background: #000;
	/*padding: 56px 22px 22px*/
}
	#bar h1 {
		margin: 56px 20px 0;
		/*margin: 2.24em 0.8em 0; /* / 25px */*/
	}
	#bar h2 { 
		margin: 30px 20px 10px;
		/*margin: 2.1428em 1.4286em 0.7143em;*/ /* / 14px */
	}
	
	#bar p {
		margin: 0 20px;
		/*margin: 0 0.8333em;*/
	}
	
	#bar img.logo {
		position: absolute;
		bottom: 16px;
		left:90px;
		display: block;
		
	}
	/*
	#bar ul {
		list-style-type: none;
		margin: 0 20px;
		font-size: 12px;
		padding: 0;
	}
	#bar ul li.tweet {
		display: none;
		margin: 0;
		padding: 0;
	}
	
	#bar div#projects {
		margin: 0 20px;
		width: 304px;
		height: 118px;
		overflow: hidden;
	}
		div#projects ul {
			margin: 0;
			padding: 0;
		}*/


/* HOMEPAGE ========== 

*/

div#container {
	height: 100%;
	margin-left: 45%;
}

#bar-container {
	position: absolute;
	height: 100%;
	width:343px;/*/24;*/
}

#p_home div#bar {
	background: #000 url(../images/logo_bg.gif) bottom right no-repeat;
	z-index:100;
	/*border-left: 1px solid #333;*/
}
#p_home div#bar div {
	background:#000;
}
#p_home div#bar p.small {
	color: #FFF;
	margin: 2em 0 0 1.6667em; /* / 12px */
}

div#contact ul {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index:1;
	margin: 0 55% 0 0;
	background: #333;
	list-style-type: none;
	padding: 0;
}
	div#contact li {
		float: left;
		margin: 0 20px 0 0;
		font-size:50%;
		padding: 0;
	}
	

	
/* simplyScroll */

.logicbox {
	width: 344px; /**/
	height: 118px;
}
.logicbox .simply-scroll-clip {
	width: 344px; /**/
	height: 118px
}

.logicbox .simply-scroll-list li {
	float: left;
	width: 304px;
	height: 118px;
}

/* Tool Tip */

#tooltip {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 130px;
	padding: 8px;
	border: 1px solid #666;
	background-color: #000;
	color: #FFF;
	font-size: 0.5em;
}

/* Overlay */

#overlay {
	position: relative;
	z-index: 1000;
	width: 628px;/*;*/
	height: 290px;/*;*/
	display: none;
}
	#overlay-clip {
		position: absolute;
		overflow: hidden;
		z-index: 1002;
		width:0;
		height:0;
	}
	#overlay-content {
		position: absolute;
		overflow: hidden; /* set in to auto in JS (firefox bug?) */
		z-index: 1001;
		background-color: #1b1b1b;
		width:628px;/*;*/
		height:290px;/*;*/
		left: 0;
		top: 0;
	}
	#overlay-close {
		position: absolute;
		z-index: 1003;
		top: 0;
		right: 0;
		width: 22px;
		height:22px;
		overflow: hidden;
		background-image: url(../images/overlay-close.gif);
		background-position: 0 0;
		
	}
	#overlay-close:hover {
		background-position: 0 -22px;
		cursor: pointer;
	}

.overlay {
	display: none;
	background-color: #1b1b1b;
	padding: 18px 22px 22px 22px
	/*padding: 0.75em 0.9167em 0.9167em;*/
}
/*
#key2luxury {
	background-image: url(../images/client_k2l_bg.jpg)
}*/

/* CONTENT ========================== 

*/

#wrapper {
	/*margin: 0 auto;*/
	width: 100%;
	height: 1475px;
	background: #ffcd12; 
}