/* Luminosus Designs
   by Jonathan Gala - www.jongala.com 
  
	menu: 			#ecebe8
	background:		#e8e9ea

	light misc:		#b9b4aa

	light head:		#a59e92
	head text:		#83776e
	
	???:			#817867
	body text:		#72655a
	dark txt:		#433123
   
     
	link:		#6280af / #9eb5d3
	intermediate link #769ec9
   */



/* =============================

DEFAULTS

============================= */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin:0;
	padding:0;
	background:#e8e9ea;
	background:#fff;
	color:#72655a;
}
	
	
a {
	color:#6280af;
	text-decoration:none;
	border-bottom:1px solid #9eb5d3;
}
	
a:hover {
	background:#9eb5d3;
	color:#fff;
}

a img {
	border:0;
}
	
h1 {
	margin:.25em 0 .84em; /* .59 */
	font-family:Georgia,'Times New Roman',Times,serif;
	font-weight:normal;
	font-style:italic;
	font-size:167%;
	line-height:1.1em;
	color:#83776e;
}


h2 {
	margin:1.6em 0 .81em;
	font-size:123.1%;
	color:#83776e;
	border-bottom:1px solid #b9b4aa;
}

h3 {
	margin:0 0 0.877em;
	margin:0 0 0.25em;
	font-size:114%;
}

h4 {
	font-size:108%;
}
	
p {
	line-height:1.5;
	margin:0 0 1em;
}

form {
	margin:0;
	padding:0;
}

table {
	margin:0 0 1em;
}

/* =============================

LAYOUT

============================= */


.wrapper {
	position:relative;
	width:900px;
	margin:10px auto;
}

.logo {
	float:left;
	margin:0;
}


.header {
	position:relative;
	padding:10px 10px 10px;
	background:#ecebe8;
	height:32px;
	z-index:10;
}


.main {
	position:relative;
	padding:1em 10px 10px;
	overflow:hidden;
	zoom:1;
}


.content {
	font-size:116%;
}

.photo {
	clear:both;
}

	
.footer {
	width:900px;
	margin:0 auto 40px;
	padding:10px 0 0;
	clear:both;
	text-align:center;
	color:#a59e92;
	border-top:2px solid #ecebe8;
	overflow:hidden;
	zoom:1;
}

#footer-nav {
	float:left;
	text-align:left;
}

#footer-nav ul {
	float:left;
	width:90px;
	margin:0 10px 0 10px;
	padding:0;
	font-size:12px;
	list-style:none;
}

	#footer-nav li {
		line-height:1.5em;	
	}
	
	#footer-nav a {
		text-decoration:none;
		color:#817867;
		border:0;
	}
 
	#footer-nav a:hover {
		color:#;
		text-decoration:underline;
		background:transparent;
	}

/* =============================

STYLES

============================= */

hr {
	height:0;
	border:0;
	border-bottom:1px solid #ccc;
}

a.button {
	padding:6px 0 10px 15px;
	*padding-bottom:0; /* ie6 and 7 */
	line-height:33px;
	border:0;
	color:#333;	
	background:url("../images/button_bg.gif") 0 0 no-repeat;
}
	
a.button em {
	font-style:normal;
	padding:6px 40px 10px 0;
	*margin-top:-6px; /* ie6 and 7 */
	*overflow:visible; /* ie6 and 7 */
	background:url("../images/button_cap.gif") 100% 0 no-repeat;
}


a.button:hover {
	color:#c30;
}

.logo a {
	display:block;
	width:260px;
	height:32px;
	margin:0 34px 0 0px;
	padding:0 0;
	border:0;
	font-size:1px;
	
	text-indent:-12345px;
	background:transparent url('../images/logo.gif') 0 0 no-repeat;
}
	
	.logo a img {
		border:0;
	}
	
	.logo a:hover {
		background:transparent url('../images/logo.gif') 0 0 no-repeat;
	}

p.feature {
	color:#433123;
}

.home .intro {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	z-index:3;
	background:#ecebe8;
	opacity:0.75;
	filter:alpha(opacity=75); /* thanks, IE */
}

	.home .intro h1 {
		margin:0;
		padding:10px;
		font-size:19px;
		font-weight:normal;
		color:#72655a;
	}
	

.home .content {

}

.photo {
	position:relative;
	top:0;
	left:0;

}

	.photo .caption {
		float:left;
		margin-top:-80px;
		padding:.5em;
		font-family:Georgia,'Times New Roman',Times,serif;
		font-size:131%;
		font-style:italic;
		color:#433123;
		background:transparent url('../images/whiteshade.png');
		border:0;
		position:relative;
	}
	

		.photo .caption:hover {
			color:#200;
			text-decoration:underline;
		}
		
		* html .photo .caption:hover {
			background:#fff;
		}

	.photo img {
	}

img.figure {
	float:right;
	margin-left:1em;
}

img.biophoto {
	float:right;
	margin:0 0 2em 1em;
}

.testimonial {
	border-top:1px solid #e7e8e9;
}

	.testimonial blockquote {
		margin:1em 0 0;
		padding:0;
	}
	

	.testimonial p.qualities {
		font-style:italic;
	}

.sidebar {
	float:left;
	display:inline;
	width:200px;
}

	.sidebar h2 {
		margin:10px 0 0;
		font-size:16px;
		text-decoration:none;
		border:0;
	}

	.sidebar ul {
		margin:1em 0;
		padding:0 0 0 2em;
		font-size:14px;
	}


.copy {
	float:right;
	width:660px;
}

	.copy h1 {
		margin-top:0.33em;
	}

/* Newsletter signup */	

p.signup {
	margin:2px 0;
	font-size:13px;
}

p.signup a {
	padding:2px 2px 0;
}

p.signup a img {
	margin:0 0 -2px;
	background:#c4d2e0;
}

/* =============================

WORK

============================= */


/* Work list page
---------------------------------- */

#slider {
	position:relative;
	overflow:hidden;
	zoom:1;
	}

#slider .menu {
	float:left;
	width:192px;
	height:auto !important;
	height:240px;
	min-height:240px;
	position:relative;
	top:0;
	z-index:2;

	zoom:1;
}

	#slider img.scrollButtons {display:none;}

	#slider .menu ul {
		margin:0;
		padding:0;
		width:100%;
		list-style:none;
		overflow:hidden;
	}
	
		#slider .menu ul li {
			margin:0;
			padding:0;
			float:left;
			clear:left;
			width:100%;
		}
		
			#slider .menu ul li a {
				display:block;
				padding:2px 10px;

				border:0;
				color:#876;

				zoom:1;
			}
			
			#slider .menu ul li a:hover {
				color:#6280af;
				background:#fff;
			}
			
			#slider .menu ul li a.selected,
			#slider .menu ul li a.selected:hover {
				background:#fff;
				color:#321;
				background:#e8e9ea;

			}

.scroll {
	position:relative;
	float:right;
	width:678px;
}


	.scrollContainer {
		overflow:hidden;
	}

/* Work list projects
---------------------------------- */

.panel {
	position:relative;
	width:678px;
	height:auto !important;
	height:112px;
	min-height:112px;
	border-left:1px solid #ddd;
}

.panel.service {
	width:658px;
	padding:0;
	padding-left:20px;
	
}
	
	.panel.service h2 {
		margin:0 0 1em;
	}
	
	.panel.service h2,
	.panel.service h3,
	.panel.service p,
	.panel.service ul {
		clear:left;
	}

.project {
	overflow:visible;
	width:678px;
	z-index:1;
	text-align:left;
}

	.project a {
		display:block;
		padding:2px 10px;
		border-bottom:0;
		width:380px;
		color:#769ec9; /* intermediate */
		background:transparent url('/images/menu_point.gif') 100% 50% no-repeat;
	}
	
		.project a:hover,
		.project a.selected {
			color:#037;
			background-color:transparent;
		}

		.project a:hover {
			background-color:#e8e9ea;
		}

			.project span {
				display:block;
			}
	
	.project a img {
		display:none;
		position:absolute;
		top:50%;
		left:420px;
		margin-top:-54px;
		border:0;
	}

		.project a:hover img,
		div.project a.selected img {
			display:inline;
		}


/* Work list thumb projects */

.altproject {
	width:422px;
	margin:5px 5px;
	float:left;
	display:inline;
	font-size:85%;
	
}

	.altproject a strong {
		
	}

	.altproject a {
		display:block;
		border:0;
		overflow:hidden;
		zoom:1;
	}
	
	.altproject span {
		float:left;
		display:inline;
		width:290px;
		padding:5px 10px;
	}
	
	.altproject img {
		border:0;
		float:left;
		display:inline;
		width:110px;
		height:55px;
		-ms-interpolation-mode:bicubic;
	}

	.altproject a:hover {
		background:#e8e9ea;
		color:#433123;
	}


/* Project Pages
---------------------------------- */

.content.portfolio h1 {
	float:left;
	width:500px;
	color:#a59e92;
	font-size:100%;
	margin:.81em 0 1.23em;
	margin:5px 0 15px;
}

	.content.portfolio h1 strong {
		margin-right:5px;
		color:#83776e;
		font-weight:normal;
		font-size:167%;
		font-size:123.1%;
	}

.content.portfolio .description {
	display:none;
}

#info {
	min-width:200px;
	max-width:600px;
}

.content.portfolio .project_tools {
	float:right;
	margin:2px -10px 0 0;
	width:300px;
	text-align:right;
}

	.content.portfolio .project_tools a {
		display:inline-block;
		padding:5px 6px;
		font-size:12px;
		color:#7b7068;
		border:0;
		background:#e8e9ea;
	}
	
		.content.portfolio .project_tools a img {
			vertical-align:middle;
			margin:-4px 0 -2px;
			line-height:0;
		}

.content.portfolio .media {
	clear:both;
}

/* NO GRID DISPLAY */
/*
.content.portfolio.grid .media {
	width:693px;
	margin-top:0;
	margin-right:90px;
}
*/

.media.figure {
	float:right;
	width:240px;
	margin-left:20px;
}


	.portfolio .media a,
	.media.figure a {
		position:relative;
		float:right;
		width:221px;
		display:inline;
		margin:0 0 10px 10px ;
		line-height:0;
		border:0;
		background:#fff;
		zoom:1;
	}
	
		.portfolio .media a img,
		.media.figure a img {
			border:0;
		}


.portfolio .media .hilite,
.media.figure .hilite {
	position:absolute;
	top:0;
	right:0;
	width:110px;
	padding:5px;
	font-size:12px;
	text-align:center;
	background:#fff;
	color:#aaa;
	z-index:2;
	display:none;
	zoom:1;
}

.navsequence {
	position:absolute;
	top:1em;
	right:20px;
	margin:1.23em 0 2em;
	text-align:right;
	font-size:85%;
	color:#a59e92;
}
		
	.navsequence a {
		color:#9eb5d3;
		border:0;
	}
	
	.navsequence a:hover {
		color:#fff;
	}


p.credit {
	font-size:85%;
	font-style:italic;
}

/* Contact
---------------------------------- */

.contact_info {
	float:right;
	width:300px;
}

body.contact form {
	float:left;
	width:550px;
}

body.contact h2 {
	margin:0 0 1em;
}

div.minicol {
	float:left;
	width:45%;
	padding:0 10px 0 0;
}

 /* Footer
 ----------------------------------- */
 
 .footer .badges {
 	float:left;
 	margin:0 0 0 50px;
 }
 
.footer a.badge {
 	text-decoration:none;
 	border:0;
 }
 
.footer a.badge:hover {
	background:transparent;
	
}
 
	 .footer a.badge img {
		vertical-align:middle;
		border:0;
	 }

.footer #copyright {
	float:right;
	width:300px;
	text-align:right;
}

/* =============================

SLIDESHOWS

============================= */

.slideshow {
	margin:0 -10px;
	width:900px;
	height:600px;
}

/* =============================

MENUS

============================= */

#mainnav {
	position:relative;
	float:right;
	margin:5px 10px 0 0;
	padding:0;
	font-size:14px;
}

	#mainnav ul {
		margin:0;
		padding: 0;
		list-style: none;
	}
	
	
		#mainnav ul li {
			position:relative;
			float:left;
			display:inline;
			margin:0 0 0 5px;
			text-align:center;
			zoom:1;
		}
		
			#mainnav ul li a {
				display:block;
				padding:2px 12px;
				text-decoration:none;
				
				border:0;
				color:#999;
				border-radius:10px;
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				zoom:1;
				_float:left; /* IE6 */
				behavior: url('/css/PIE.htc');
			}


			#mainnav ul li a:hover,
			#mainnav ul li.over > a,
			#mainnav ul li.open > a,
			#mainnav ul li.selected.open > a{ /* main hover */
				color:#ecebe8;
				background:#817c72;
			}
			
			#mainnav ul li.selected a {
				color:#817c72;
				background:#d9d7d5;
			}


#work_nav {
	position:absolute;
	top:30px;
	left:0;
	width:300px;
	padding:15px 0 5px;
	background:#332e2a;
	opacity:0.95;
	display:none;
}

.open #work_nav {
	display:block;
}

	#work_nav h2 {
		float:none;
		margin:0 15px 10px;
		font-size:13px;
		text-align:left;
		color:#fff;
		border:0;
	}
 
 #work_nav ul {
 	margin:0 0 10px;
 	float:none;
 }
 	
 	#work_nav ul li {
 		float:none;
 		margin:0 0 0em;
 		padding:0;
 		display:block;
 		text-align:left;
 	}
 	
		#work_nav ul li a,
		li.selected #work_nav ul li a{
			float:none;
			padding:2px 15px;
			color:#a29c96;
			font-weight:normal;
			font-size:13px;
			background:transparent;
			border:0;
			border-radius:0;
			-webkit-border-radius:0;
			
			behavior:none;
		}

		#work_nav ul li a:hover,
		li.selected #work_nav ul li a:hover {
			color:#ecebe8;
			background:#221e1a;
		}

#work_nav .tick {
	position:absolute;
	left:72px;
	top:-12px;
	
	width:24px;
	height:12px;
	background:url('/images/tick.png') no-repeat 0 0;
	
}