@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	top: 0;
	left: 0;
	font-size: 62.5%;
	font-family: Helvetica,Arial,Verdana;
	line-height: 1em;
	background: url("images/bg.jpg") repeat-x top #f5f5f5;
}
ul {
	list-style: none;
}

#cycle { 
	float: left;
	}
	#cycle img {
		border: solid 12px #02272b;	
	}
	#cycle a:hover img {
		border: double 12px #dd4b28;	
	}

#nav {
	float: left; width: 589px; margin: 4px 15px 15px 4px; float: left;
	}
	#nav li {
		width: 50px; float: left; margin: 8px; list-style: none;
	}
	#nav a {
		width: 50px; padding: 3px; display: block; border: solid 1px #02272b;
	}
	#nav a:hover {
		border: solid 1px #02272b;
		background: #02272b;
	}
	#nav a.activeSlide {
		background: #dd4b28;
		border: #dd4b28;
	}
	#nav a:focus {
		outline: none;
	}
	#nav img {
		border: none; display: block;
	}


#wrapper {
	width: 975px;
	margin: 0 auto;
	}
	#wrapper div.tophr {
		width: 975px;
		height: 10px;
		background-color: #02272b;
	}
	#wrapper div.header {
		width: 917px;
		height: 75px;
		margin: 29px;
		float: left;
	}
	#wrapper div.header div.left a.logo {
		margin-bottom: 15px;
		border: none;
		display: block;
		width: 216px;
		height: 35px;
		background: url(images/logotype.png) no-repeat top;
		float:left;
		text-indent: -9999px;
	}
	#wrapper div.header div.left a.logo:hover {
		background-position: bottom;
	}
	#wrapper div.header div.left {
		width: 216px;
		float: left;	
	}
	#wrapper div.header div.right {
		float: right;
		text-align: right;
	}
	#wrapper div.header a, #wrapper div.header a:visited {
		display: block;
		padding: 3px;
		background-color: #fff;
		font-size: 1.1em;
		color: #dd4b28;
		font-weight: bold;
		text-decoration: none;
	}
	
	#wrapper div.content div.onecol h1 a, #wrapper div.content div.onecol h1 a:visited {
		text-align: right;
		padding: 3px;
		background-color: #fff;
		color: #dd4b28;
		font-size: .8em;
		font-weight: bold;
		text-decoration: none;
		font-size: .5em;
		font-family: Helvetica,arial,verdana;
	}
	
	#wrapper div.content div.portfolio-left a, #wrapper div.content div.portfolio-left a:visited {
		text-align: right;
		padding: 3px;
		background-color: #fff;
		color: #dd4b28;
		font-size: .8em;
		font-weight: bold;
		text-decoration: none;
	}
	#wrapper div.header div.left a {
		float: left;
		margin-right: 10px;
	}
	#wrapper div.header a:hover, #wrapper div.header a:active {
		background-color: #02272b;
		color: #fff;
	}
	#wrapper div.content div.portfolio-left a:hover, #wrapper div.content div.portfolio-left a:active {
		background-color: #02272b;
		color: #fff;
	}
	#wrapper div.content div.onecol h1 a:hover, #wrapper div.content div.onecol h1 a:active {
		background-color: #02272b;
		color: #fff;
	}
	#wrapper div.header h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2.4em;
		font-weight: normal;
		color: #0ebae2;
		margin-bottom: 18px;
	}

	#wrapper div.content{
		width: 975px;
		float: left;
	}
	#wrapper div.portfolio-right {
		float: right;
		width: 613px;
	}

	#wrapper div.portfolio-left {
		float: left;
		width: 281px;
		font-size: 1.4em;
		color: #316d77;
		margin-left: 27px;
		}
		#wrapper div.portfolio-left h1 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			font-style: normal;
			font-size: 1.6em;
			color: #02272b;
			margin-top: 10px;
			margin-bottom: .5em;
		}
		#wrapper div.portfolio-left h2 {
			font-weight: normal;
			font-size: 1em;
			margin-bottom: .6em;
		}
		#wrapper div.portfolio-left span {
			display: block;
			margin-bottom: 1em;
			margin-top: 1em;
			line-height: 1.3em;
			font-size: .9em;
			color: #02272b;
		}
		
	#wrapper div.onecol {
		float: left;
		width: 900px;
		font-size: 1.4em;
		color: #316d77;
		margin-left: 27px;
		}
		#wrapper div.onecol h1 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			font-style: normal;
			font-size: 1.6em;
			color: #02272b;
			margin-top: 10px;
			margin-bottom: .5em;
		}
		#wrapper div.onecol h2 {
			font-weight: normal;
			font-size: 1em;
			margin-bottom: .6em;
		}
		#wrapper div.onecol span {
			display: block;
			margin-bottom: 1em;
			margin-top: 1em;
			line-height: 1.3em;
			font-size: .9em;
			color: #02272b;
		}
		
	ul.content {
		margin-left: 15px;	
	}
	ul.content li {
		float: left;
	}
	ul.content a {
		position:relative;
		width:281px;
		text-decoration: none;
		font-size: 1.4em;
		color: #fff;
		/*color: #32a3b5;*/
	}
	ul.content a blockquote {
		background: url(images/thumboverlay.png) no-repeat top left;
		margin: 0;
		position: absolute;
		Bottom: 30px;
		left: 12px;
		width: 281px;
	}
	ul.content a span.title { 
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-style: normal;
		font-size: 1.6em;
		color: #fff;
		/*color: #316d77;*/
		text-indent: -5px;
		display: block;
		padding: 12px 10px 10px 10px;
		/*background: #fff;*/
		
		
		/*position: absolute;
		Bottom: 29px;
		left: 12px;
		float: left;*/
	}
	ul.content a span.about {
		padding: 4px 10px 10px 10px;
		display: block;
		text-indent: -5px;
	}
	ul.content a span.client {
		padding: 0 10px 10px 10px;
		/*background: #fff;*/
		display: block;
		text-indent: -5px;
	}
		
	ul.content a:hover blockquote {
		background-position: top right;
	}
	ul.content a:hover span { 
		/*background: #000;*/
		color: #fff
	}
	ul.content a img {
		width: 281px;
		height:181px;
		margin:0 15px 15px 0px;
		border: solid 12px #02272b;
		/*border: solid 12px #f1ddc4;*/
	}
	ul.content a:hover img {
		border: double 12px #dd4b28;
		/*border: double 12px #02272b;*/
	}

	/*#wrapper div.content div#thumb {
		width: 281px;
		height: 181px;
		float: left;
		margin-left: 15px;
		padding: 12px;
		position: relative;
		background: url("images/thumbbg.jpg") repeat #f1ddc4;
		}
		#wrapper div.content div#thumb div.link {
			width: 281px;
			position: absolute;
			bottom: 10px;
			left: 12px;
		}*/
	/*#wrapper div.content div#thumb:hover {
		background: #02272b;
	}*/