body{font:13px/1 'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; background: url("/img/beige_paper.png") repeat #ccc 0;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}
ol{list-style:decimal}ul{list-style:disc}
li{list-style:none;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px;font-weight:normal;}
h1,h2,h3,h4{margin-bottom:10px;margin-top:20px;}
h1,h2{font-weight:bold;}
p{line-height:1.5em;margin-bottom:10px;margin-top:0; }
a{color:#000; text-decoration:none;}
a:hover{color:#666;}
strong{font-weight:bold;}
hr{border-bottom:1px solid #828282;margin-top:5px;}

#header{margin:30px 10px;height:61px;}
#logo{float:left;}

/*NAV*/

#nav {
    float:right;
    margin-top:18px;
}
#nav ul,#nav li{margin:0;}
#nav li {
    float:left;
    list-style: none;
	margin-left:8px;
}
#nav li a {
	color:#000;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
    display: block;
	padding:10px 0;
	width:84px;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:5px;
	background:#eee;
}
#nav li a:hover, #nav li.active a{color:#fff;background:#000 url(../img/nav-bg.jpg) repeat-x;}
/*#nav li.active{background:url(../img/active-nav2.png) no-repeat bottom center; padding-bottom:10px;}*/
#nav li a:active{margin-top:2px;background:#000}


#body{margin-top:20px;}


h1.headline{font-size:48px; font-weight:bold;margin:0;}
h2.sub-headline{font-size:26px; font-weight:bold;margin:0}
h3.sub-sub-headline{font-size:14px; font-weight:bold;margin:0}

#hero{background:#000;color:#ffffff;padding:15px;overflow:hidden;-moz-box-shadow:0 5px 5px #666666;}
#arrows{position:relative;display:none;}
#arrow-left,#arrow-right{position:absolute;top:-195px;overflow:hidden;}
#arrow-left{left:-26px;}
#arrow-right{left:940px;}
#arrows #arrow-left a,#arrows #arrow-right a{
    display: block;
    width: 26px;
    height: 75px;
    text-indent: -9999px;
}
#arrow-left a{background:url(../img/port/arrow-left.png) no-repeat;}
#arrow-left a:hover{background:url(../img/port/arrow-left.png) no-repeat 0 -75px;}
#arrow-right a{background:url(../img/port/arrow-right.png) no-repeat;}
#arrow-right a:hover{background:url(../img/port/arrow-right.png) no-repeat 0 -75px;}
#slides{overflow:hidden;}
.slide{background:#fff;color:#000;width:910px;overflow:hidden;}
.slide .left{width:510px;border-right:15px solid #000000;float:left;height:284px;}
.slide .right{float:left;height:284px;width:385px;}
.slide .right .top{height:6px; background:url(../img/shadow-top.jpg) no-repeat;}
.slide .right .main{background:url(../img/shadow-main.jpg) repeat-y; height:193px;padding-top:100px;padding-left:20px;}
.slide .right .bottom{height:5px; background:url(../img/shadow-bottom.jpg) no-repeat;}

ul.service li{font-size:14px;margin-bottom:11px; list-style:none;margin-left:0;font-weight:bold;}
ul.service li a{padding-left:15px; margin-left:0; background:url(../img/li.png) no-repeat left center;}
ul.service li a:hover, ul.service li a.active{color:#666;padding-left:20px;padding-right:5px;background:#efefef url(../img/li.png) no-repeat 5px center;}
ul.clients li{margin-bottom:6px;font-size:10px;text-transform:uppercase;}
ul.clients li a{font-weight:bold;color:#000;}
ul.clients li a.active, ul.clients li a:hover{padding-left:14px; padding-right:3px;background: #efefef url(../img/li-small.jpg) no-repeat 3px center; color:#666;}
ul.port-links{margin-left:96px;}
ul.port-links li{margin-bottom:3px; list-style:none;margin-left:0;}
ul.port-links li a{padding-left:15px; margin-left:0; background:url(../img/li.png) no-repeat left center;}

#footer p{color:#707070;font-weight:bold;font-size:11px;margin-bottom:20px;text-align:center;}
.grey{color:text-shadow: 0px 0px 6px #fff;}
.white{color:#fff;}

.link-box a,input.link-box{padding:9px;background:#eee;color:#000;font-weight:bold;text-align:center;float:left;border:1px solid #ddd; border-radius:5px;}
.link-box a:hover{color:#fff;background:#000;}
input.link-box{padding:10px 0;background:#000;color:#fff;font-weight:bold;text-align:center;border-radius:7px;border:0;width:356px;font-size:14px;}

td.label{font-weight:bold;text-align:right;padding:2px 5px 0 0;width:110px;}
div.label{font-weight:bold;padding: 10px 10px 0px 0;width:80px;;margin-bottom:5px;}
div.input{float:left;margin-bottom:5px;}
div.input input{height:20px;padding:5px; font-size:14px; font-weight:bold; width:340px;}
div.input textarea{width:334px;padding:10px;font-family:arial}

#float-top{position:relative;}
h3#filter-title{position:absolute;top:-200px;text-align:center;width:100%;font-size:60px;color:#ccc;z-index:101;font-weight:bold;padding:10px; background:#000;}

.hide{display:none;}

table.about td{padding:5px;}
table.about td.label{}
table.about td li{line-height:1.5em;}

.blackwhitebold{font-weight:bold; color:#fff; background:#000;}

ul.resume-list{margin-left:10px;}
ul.resume-list li{list-style:disc;margin:5px 14px;}


/**/
#content{float:left;}
h1{ background: none;color: #000000;font-size: 24px;margin-bottom: 20px;margin-top: 0;padding: 15px 0;}
#listitems{padding-left:15px;}
h2{color: #000;font-size: 18px;margin-top: 0;padding-bottom:10px; border-bottom:1px solid #ccc;}
#grid{float:left;}
#items{float:left;}
.box{background: url(../img/view.jpg) no-repeat center 90px;margin-bottom:20px;}
.box .white{background:#fff;float:left;-webkit-box-shadow:0 2px 5px #ddd;-moz-box-shadow:0 2px 5px #ddd;box-shadow:0 2px 5px #ddd}
.box .white:hover{-webkit-box-shadow:0 none;-moz-box-shadow:0 0 0;box-shadow:0 0 0;}
.box a.thumb img{margin:5px;display:block;}
.box .right{float:right;}
.box p.footer{background: none repeat scroll 0 0 #EAEAEA;border-radius: 4px 4px 4px 4px;color: #000;font-size: 9px;margin: 5px;padding: 5px;margin-top:0px;}
p{font-size:12px;}
p span.client{font-weight:bold;}
.screenshot{-webkit-box-shadow:0 5px 5px #ccc;-moz-box-shadow:0 5px 5px #ccc;box-shadow:0 5px 5px #ccc;min-height:402px;text-align:center;margin-bottom:20px;background:url(../img/loading.gif) no-repeat center center #fff;}
.screenshot a{float:left;}
.screenshot img{display:block;text-align:center;margin:0 auto;}
#piececontainer{float:left;}
#worktitle{padding:20px 0;}
#worktitle p{font-size:12px;margin-bottom:0;}
a.back,a.backright{ background:#000; padding:15px 10px; display:block; color:#fff; font-size: 12px;font-weight: bold;left: 50%;margin-left:-514px;position: fixed;text-align: center;top: 300px;z-index: 2;display:none;opacity:.5;border-radius:10px;box-shadow:0px 0px 5px #999;}
a.backright{margin-left:474px;}
a.back:hover,a.backright:hover{opacity:.75;}
#anchoredbar{position:fixed;width:100%;padding:10px;z-index:3;display:none;background:#000;opacity:.5;color:#fff;box-shadow:0 2px 5px #999;}
#anchoredbar a{color:#fff;display:block;font-weight:bold;}
.columnheader{font-size: 16px;margin-bottom: 20px;margin-top: 0;padding: 10px; background:#eee;color:#000;border-radius:7px;}

.prevboxcont{position:absolute;height:0;}
	.prevbox{position:relative;padding-left:10px;left:159px;top:-158px;background: url(..//img/pointer-arrow-left.jpg) 0 55px no-repeat;z-index:1;display:none;}
	.right .prevboxcont .prevbox{left:-362px;background: url(..//img/pointer-arrow-right.jpg) right 55px no-repeat;padding-left:0;padding-right:10px;}
	.box .prevbox img{border:6px solid #000;}
	.hovercontain{position:absolute;}
	.hover{position:relative;display:none;}
	.hover p a{font-size:24px;text-transform:uppercase;width:220px;padding:86px 0;text-align:center;font-weight:bold;background:#fff;color:#000; opacity:0.5;display:block;}
	.clicktozoomcont{position:absolute;}
	.clicktozoom{position:absolute;background:#000;color:#fff;padding:10px;opacity:.5;border:1px solid #fff;font-weight:bold;display:none;z-index:100;}

#main p{font-size:12px;}
#main h3.employ{font-size:16px;}
.transparent{opacity:.5;-webkit-opacity:.5}

.section{padding-bottom:1px;margin-bottom:20px;}