/* *** IMPORTS ** */

@import url(fancybox/fancybox.css);

/* ************** */

html,body {margin: 0; padding: 0; }

body {
	font-family: 'Arial Unicode MS', Arial, Sans-Serif;
	color: #000;
}

img { border: 0 }
	img#signature {
		left:125px;
		position:relative;
		top:-15px;	
	}

h1,h2,h3,h4,h5,h6 { font-family: Arial, Sans-Serif; }
h1 {
	font-size:3em;
	font-weight: normal;
	letter-spacing:-0.05em;
	line-height:0.95em;
}
	h1:first-child { margin-top: 0 }
h2 {
	font-size:2.3em;
	font-weight:normal;
	letter-spacing:-0.05em;
	line-height:0.8em;
}
h3 {
	font-size:1.6em;
	font-weight:normal;
	margin-top: 0;
}
	h3.tight {  }

a,a:link,a:visited {
	color: #000;
}
	a:hover { }

#wrap {
	min-width: 784px;
	max-width: 1024px;
	margin: 0 auto;
	border-top: 10px solid #336699;
	padding-top: 30px;
}

#head { height: 57px; }
/** Logo **/
#logo {
		width: 325px;
		float: left;
}
	#logo img { }
/** Navigation **/
#nav {
		float: right;
}

#nav ul {
	margin: 0; padding: 0;
	list-style: none;
}
	#nav ul li { float:left; margin-left: 26px;}
		#nav ul li a,
		#nav ul li a:link,
		#nav ul li a:visited {
			display:block;
			line-height:3.3em;
			text-decoration: none;
		}
			#nav ul li a:hover { text-decoration: underline; }

/** Intro **/
#intro { 

}
	#intro h1 { font-size:3.7em; font-weight:bold; margin: 0 }
	#intro h2 { }

#intro blockquote.customer_quote,
#intro blockquote.customer_quote span { font-family:'Palatino Linotype'; }
#intro blockquote.customer_quote {
	font-size:3em;
	font-style:italic;
	letter-spacing:-0.05em;
	line-height:100%;
	margin:0 auto;
	width:90%;
}
	#intro blockquote.customer_quote span {
		display:block;
		font-size:0.5em;
		font-style:normal;
		letter-spacing:-0.02em;
		text-align:right;
	}

/** Content **/
#content {
	font-size: 0.95em;
	line-height: 1.6em;	
}
	#content.with-sidebar {
		width:54%; float:left;
		margin-right:3%; padding-right: 3%;
		border-right:1px solid #DDDDDD;
	}
	
	#content p { }
		#content * p:first-child  { margin-top: 0; }

		#content div.two-column { width: 47%; overflow:hidden; }
	
	/** Frontpage spots **/
	#sidebar .spot {
		height:150px;
		text-align: right;
		margin-bottom: 15px;
	}
		#sidebar .spot span {
			background: #fff;
			font-size:0.8em;
			letter-spacing:0.04em;
			padding:3px 5px;
			text-transform:uppercase;	
		}
		#sidebar .spot a,
		#sidebar .spot a:link,
		#sidebar .spot a:visited { display: block; text-decoration: none }
	#sidebar .spot.i { border-left: 0; }
	
	/** Service spots **/
	#content .service {
		border-left: 1px solid #ddd;
		float: left; cursor: hand;
		height:200px; width: 32%;
		text-align: center;
		margin-bottom: 30px;
	}
		
		#content .service a,
		#content .service a:link,
		#content .service a:visited { display: block; text-decoration: none }
			#content .service.hover.active a {
				filter: alpha(opacity=65); /* internet explorer */
				-khtml-opacity: 0.65;      /* khtml, old safari */
				-moz-opacity: 0.65;       /* mozilla, netscape */
				opacity: 0.65;           /* fx, safari, opera */
			}
	#content .service.i { border-left: 0; }

	/** Project spots **/
	#content .project {
		float: left; cursor: hand;
		height:200px; width: 29.3%;
		overflow: hidden;
		position: relative;
		text-align: center;
		margin-bottom: 30px; margin-left: 3%;
		filter: alpha(opacity=80); /* internet explorer */
		-khtml-opacity: 0.80;      /* khtml, old safari */
		-moz-opacity: 0.80;       /* mozilla, netscape */
		opacity: 0.80;           /* fx, safari, opera */
	}
		
		#content .project > span,
		#content .project i {
			background-color:#fff;
			clear:both;
			position:absolute; right:0;
		}
		#content .project > span {
			padding: 0 2px 0 8px;
			text-transform: uppercase;	
			font-size:0.8em;
			letter-spacing:0.2em;
		}
		#content .project i {
			padding: 0 2px 0 8px;
			font-style: normal;
			font-size:0.7em;
			filter: alpha(opacity=75); /* internet explorer */
			-khtml-opacity: 0.75;      /* khtml, old safari */
			-moz-opacity: 0.75;       /* mozilla, netscape */
			opacity: 0.75;           /* fx, safari, opera */
		}
			#content .project i span {
				filter: alpha(opacity=100); /* internet explorer */
				-khtml-opacity: 1.0;      /* khtml, old safari */
				-moz-opacity: 1.0;       /* mozilla, netscape */
				opacity: 1.0;           /* fx, safari, opera */
			}
		
		#content .project a,
		#content .project a:link,
		#content .project a:visited { display: block; text-decoration: none }
			#content .project.hover.active {
				filter: alpha(opacity=100); /* internet explorer */
				-khtml-opacity: 1.0;      /* khtml, old safari */
				-moz-opacity: 1.0;       /* mozilla, netscape */
				opacity: 1.0;           /* fx, safari, opera */
			}
			
		#content div.project_media {
			overflow: hidden;	
		}


/** Content **/
#sidebar {
	width: 39.7%; float: right;
	font-size: 0.95em;
}
	#sidebar h2 {
		font-size:1em;
		font-weight:bold;
		letter-spacing:normal;
		margin:30px 0 15px;
		text-transform:uppercase;
	}
		#sidebar h2:first-child { margin-top: 0 }
	#sidebar span.h2 {
		display:block;
		font-family:Arial;
		font-weight:bold;
		margin:30px 0 15px;
		text-transform:uppercase;
	}
		#sidebar span.h2:first-child { margin-top: 0 }
		
	#sidebar p { }
		#sidebar p:first-child  { margin-top: 0; }

/** Foot **/
#foot {
	clear: both;
	height: 75px;
}

/** Specials **/
div.clear { clear: both; }
	div.clear.standard { margin: 30px 0; } div.clear.extended { margin: 110px 0; height: 1px; }
	div.clear.styled { height:1px; background: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #ddd; }
.justify { text-align: justify; }
.fleft { float: left; }
.fright { float: right }