body {
	background-color: #404040; margin:0; padding:0;
}
body,td,th {
	font-family: Arial, sans-serif;	
	font-size: 13px;
 	color: #bbb;
	font-weight: normal; 
	overflow: hidden;
}



a {
	color: #bbb;
}a:link {
	color: #bbb;
}	
a:visited {
	color: #bbb;
}
a:hover {
	color: #bbb;
	text-decoration:none;
}
a:active {
	color: #bbb;
}

p {margin:20px 80px; }
 .info p {margin:0 0 7px 0; padding:0; }


img { border:none !important; }
img a{ border:none !important; text-decoration:none !important; }


/* INFO 
*/
#blackbox {
	position:fixed;
	top:0; left:120px;
	width:220px;
	z-index:1;
	background: #000;
	z-index:10;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-moz-border-radius: 3px;
	
}
.info {
	border-top:1px solid #bbb;
	padding-top:5px;
	margin:20px 8px 0px 8px;
	z-index:5000;
	color:#fff;
}
.info a{

	color:#fff;
}
.social a { width:16px; height:16px; float:left; margin-right:10px; margin-top:5px; }
.social a:hover { background-position:bottom; }
.facebook a { background-image: url(../img/fb.gif); }
.linkedin a { background-image: url(../img/li.gif); }
.twitter a { background-image: url(../img/tw.gif); }
.tumblr a { background-image: url(../img/t.gif); }

#scroller {
	margin-right: 8px;
    overflow: hidden;
		-webkit-font-smoothing: subpixel-antialiased;

}
#scroller ul li a {
    text-decoration: none;
}
#scroller ul li {
    text-decoration: none;
	height:100px;
}
#scroller ul li a:hover {
    text-decoration: underline
}
#scroller ul li .date {
    margin-left: 0px;
    line-height: 20px;
    font-size: 9px;	
}
#scroller ul li .link {
    font-size: 10px;
    font-weight : bold;
    font-style : italic;
    padding-left : 0px;
}	


/* NAV 
*/

.underlined {border-bottom:1px solid #bbb; margin-bottom:0; display:inline; }

ul.nav { list-style:none; display:inline;  position:fixed; top:44px; left:360px; font-family:helvetica, arial;  font-size:25px;  z-index:20; display:inline; margin:0; padding:0; width:640px;}
ul.nav li { display:inline;  margin-right:20px; }
ul.nav li a { display:inline;  margin-right:20px; text-decoration:none; }
li.current a{ font-family:helvetica, arial; font-size:25px; z-index:20; color:#fff !important; display:inline; }
		
/* RECENT 
*/
#rec { }
#recent-holder {position:absolute; left:-300px; }

.lrg-wrap { width:230px; height:160px; top:50px; left:50px; }

#viewport{
	width: 2550px; 
	height:360px; position:absolute;	
	float:left;  margin:0; padding:0;
	z-index:1;
}
#viewport ul{
position:absolute;	left:0px;padding: 0; margin:0; margin-top:107px;
}
#viewport li{
	width: 640px; 
	height:360px; 
	float: left; 
	list-style: none; 
	background-color: #000;
	margin: 0 20px 0 0;
}
#simplePrevious {
	cursor: pointer;
	position:absolute;
	top:488px;
	left: 360px;
	width:60px;
    background:#fff;	
    margin-right:1px;
	z-index:10;
	-moz-border-radius: 3px;
    border-radius: 3px;
		color:#000;
padding:1px 0 0 1px;
}
#simpleNext {
	position:absolute;
	top:488px;
	left:939px;
    cursor: pointer;
	width:60px;
    background:#fff;	
	-moz-border-radius: 3px;
    border-radius: 3px;
	color:#000; text-align:right;padding:1px 1px 0 0 ;
}
	
#mask1 {width:120px; height:360px; position:absolute; left:300px; top:107px; background: rgba(64, 64, 64, 0.9); z-index:20; margin:0; padding:0;}

#mask2 {
	width:2000px;
	height:360px;
	position:absolute;
	left:1320px;
	top:107px;
	z-index:20;
	margin:0;
	padding:0;
	background-image: url(../img/mask2.png);
	background-repeat: repeat-y;
}
#title-mask { position:absolute; left:1001px; top:488px; height:150px; width:5000px; z-index:20; background:#404040; } 
#title-mask2 { position:absolute; left:0px; top:488px; height:150px; width:120px; z-index:20; background:#404040; } 

/* PORTFOLIO 
*/
#port-wrap {width:760px; left: 360px; top:1500px;position: absolute; } 
#portfolio-holder { width:740px;   position: absolute;  left: 0; top:107px; }
#portfolio-holder a{text-decoration:none !important;  }

.thumb { width:220px; height:160px; -moz-border-radius: 32px; position:relative;
    border-radius: 3px; background:#777; float:left; margin:0 20px 20px 0;  overflow:hidden; } 
.thumb img, .head-thumb img, .head-thumb-550 img {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 200ms;

-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 200ms;

-o-transition: opacity;
-o-transition-timing-function: ease-out;
-o-transition-duration: 200ms;

transition: opacity;
transition-timing-function: ease-out;
transition-duration: 200ms;

}
.thumb img:hover, .head-thumb img:hover, .head-thumb-550 img:hover{
opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 200ms;

-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 200ms;

-o-transition: opacity;
-o-transition-timing-function: ease-out;
-o-transition-duration: 200ms;

transition: opacity;
transition-timing-function: ease-out;
transition-duration: 200ms;
}

.thumb-title {   background: rgba(0, 0 ,0 ,0.5); _background: rgb(0, 0 ,0) ; padding:6px;  width:208px; display:inline; position:absolute; bottom:0; left:0; -moz-border-radius: 3px; border-radius: 3px; }

	
	
	
/* CLIENT LIST 
*/	
#top { 
height:107px; 
}
#clients {
width:760px; left: 360px; top:3000px;position: absolute;	
}
#bottom { 
height:1500px;width:720px; 
}

/* SINGLE ITEM 
*/	
	
.desc { 
position:absolute;top:526px;left:80px;
}
#viewport-11 { 
position:absolute;top:0;left:0;padding:0;margin:0; 
width:541px;height:869px; 	
float:left;overflow:hidden;

}
#viewport-11 li { 
	width: 541px; 
	height:800px; 
	float: left; 
	list-style: none; 
	margin: 0;

}
#viewport-10,

#viewport-01,
#viewport-02,
#viewport-07,
#viewport-08,
#viewport-09
{
position:absolute;top:0;left:0;padding:0;margin:0; 
width:900px;height:506px; 	
float:left;overflow:hidden;
}
#viewport-03

{
position:absolute;top:0;left:0;padding:0;margin:0; 
width:809px;height:506px; 	
float:left;overflow:hidden;
}
#viewport-04
{
position:absolute;top:0;left:0;padding:0;margin:0; 
width:791px;height:506px; 	
float:left;overflow:hidden;
}
#viewport-05
{
position:absolute;top:0;left:0;padding:0;margin:0; 
width:633px;height:506px; 	
float:left;overflow:hidden;
}
#viewport-06
{
position:absolute;top:0;left:0;padding:0;margin:0; 
width:679px;height:506px; 	
float:left;overflow:hidden;
}
#viewport-10 ul,
#viewport-11 ul,

#viewport-01 ul,
#viewport-02 ul,
#viewport-03 ul,
#viewport-04 ul,
#viewport-05 ul,
#viewport-06 ul,
#viewport-07 ul,
#viewport-08 ul,
#viewport-09 ul
{
position:absolute;top:0;left:0;padding:0;margin:0; 
}
#viewport-10 li,

#viewport-01 li,
#viewport-02 li,
#viewport-07 li,
#viewport-08 li,
#viewport-09 li
{
	width: 900px; 
	height:506px; 
	float: left; 
	list-style: none; 
	background-color: #000;
	margin: 0;
}
#viewport-03 li
{
	width: 809px; 
	height:506px; 
	float: left; 
	list-style: none; 
	background-color: #000;
	margin: 0;
}
#viewport-04 li
{
	width: 791px; 
	height:506px; 
	float: left; 
	list-style: none; 
	background-color: #000;
	margin: 0;
}
#viewport-05 li
{
	width: 633px; 
	height:506px; 
	float: left; 
	list-style: none; 
	background-color: #000;
	margin: 0;
}
#viewport-06 li
{
	width: 679px; 
	height:506px; 
	float: left; 
	list-style: none; 
	background-color: #000;
	margin: 0;
}

#simplePrevious-01,
#simplePrevious-02,
#simplePrevious-03,
#simplePrevious-04,
#simplePrevious-05,
#simplePrevious-06,
#simplePrevious-07,
#simplePrevious-08,
#simplePrevious-09,

#simplePrevious-10
{
	position:absolute;
	top:526px;
	left: 5px;
	width:60px;
    background:#fff;	
    margin-right:1px;	
	color:#000;
    padding:1px 0 0 1px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
}
#simplePrevious-11
{
	position:absolute;
	top:820px;
	left: 5px;
	width:60px;
    background:#fff;	
    margin-right:1px;	
	color:#000;
    padding:1px 0 0 1px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
}
#simpleNext-01,
#simpleNext-02,
#simpleNext-03,
#simpleNext-04,
#simpleNext-05,
#simpleNext-06,
#simpleNext-07,
#simpleNext-08,
#simpleNext-09,

#simpleNext-10
{
	position:absolute;
	top:526px;
	right:5px;
	width:60px;
    background:#fff;	
	color:#000; 
	text-align:right;
	padding:1px 1px 0 0;
	-moz-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
}

#simpleNext-11
{
	position:absolute;
	top:820px;
	right:5px;
	width:60px;
    background:#fff;	
	color:#000; 
	text-align:right;
	padding:1px 1px 0 0;
	-moz-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
}