* {
	margin: 0;
	padding: 0;
	}
	
.clear { clear: both; }	
.float-left { float: left; margin-right: 15px; }
.float-right { float: right; margin-left: 10px; }
a:focus {
-moz-outline-style: none;
}
	
body {
	background: #FAFAF3 url(img/09/background-tile.jpg) 0 0 repeat-x;
	font-family: Helvetica, Arial, Verdana, Trebuchet, Tahoma, sans-serif;
	}



p {
	font-size: 14px;
	color: #777;
	line-height: 155%;
	margin-bottom: 25px;
}
a { color: #777; text-decoration: underline; }
a:hover { background: #FFC; text-decoration: none; }

#wrapper {
	background: url(img/09/background.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 121px 0 0 74px;
	width: 100%;
	height: 100%;
	}

#container {
	width: 955px;
	}
	
#main {
	float: left;
	width: 700px;
	}
#slider {
	position: relative;
	width: 700px;
	}
.scroll {
/*	height: 250px;*/
	width: 700px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}	
	.scrollContainer div.panel {
	/*	height: 210px; */
		width: 700px;
	}
	.hide { display: none; }
	
	.scrollButtons {
		display: none;
	}


/* GALLERY */	
	.gallery img {
		padding:2px;
		border:solid 1px #c0c5d6;
		}
	.gallery {
		text-align:left;
		}
		
		div#fancy_overlay{
			position:absolute;
			top:0;
			left:0;
			z-index:90;
			width:100%;
			background-color:#333;
		}

		div#fancy_loading{
			position:absolute;
			height:40px;
			width:40px;
			cursor:pointer;
			display:none;
			overflow:hidden;
			background:transparent;
			z-index:100;
		}

		div#fancy_loading div{
			position:absolute;
			top:0;
			left:0;
			width:40px;
			height:480px;
			background:transparent url(img/09/fancy_progress.png) no-repeat;
		}

		div#fancy_close{
			position:absolute;
			top:-12px;
			left:-12px;
			height:30px;
			width:30px;
			background:transparent url(img/09/fancy_closebox.png) ;
			cursor:pointer;
			z-index:100;
			display:none;
		}

		div#fancy_content{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			padding:0; 
			margin:0;
			z-index:96;
		}

		#fancy_frame{
			position:relative;
			width:100%;
			height:100%;
			display:none;
		}

		img#fancy_img{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			border:0; 
			padding:0; 
			margin:0;
			z-index:92;
			cursor:pointer;
		}

		div#fancy_title{
			position:absolute;
			bottom:-35px;
			left:0;
			width:100%;
			z-index:100;
			display:none;
		}

		div#fancy_title table{
			margin:0 auto;
		}

		div#fancy_title div{
			color:#FFF;
			font:bold 12px Arial;
			padding-bottom:2px;
		}

		td#fancy_title_left{
			height:32px;
			width:15px;
			background:transparent url(img/09/fancy_title_left.png) repeat-x;
		}

		td#fancy_title_main{
			height:32px;
			background:transparent url(img/09/fancy_title_main.png) repeat-x;
		}

		td#fancy_title_right{
			height:32px;
			width:15px;
			background:transparent url(img/09/fancy_title_right.png) repeat-x;
		}

		div#fancy_outer{
			position:absolute;
		    top:0;
		    left:0;
		    z-index:90;
		    padding:18px 18px 58px 18px;
		    margin:0;
		    overflow:hidden;
		    background:transparent;
		    display:none;
		}

		div#fancy_inner{
			position:relative;
			width:100%;
			height:100%;
			border:1px solid #fff;
			background:#fff;
		}

		a#fancy_left, a#fancy_right{
			position:absolute; 
			bottom:10px; 
			height:100%; 
			width:35%; 
			cursor:pointer;
			background-image:url(img/09/data:image/gif;base64,AAAA);
			z-index:100; 
		}

		a#fancy_left{
			left:0px; 
		}

		a#fancy_right{
			right:0px; 
		}

		a#fancy_left:hover{
			background:transparent url(img/09/fancy_left.gif) no-repeat 0% 100%;
		}

		a#fancy_right:hover{
			background:transparent url(img/09/fancy_right.gif) no-repeat 100% 100%;
		}

		#fancy_bigIframe, #fancy_freeIframe{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:10;
		}

		div#fancy_bg{
			display:none;
		}

		div.fancy_bg{
			position:absolute;
			display:block;
			z-index:70;
		}

		div.fancy_bg_n{
			top:-18px;
			width:100%;
			height:18px;
			background:transparent url(img/09/fancy_shadow_n.png) repeat-x;
		}

		div.fancy_bg_ne{
			top:-18px;
			right:-13px;
			width:13px;
			height:18px;
			background:transparent url(img/09/fancy_shadow_ne.png) no-repeat;
		}

		div.fancy_bg_e{
			right:-13px;
			height:100%;
			width:13px;
			background:transparent url(img/09/fancy_shadow_e.png) repeat-y;
		}

		div.fancy_bg_se{
			bottom:-18px;
			right:-13px;
			width:13px;
			height:18px;
			background:transparent url(img/09/fancy_shadow_se.png) no-repeat;
		}

		div.fancy_bg_s{
			bottom:-18px;
			width:100%;
			height:18px;
			background:transparent url(img/09/fancy_shadow_s.png) repeat-x;
		}

		div.fancy_bg_sw{
			bottom:-18px;
			left:-13px;
			width:13px;
			height:18px;
			background:transparent url(img/09/fancy_shadow_sw.png) no-repeat;
		}

		div.fancy_bg_w{
			left:-13px;
			height:100%;
			width:13px;
			background:transparent url(img/09/fancy_shadow_w.png) repeat-y;
		}

		div.fancy_bg_nw{
			top:-18px;
			left:-13px;
			width:13px;
			height:18px;
			background:transparent url(img/09/fancy_shadow_nw.png) no-repeat;
		}		
	
#sidebar {
	float: right;
	width: 255px;
	}
	
h1 a {
	background: url(img/09/logo.png) 0 0 no-repeat;
	width: 245px;
	height: 45px;
	display: block;
	margin-bottom: 30px;
	padding-bottom: 1px;
	}
	h1 a span { display: none; }
	h1 a:hover { background: url(img/09/logo.png) 0 0 no-repeat; border-bottom: 1px dotted #777; padding-bottom: 0; }
	
h2 {
	font-size: 14px;
	margin-bottom: 20px;
	color: #8898A7;
	text-transform: uppercase;
	}	

#nav {
	/*background: url(nav.png) 0 0 no-repeat;*/
	width: 680px;
	height: 47px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 40px;
	}
	#nav li {
		list-style-type: none;
		float: left;
		padding-top: 17px;
		padding-bottom: 17px;
		padding-right: 15px;
		padding-left: 15px;
		}
	#nav li a {
		height: 13px;
		line-height: 47px;
		display: block;
		color: #93C4E2;
		font-size: 11px;
		text-decoration: none;
		}
		#nav li a span { display: none; }
		#nav li a:hover { background-position: 0 -13px; }
		#nav li#nav-work a.selected { background: url(img/09/nav-work.gif) center -26px no-repeat; height: 30px; }
		#nav li#nav-blog a.selected { background: url(img/09/nav-blog.gif) center -26px no-repeat; height: 30px; }
		#nav li#nav-contact a.selected { background: url(img/09/nav-contact.gif) center -26px no-repeat; height: 30px; }
		#nav li#nav-services a.selected { background: url(img/09/nav-services.gif) center -26px no-repeat; height: 30px; }
		#nav li#nav-about a.selected { background: url(img/09/nav-about.gif) center -26px no-repeat; height: 30px; }
		
		#nav-about a { background: url(img/09/nav-about.gif) 0 0 no-repeat; width: 62px; height: 13px; }
		#nav-work a { background: url(img/09/nav-work.gif) 0 0 no-repeat; width: 62px; height: 13px; }
		#nav-blog a { background: url(img/09/nav-blog.gif) 0 0 no-repeat; width: 64px; height: 13px; }
		#nav-contact a { background: url(img/09/nav-contact.gif) 0 0 no-repeat; width: 79px; height: 13px; }
		#nav-services a { background: url(img/09/nav-services.gif) 0 0 no-repeat; width: 95px; height: 13px; }
		
/*		#nav li a:hover {
			background: url(img/09/nav-bg.png) 0 -47px repeat-x;
			color: #fff;
			}
		
		#nav li#home a {
			background: url(img/09/nav-home.png) 0 0 no-repeat;
			width: 148px;
			height: 47px;
			display: block;
			border-left: none;
			border-right: none;
			margin-left: -3px;
			}
			#nav li#home a:hover { background-position: 0 -47px; }
			#nav li#home a span { display: none; }
	*/
	#work ul {
		list-style-type: none;
		margin: 35px 0 0 0;
		padding: 0;
		}
		#work li {
			float: left;
			margin: 0 12px 15px 0;
			border: none;
			}
			#work li img {
				width: 212px;
				height: 124px;
				border: none;
				}
				#work li a img {
					display: block;
					padding: 3px;
					border: 1px solid #D8D5C5;
					margin-bottom: 12px;
					}
				#work li a:hover img {
					background: #ffff99;
					border: 1px solid #BBBAB0;
					}
		#work p {
			font-size: 10px;
			clear: both;
			}

			#tooltip {
				font-size: 10px;
				position:absolute;
				width: 80px;
				height: 17px;
				background: url(img/09/tooltip-bg.gif) 0 0 no-repeat;
				padding: 2px 0 0 13px;
				color:#333;
				display:none;
				}
		#credit-msl { 
			margin-top: 2px; 
			float: left; 
			background: url(img/09/credit-msl.gif) 0 0 no-repeat; 
			width: 12px; 
			height: 12px; 
			display: block;
			}
		#credit-change {
			margin-top: 2px;
			float: left;
			background: url(img/09/credit-change.gif) 0 0 no-repeat;
			width: 12px;
			height: 12px;
			display: block;
			}
		#credit-unpublished {
			margin-top: 2px;
			float: left;
			background: url(img/09/credit-unpublished.gif) 0 0 no-repeat;
			width: 12px;
			height: 12px;
			display: block;
			}
		#work h3 a {
			float: left;
			text-decoration: none;
			font-size: 13px;
			color: #777;
			margin-right: 4px; */
			}
			
#about ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 50px;
	}
	#about ul li {
		font-size: 11px;
		color: #777;
		line-height: 155%;
		}
	.fancy-chart {
		float: left;
		margin-top: -20px;
		width: 297px;
		height: 283px;
		background: url(img/09/fancy-chart.png) 0 0 no-repeat;
		}
	.client-list { float: left; }			
	.client-credit { font-size: 9px; padding-top: 10px; clear: both; font-style: italic; }
	.about-footer {
		width: 540px;
		height: 86px;
		clear: both;
		background: url(img/09/open-sign.jpg) left center no-repeat;
		padding: 0px 20px 0 120px;
		border-top: 1px dotted #BBB7A5;
		}
		.about-footer p {
			padding-top: 20px;
			font-size: 12px;
			font-weight: bold;
			}
			

	#contact-box {
		float: left;
		width: 215px;
		margin-right: 20px;
		}
	#contact-box p {
		font-size: 11px;
		}
	#form-box {
		float: left;
		width: 435px;
		background: url(img/09/form-bg2.jpg) 0 0 repeat-y;
		}
	#contact form {
		padding-top: 100px;
		background: url(img/09/form-top.jpg) 0 0 no-repeat;
		padding-left: 20px;
		}
	#form-bottom {
		background: url(img/09/form-bottom.jpg) 0 0 no-repeat;
		height: 61px;
		}
		label {
			font-size: 10px;
			line-height: 30px;
			text-transform: uppercase;
		}
		input {
			float: right;
			margin-right: 40px;
			background: #DDE5E5;
			border: none;
			padding-left: 8px;
			height: 35px;
			width: 313px;
			background: #DDE5E5 url(img/09/input-bg.jpg) right bottom no-repeat;
			font-family: "Courier New", Courier, monospace;
		}
		input:focus {
			background: #ffffff url(img/09/input-bg.jpg) right bottom no-repeat;
			outline: none;
		}
		select {
			margin-left: 8px;
			color: #777;
			background: #DDE5E5;
		}
		textarea {
			background: #DDE5E5 url(img/09/input-bg.jpg) right bottom no-repeat;
			width: 321px;
			height: 150px;
			float: right;
			margin-right: 40px;
			border: none;
			padding-bottom: 10px;
			font-family: "Courier New", Courier, monospace;
		}
		textarea:focus { outline: none; }
		#form-box form p {
/*			background: url(img/09/input-bg.jpg) bottom right no-repeat;
*/		}
		
		#paperclip {
			background: url(img/09/tape.png) 0 0 no-repeat;
			height: 69px;
			margin-left: -33px;
		}
		.formbutton {
		cursor: pointer;
		border: none;
		background: url(img/09/submit.gif) 0 0 no-repeat;
		height: 16px;
		margin: 22px 40px 0 0;
		text-indent: -9999px;
		}
		.formbutton:hover {
			background-position: 0 -16px;
		}
		#captcha-box p {
			padding-left: 53px;
			font-size: 10px;
			line-height: 30px;
			text-transform: uppercase;	
		}
		#captcha-box img {
			float: left;
		}
		#captcha-box input {
			float: right;
			width: 155px;
		}
		

#sidebar {
	padding: 0 0px;
	margin-top: 40px;
	background: url(img/09/sidebar-bg.png) 0 0 repeat-y;
}
#sidebar-bottom {
	background: url(img/09/sidebar-bg-bottom.jpg) 0 0 no-repeat;
	height: 88px;
}

#sidebar-paper {
	background: url(img/09/sidebar-bg-top2.png) 0 0 no-repeat;
	padding: 75px 35px 0 35px;
}	
#sidebar-paper h2 { font-size: 12px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 0; }
#sidebar-paper p { font-size: 12px; line-height: 140%; }
#sidebar-paper ul {
	list-style-type: none;
	margin-bottom: 20px;
	}
	#sidebar-paper li {
		margin-bottom: 8px;
		font-size: 12px;
		padding-left: 20px;
	}
	li.icon-twitter { background: url(img/09/icon-twitter.jpg) 0 0 no-repeat; height: 16px; }
	li.icon-facebook { background: url(img/09/icon-facebook.jpg) 0 0 no-repeat; height: 16px; }
	li.icon-collabfinder { background: url(img/09/icon-collabfinder.jpg) 0 0 no-repeat; height: 16px; }
	li.icon-linkedin { background: url(img/09/icon-linkedin.jpg) 0 0 no-repeat; height: 16px; }
	li.icon-flickr { background: url(img/09/icon-flickr.jpg) 0 0 no-repeat; height: 16px; }
	#sidebar-paper li:hover { background-position: 0 -16px;}

#twitter-box {
	margin: 0;
	padding: 0;
	margin-left: -5px;
	background: url(img/09/twitter-bg.jpg) 0 0 repeat-y;
	width: 188px;
	}
	#twitter-box p {
		padding: 10px 5px 14px 15px;
		width: 168px;
		background: url(img/09/twitter-bottom.jpg) left bottom no-repeat;
	}
	#twitter-box p em { font-size: 9px; font-style: italic; }
	#twitter-box h2 { padding: 0; margin: 0; }
	#twitter-box h2 a {
		margin: 0; padding: 0;
		background: url(img/09/twitter.jpg) 0 0 no-repeat;
		height: 42px;
		display: block;
		width: 188px;
	}
	#twitter-box h2 a:hover {
		background-position: 0 -42px;
	}
	#twitter-box h2 a span { display: none; }

#linkbox {
	border: 1px solid black;
	position: absolute;
	bottom: 1em;
	right: 1em;
	width: 150px;
	height: 25px;
	z-index: 8;
	background: #fff;
	}
	
#bottombar {
	background: url(bottombar.png) 0 0 no-repeat;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 4;
	}