/* HOMEPAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.home .header nav {height:207px;}

.home .designShowcase {background:url(images/hp-shelf-back.jpg) repeat-x center top; border-bottom:#000 solid 1px;margin:0 0 40px;text-shadow:0 2px 0 rgba(0, 0, 0, 0.65);}

.home .designShowcase .showCont {background:url(images/hp-shelf-slide-back.jpg) no-repeat center top; width:1264px; height:435px; margin:0 auto; overflow:hidden;}

.home .recent-work-slider {position:relative;	overflow:hidden; width:1030px; height:347px; margin:45px auto 0;}

.home .recent-work-slider .next {cursor:pointer; position:absolute; top:96px; right:30px; z-index:100; background:url(images/next-icon.png) no-repeat; width:58px; height:0; padding-top:58px; overflow:hidden; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.home .recent-work-slider .viewPortfolio {position:absolute; bottom:-9px; right:-6px; z-index:100; background:url(images/ho-portfolio-button.png) no-repeat; width:235px; height:70px; overflow:hidden; display:block;line-height:74px; color:#CEF1FF; text-align:center; font-size:25px;text-shadow:0 2px 0 rgba(0, 0, 0, 0.65);text-indent:10px;}

.home .recent-work-slider .viewPortfolio:hover {background:url(images/ho-portfolio-button.png) no-repeat 0 -70px; color:#FFFFFF;}

.home .recent-work-slider .slider {width:20000em;	position:absolute; clear:both;}

.home .recent-work-slider .slider li {display:block; float:left; background:url(images/window-container.png) no-repeat; width:986px; height:347px;padding:57px 0 0 14px; margin:0 22px;}

.home .recent-work-slider .slider li a {display:block; float:left;}

.home .recent-work-slider .slider li a img {width:958px; height:290px; background:#FFFFFF}

.home .header nav .whoIam {color:#B8C8DA; font-size:23px; display:block; margin:121px auto 0; text-align:center; display:block; font-weight:normal;}

.home .header nav .whoIam span { text-transform:uppercase; color:#FFFFFF;}

.home .right { float:right; width:572px; margin-bottom:40px;}

.home .right .whatIdo {background:url(images/hp-whatido.png) no-repeat; overflow:hidden; position:relative;text-shadow:0 2px 0 rgba(0, 0, 0, 0.65);}

.home .right .whatIdo h2 {color:#D3D8DE; font:normal 25px/25px 'MuseoSlab500'; margin:20px 30px 5px;}

.home .right .whatIdo p {color:#50687C; margin:5px 30px; line-height:27px;}

.home .right .whatIdo hr{border-top:#000 1px solid; border-bottom:#26303A 1px solid; border-left:none; border-right:none; background:none; margin:20px 30px;}

.home .right .whatIdo .footer {background:url(images/hp-whatido.png) no-repeat 0 -681px; display:block; height:10px;}

.home .right .whatIdo ul { overflow:hidden;margin:20px 30px 71px;}

.home .right .whatIdo ul li {display:block; float:left; margin:5px 0; }

.home .right .whatIdo ul li a {display:block; float:left; color:#0884B6;font:normal 18px/18px 'MuseoSlab500';width:254px;}

.home .right .whatIdo ul li a:hover {color:#A7AFBC; text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 6px #000, 0 0 11px #000, 0 0 18px #000;}

.home .right .whatIdo .getintouch { position:absolute; bottom:33px; left:29px; font:15px/35px 'MuseoSlab500'; text-transform:uppercase; background:url(images/transparant-button.png) no-repeat; height:35px; text-align:center;  display:block; width:175px; color:#fff;}

.home .right .whatIdo .getintouch:hover {background:url(images/transparant-button.png) no-repeat 0 -35px;}

.home .left { float:left; width:434px; margin-bottom:40px;}

.showSub {overflow:hidden !important; margin-top:18px !important;}

.showSub .design-jump {background:url(images/hp-sub-nav.png) no-repeat; width:348px; height:150px; position:relative; display:block; float:left;}

.showSub a {width:348px; height:0; overflow:hidden; padding-top:150px; position:absolute; top:0; left:0;}

.showSub h4 {font:normal 30px/30px 'MuseoSlab500'; color:#DDE0E6; text-transform:uppercase; margin:41px 0 0 167px;}

.showSub p {text-align:center; font-size:12px; color:#50687C; margin:36px 0 0 0;}

.showSub .video-jump {background:url(images/hp-sub-nav.png) no-repeat -348px 0; width:348px; height:150px; position:relative;display:block; float:left; }

.showSub .photo-jump {background:url(images/hp-sub-nav.png) no-repeat -696px 0; width:349px;height:150px; position:relative;display:block; float:right;}

.home .left .medium {background:url(images/homepage-blog-back.jpg) no-repeat; width:434px; height:234px; position:relative; float:left; margin:0 0 25px;}

.home .left .medium header { display:block; position:relative;  width:398px; height:203px; overflow:hidden;margin:15px 0 0 18px;}

.home .left .medium header .overlay {background:url(images/homepage-blog.png) no-repeat;width:398px; height:203px; display:block; position:absolute; top:0; left:0;}

.home .left .medium header h1 {display:block; position:absolute; top:0; left:-398px;}

.home .left .medium header h1 a {padding:55px 454px 0 25px; width:317px; height:147px; display:block; background:url(images/overlay-slide-hp.png) no-repeat;font:normal 25px/35px 'MuseoSlab500'; color:#0BACEA; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

.home .left .medium header { display:block; position:relative;  width:398px; height:203px; overflow:hidden;margin:15px 0 0 18px;}
       						
.home .left .Portfolio details{display:block; position:absolute; top:4px; left:-11px; width:46px; height:0; padding-top:47px; overflow:hidden; background:url(images/post-types.png) no-repeat 0 -284px;} 

.home .left .Movie details {display:block; position:absolute; top:4px; left:-11px; width:46px; height:0; padding-top:47px; overflow:hidden; background:url(images/post-types.png) no-repeat 0 -57px;} 

.home .left .Image details {display:block; position:absolute; top:4px; left:-11px; width:46px; height:0; padding-top:47px; overflow:hidden; background:url(images/post-types.png) no-repeat 0 -227px;} 

.home .left .Link details {display:block; position:absolute; top:4px; left:-11px; width:46px; height:0; padding-top:47px; overflow:hidden; background:url(images/post-types.png) no-repeat 0 -170px;} 

.home .left .Quote details {display:block; position:absolute; top:4px; left:-11px; width:46px; height:0; padding-top:47px; overflow:hidden; background:url(images/post-types.png) no-repeat 0 -114px;} 

.home .left .post details {display:block; position:absolute; top:4px; left:-11px; width:46px; height:0; padding-top:47px; overflow:hidden; background:url(images/post-types.png) no-repeat 0 0;} 

.home .left .small {width:434px; position:relative; clear:both; margin-top:25px; }

.home .left .small header { background:url(images/homepage-blog-back.jpg) no-repeat; padding:5px 0 0; position:relative;margin:0;}

.home .left .small header h1 {display:block; font-weight:normal;overflow:hidden;  background:url(images/homepage-blog-back.jpg) 0 bottom no-repeat;}

.home .left .small h1 a {color:#0A0E14; background:url(images/hp-arrow.gif) 392px 11px no-repeat; display:block;font:20px/20px 'MuseoSlab500'; text-shadow:0 1px 0 rgba(255, 255, 255, 0.18);padding:12px 19px 21px;}

.home .left .small h1 a:hover{color:#063D6D;}

.home .left h2 {display:block; color:#0A0E14; margin-bottom:15px; display:block; font-weight:normal; font:25px/25px 'MuseoSlab500'; text-shadow:0 1px 0 rgba(255, 255, 255, 0.18);}