/* DESIGN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.page-template-design-php .odd {border-top:#4D5664 1px solid; border-bottom:#49515F 1px solid; padding:30px 0;}

.page-template-design-php .even { background:#151A20 url(images/noise.png) repeat; border-top:#040506 1px solid; border-bottom:#080A0C 1px solid; padding:30px 0;}

.page-template-design-php .first {border-top:none;}

.page-template-design-php .last {border-bottom:none;}

.one .post-img { background:url(images/portfolio-background.png) no-repeat; width:752px; height:376px; position:relative;}

.one .post-img img { margin:16px 0 0 18px;}

.one .post-img .overlay { position:absolute;background:url(images/portfolio-frame.png) no-repeat; display:block; width:716px; height:345px; top:16px; left:18px;}

.one .post-img a {display:block; position:absolute;width:716px; height:345px; top:16px; left:18px; z-index:10;}

.multi .slidr .next {cursor:pointer; position:absolute; top:142px; left:38px; z-index:100; background:url(images/next-icon.png) no-repeat; width:58px; height:0; padding-top:58px; overflow:hidden; display:block;}

.slidr { background:url(images/portfolio-background.png) no-repeat; width:752px; height:376px; overflow:hidden; }

.multi .post-img .screen {width:716px; height:345px; overflow:hidden;position:relative; margin:16px 0 0 18px;}

.multi .items {clear:both; position:absolute; width:20000em;}

.multi .items li {display:block; float:left; position:relative; width:716px; height:345px;}

.multi .items li .overlay { position:absolute;background:url(images/portfolio-frame.png) no-repeat; display:block; width:716px; height:345px; top:0; left:0;}

.multi .items li a {display:block; position:absolute;width:716px; height:345px; top:0; left:0; z-index:10;}

.page-template-design-php .design-back .content {position:relative;}

.design-back .skillset { position:absolute;right:0; top:0;  width:262px; z-index:10; }

.design-back .skillset h2 a {color:#0A0E14; margin-bottom:15px; display:block; font-weight:normal; font:30px/32px 'MuseoSlab500'; text-shadow:0 1px 0 rgba(255, 255, 255, 0.18);}

.page-template-design-php .odd .skillset h2 a {color:#0A0E14;}

.page-template-design-php .odd .skillset h2 a:hover {color:#C7CCD3;}

.page-template-design-php .even .skillset h2 a {color:#50687C;}

.page-template-design-php .even .skillset h2 a:hover {color:#C7CCD3;}

.design-back .skillset ul {display:block; width:305px; margin:20px 0 0;}

.design-back .skillset ul li {display:block; height:30px; font-size:16px; font-weight:normal; background:url(images/check.png) no-repeat; color:#C7CCD3; line-height:20px;padding-left:36px;}

.design-back .portNav { position:absolute; overflow:hidden; right:0; bottom:0;}

.design-back .portNav a {font:15px/33px 'MuseoSlab500'; text-transform:uppercase;height:35px; text-align:center; display:block; float:left;color:#fff;}

.design-back .portNav a span { display:block; height:33px; margin:1px 0 0;}

.design-back .portNav .next {background:url(images/transparant-button-multi.png) no-repeat; }

.design-back .portNav .top {background:url(images/transparant-button-multi.png) center top no-repeat; }

.design-back .portNav .contact {background:url(images/transparant-button-multi.png) right top no-repeat;}

.design-back .portNav .next span {border-right:#292929 1px solid; padding:0 14px 0 20px;}

.design-back .portNav .top span {border-right:#292929 1px solid; padding:0 14px;border-left:#000 1px solid;}

.design-back .portNav .contact span {border-left:#000 1px solid;padding:0 20px 0 14px;}

.design-back .portNav .next:hover {  background:url(images/transparant-button-multi.png) 0 -35px no-repeat;}

.design-back .portNav .top:hover {background:url(images/transparant-button-multi.png) center -35px no-repeat;}

.design-back .portNav .contact:hover {background:url(images/transparant-button-multi.png) right -35px no-repeat;}

.page-template-design-php .content .page-nav {position:relative; height:100px; margin:0 0 30px; border-bottom:#151A20 1px solid;}

.page-template-design-php .content .page-nav a {font:15px/35px 'MuseoSlab500'; text-transform:uppercase; background:url(images/blog-prev-next.jpg) no-repeat; height:35px; text-align:center;  display:block; width:175px; color:#fff;}

.page-template-design-php .content .page-nav a:hover {background:url(images/blog-prev-next.jpg) no-repeat 0 -35px;}

.page-template-design-php .content .page-nav .fresh { position:absolute; left:0; top:30px;}

.page-template-design-php .content .page-nav .vintage {position:absolute; right:0;top:30px;}

.page-template-design-php .section-large .content { overflow:hidden; margin-bottom:30px;}