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

* {
margin: 0;
padding: 0;
border: 0 none;
font-style: normal;
text-decoration: none;
outline-style: none;
}
ul { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Web", Tahoma, sans-serif; letter-spacing: 1px; color:#666666; }
em { font-style: italic }
strong { font-weight: bold }
p {
 	color:#CCCCCC;
	background-color:#000;
	display:inline;
	line-height:1.35;
	font-size:11px;
}

a {text-decoration:underline; color:#ffffff;}
a:link {text-decoration:underline; color:#ffffff;}
a:visited {text-decoration:underline; color:#ffffff;}
a:active {text-decoration:underline; color:#ffffff;}
a:hover {text-decoration:underline; color:#f1f1f1;}

body { 
font: 10px Helvetica, sans-serif;
line-height:15px;
color: #FFFFFF;
background:url(images/bg.jpg) #000;
text-transform:lowercase;
}
button { cursor: pointer }

    img, div, a, h1 { behavior: url(iepngfix.htc) }
	
	ul#nav {
	width: 490px;
	float:left;
			background:#000;
}
		ul#nav li {
		float: left;
		padding:8px 0px;
		padding-left: 20px;
		cursor: pointer;

		}
		ul#nav li#first { margin-left: 0 }
		ul#nav li a { display: block; text-indent: -9999px; }
			ul#nav a#space { height: 12px; width: 25px; }
			ul#nav a#home { background: url(images/nav/home.png) no-repeat left top; height: 12px; width: 35px; }
			ul#nav a#web { background: url(images/nav/websites.png) no-repeat left top; height: 12px; width: 62px; }
			ul#nav a#illustrations { background: url(images/nav/illustrations.png) no-repeat left top; height: 12px; width: 83px; }
			ul#nav a#print { background: url(images/nav/print.png) no-repeat left top; height: 12px; width: 36px; }
			ul#nav a#about { background: url(images/nav/about.png) no-repeat left top; height: 12px; width: 62px; }
/*
			ul#nav a:hover#home, ul#nav a#about-here { background: url(images/nav/home-o.png) no-repeat left top; height: 24px; width: 81px; }
			ul#nav a:hover#partners, ul#nav a#services-here { background: url(images/nav/trilogytalent-o.png) no-repeat left top; height: 24px; width: 171px; }
			ul#nav a:hover#films, ul#nav a#portfolio-here { background: url(images/nav/products-o.png) no-repeat left top; height: 24px; width: 121px; }
			ul#nav a:hover#tv, ul#nav a#weblog-here { background: url(images/nav/press-o.png) no-repeat left top; height: 24px; width: 160px; }
			ul#nav a:hover#contact, ul#nav a#contact-here { background: url(images/nav/contact-o.png) no-repeat left top; height: 24px; width: 112px; }
*/		
	
	
#wrapper {
height:32px;
	background:url(images/wrapper.png) top repeat-x;
	}

#header {
	height:240px;
	}

#content {
	width:100%;
	float:left;
	}

#navi {
	width:214px;
	height:175px;
	padding-left:25px;
	margin-top:13px;
	margin-bottom:15px;	
	z-index:1; 
	background:url(images/logo.png) no-repeat top center;
}
#logo {
	/*background:url(images/header.png) 50% 0% repeat-x;*/
	margin:0px 15px;
	position: fixed;
	width:214px
}

#blog {
	float:left;
	width:305px;
	margin-left:25px;
	}
	
	#blog img{
		border:3px #000 solid;
		}
	
#details {
	float:left;
	width:525px;
	margin-left:25px;
	}
	
	#details img{
		border:4px solid #000;
		}

#feweb {
	float:left;
	width:205px;
	margin-left:25px;
	}

#feill {
	float:left;
	width:205px;
	margin-left:15px;
	padding-top:14px;
	}
#fecontact {
	float:left;
	width:205px;
	margin-left:15px;
	}
	
#weblist {
	float:left;
	width:420px;
	margin-left:25px;
	padding:5px;
	}

#about_containter {
	width:300px;
	margin-left:25px;
	float:left;
	}
#features {
	width:900px;
	margin-left:5px;
	float:left;
	}

	
	#footer {
	padding:10px 0px;
	margin:60px auto;
	width:780px;
	position:relative;	
	float:left;
	}
	

#mySlides {
	height:50px;
	}
#myController {
	position:absolute;
	top:13px;
	left: 903px;
	height: 137px;
	width: 146px;
}

#myController span{
	color:#FFF;
	background:#000;
	margin-right:10px;
	cursor:pointer;
}

#jFlowSlide{
/*border:10px solid #F00;*/

}

#myController span.jFlowSelected {
background:#FFF;
color:#666666;
}


.jFlowPrev, .jFlowNext{
cursor:pointer;
background:#000;
}

.work-item {
  height:86px;
  width:200px;
  margin-bottom:1em;
  margin-right:1em;
  font-size:0.9em;
  float:left;
}
.work-item-small {
  height:43px;
  width:95px;
  margin-bottom:1em;
  margin-right:0.5em;
  font-size:0.9em;
  float:left;
}

.ill-item {
  height:245px;
  width:215px;
  margin-top:0.5em;
  margin-bottom:4.5em;
  font-size:0.9em;
  float:left;
}

.work-item a{
	text-decoration:none;
	}

.work-item h1 {
  padding-top:0.5em;
  font-size:1.5em;
}

.work-item p {
  width:auto;
  line-height:1.00em;
  text-decoration:none;
}

.thumbnail {
  color:#FFF;
  text-decoration:none;
  float:left;
  position:relative;
}

.thumbnail .images {
  position:absolute;
  overflow:hidden;
}

.thumbnail .images img {
  float:left;
  position:relative;
}

.thumbnail .hover {
  height:100%;
  width:200px;
  padding:0.5em;
  color:#FFF;
  text-align:left;
  background:transparent url(images/black-75.png) repeat top left;
  position:absolute;
  top:0px;
  display:none;
}