#portfoliowrapper {float:left; width:100%; background:#0b141c url(../images/bg-portfolio.png) top left repeat-x;}
#portfolio {position:relative; margin:0 auto; width:980px;}
#portfolio div.section {height:75px; margin:0 0 25px 0; border-bottom:1px solid #1b2530;}
#portfolio div.section h2.portfolio {float:left; width:295px; height:40px; margin:31px 0 0 0; background:url(../images/h2-portfolio.png) 0 0 no-repeat; border-bottom:4px solid #0f6f87;}

#nav4 {float:right; width:588px; height:66px; margin:15px 0 0 0;}
#nav4 li {float:left; height:66px;}
#nav4 li a {height:66px; background:url(../images/nav-menu.png);}
	* html #nav4 li a {background:url(../images/nav-menu.gif);}

#nav4 li a.about {width:160px; background-position:0 0;}
#nav4 li a.about:hover {background-position:0 -66px;}
#nav4 li a.services {width:140px; background-position:-160px 0;}
#nav4 li a.services:hover {background-position:-160px -66px;}
#nav4 li a.portfolio {width:145px; background-position:-300px 0;}
#nav4 li a.portfolio:hover {background-position:-300px -66px;}
#nav4 li a.active {background-position:-300px -66px;}
#nav4 li a.contact {width:143px; background-position:-445px 0;}
#nav4 li a.contact:hover {background-position:-445px -66px;}

#showcase {margin:0 0 25px 0;}
#showcase img {border:5px solid #ffffff; cursor:pointer;}
#showcase img:hover {border:5px solid #fff718;}
#showcase div.boxgrid {}
#showcase div.last {margin-right:0;}

#portfolio div.top {clear:both; font-size:1px; height:32px; overflow:hidden;}
#portfolio div.top a.top {float:right; display:block; width:153px; height:22px; font-size:12px; padding:10px 0 0 0; color:#344b5b; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; background:url(../images/btn-portfolio-top.png) 0 0 no-repeat;}
#portfolio div.top a.top:hover {color:#fff718;}

/* Overlay */
/* the overlayed element */ 
.apple_overlay { 
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */
   	padding:55px 60px 55px 60px;
    z-index:10000;
    width:785px;
    height:481px;
    background-image:url(../images/bg-feat-portfolio.png);
    color:#ffffff;
           
} 
* html .apple_overlay {background-image:url(../images/bg-feat-portfolio.gif)}
 
/* close button positioned on upper right corner */ 
.apple_overlay .close { 
    position:absolute;
    right:40px; 
    top:30px; 
    background:url(../images/close.png) 0 0 no-repeat;
    cursor:pointer; 
    height:39px; 
    width:39px; 
}

#mask { 
	display:none;
    background:#0f2133 url(../images/mask-gradient-1000.png) 40% 70% no-repeat; 
}

.apple_overlay .feature {width:785px; height:470px; background:#163047; overflow:hidden;}
.apple_overlay .feature h1 {color:#ffffff; font-family:Arial; font-weight:bold; letter-spacing:-.04em; font-size:32px; padding:10px; background:#0f2a3e;}
.apple_overlay .feature div.left {float:left; width:235px; padding:20px;}
.apple_overlay .feature div.left h2 {font-size:22px; font-weight:bold; letter-spacing:-.04em; margin:0 0 5px 0;}
.apple_overlay .feature div.left ul {}
.apple_overlay .feature div.left ul li {color:#a5c0dc; font-size:12px; padding:3px 0 3px 0px; font-weight:bold;}
.apple_overlay .feature div.left a.launch {width:112px; height:31px; margin:25px 0 0 0; background:url(../images/btn-launch-site.png) 0 0 no-repeat;}
.apple_overlay .feature div.left a.launch:hover {background-position: 0 -31px;}
.apple_overlay .feature div.left p {font-size:11px; color:#128aa5; padding:5px 0 0 0;}

.apple_overlay .slideshow {float:left; width:500px; padding:10px 10px 0 0; height:350px; overflow:hidden; }
.apple_overlay .slideshow div {width:500px; height:350px; overflow:hidden; background:#ffffff;}
.apple_overlay ul.portab {float:right; margin:6px 10px 0 0;}
.apple_overlay ul.portab li {float:left; margin:0 0 0 2px;}
.apple_overlay ul.portab li a {display:block; float:left; color:#ffffff; width:25px; height:20px; font-size:14px; padding-top:5px; text-align:center;
 background:#27415c; text-decoration:none; font-weight:bold;}
.apple_overlay ul.portab li a:hover {background:#2886a4;}
.apple_overlay ul.portab li a.current {background:#2886a4;}


/* Mouseovers */
.boxgrid{
	width: 315px;
	height: 175px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
	margin:0 17px 17px 0;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border:5px solid #ffffff; 
	cursor:pointer;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	width: 100%;
}
.boxcaption h3 {
	text-align:center;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	padding:15px;
	background:url(../images/bg-boxcaption.png) 0 0 repeat-x;
} 
 .captionfull .boxcaption {
 	top: 175px;
 	left: 0;
 }