body{font:13px/1 'Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; background:#ccc}
a:focus{}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;}
h3.employ{font-size:14px;margin-bottom:0px;}
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{height:117px;background:url(../img/header-bg.jpg) no-repeat;}
#logo{margin-top:26px;}

#featured{}
#featured .slide{float:left;}


/*NAV*/
#nav {
    position:relative;
	left:372px;
    width: 416px;
    height: 81px;
    overflow: hidden;
    margin-top:36px;
}
#nav ul,#nav li{margin:0;}
#nav li {
    position: absolute;
    list-style: none;
}
#nav li a {
    display: block;
    width: 124px;
    height: 150px;
    text-indent: -9999px;
}

#nav li.port { left: -16px; }
#nav li.port a { background:url(../img/nav/001.png) no-repeat; }
#nav li.port a:hover, #nav li.port a.active { background:url(../img/nav/001.png) no-repeat 0 -81px; }

#nav li.resume { left: 86px; top:15px; width:96px;}
#nav li.resume a { background:url(../img/nav/002.png) no-repeat;width:96px; }
#nav li.resume a:hover,#nav li.resume a.active { background:url(../img/nav/002.png) no-repeat 0 -79px; }

#nav li.about { left: 162px; top:8px;width:88px;}
#nav li.about a { background:url(../img/nav/003.png) no-repeat;width:88px;}
#nav li.about a:hover,#nav li.about a.active { background:url(../img/nav/003.png) no-repeat 0 -78px; }

#nav li.blog { left: 240px; top:8px;width:88px;}
#nav li.blog a { background:url(../img/nav/005.png) no-repeat;width:88px;}
#nav li.blog a:hover,#nav li.blog a.active { background:url(../img/nav/005.png) no-repeat 0 -78px; }

#nav li.contact { left: 320px;width:96px; }
#nav li.contact a { background:url(../img/nav/004.png) no-repeat;width:96px; }
#nav li.contact a:hover, #nav li.contact a.active { background:url(../img/nav/004.png) no-repeat 0 -81px; }

#subnav{position:relative;}
#subnav h4{position:absolute;left:525px;width:371px;padding:7px;background:url(../img/subnav-shadow.jpg) repeat-x #828282;color:#fff;margin:0;z-index:100;font-size:12px;font-weight:bold;}

/*END NAV*/

#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;background:#000000;padding:15px;overflow:hidden;}
#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:20px;margin-bottom:11px; list-style:none;margin-left:0;}
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{background:url(../img/li-over.png) no-repeat left center;color:#666;}
ul.service li a.active{margin-left:10px;}
ul.clients li{margin-bottom:6px;}
ul.clients li a.active{padding-left:7px; background: url(../img/li-small-over.jpg) no-repeat left 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{border-top:1px solid #000; padding-top:20px;text-align:center;}
.grey{color:text-shadow: 0px 0px 6px #fff;}
.white{color:#fff;}

.link-box a,input.link-box{padding:7px;background:#fff;color:#000;font-weight:bold;text-align:center;margin-top:20px;width:88px;float:left;}
.link-box a:hover{color:#999;}
input.link-box{padding:7px;background:#000;color:#fff;font-weight:bold;text-align:center;}

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;text-align:right;width:80px;float:left;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:10px;width:185px}
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-left:20px;}