@charset "UTF-8";







span.rollover {background:url(zoom.png) center center no-repeat;cursor: pointer;height: 240px;width: 240px;position: absolute;z-index: 10;opacity: 0;}

span.rollover:hover {opacity: 1;}





[data-retina=complete] {

    -webkit-background-size: 100%;

    background-size:100%;

}





.thumbs { height:350px;}



/* layout */

/*.wrapper {width: 100%; padding: 0; position: relative; min-height: 99%; height: auto !important; height: 99%;margin: 0 auto -60px; }*/



/* ~~ The footer ~~ */

/*.footer, .push {margin-left:40px; padding-top:5px; height: 60px;}



*/





/* Header */













	

/* Carousel List */			

.carousel {width:100%; float:left; position:relative;}

.carousel ul {margin: 0; padding: 2px 0;list-style: none;display: block;}

.carousel li {font-size: 12px;color: #999;padding: 0;margin-left:1px;text-align: left;display: block;float: left; height:100px; width:226px;}

.featured.carousel li{height:270px; width:226px;}

.carousel li .cover {color:#d21d1c;  font-weight:600;}

.carousel .thumb-wrapper {background:#d9d8d0;display:block;float:left;width:240px;height:240px;top: 0 px;left:0 px;background-repeat:no-repeat ;margin-bottom:10px}

.carousel .hoverimage { display: none; }	

.carousel a:hover .hoverimage {display: block;height:240px;}



/* Carousel Project */			

.carouselProject {margin: 0 auto; padding: 40px 0; width:100%;}

.carouselProject #carousel_big {margin:0; padding:0; display: block;}

.carouselProject .slide {margin:0 auto ; padding:0; display: block; float: left; }

.carouselProject #slide-wrapper{position: relative; display: block;  margin:0 auto;}



.carouselProject .slideText {float:right; margin:20px 0 0 40px;display: block; width:200px; float: right; font-size:13px; line-height:18px; color:#969590;}

.carouselProject h2 {font-weight:500; font-size:24px; line-height:26px; color:#FFF;}

.carouselProject p {margin:15px 0;}



#imageWrap {display: block; float: left; width: 680px; height: 420px; background: #000 url('loader.gif') center center no-repeat; }

ul#thumbs {margin:0;text-align:center;}

ul#thumbs li {float:left;display:block; margin-left:2px; width:20px; background: #333; height:20px;}

ul#thumbs  li a {display: block; overflow: hidden; }

ul#thumbs  li a:hover { background-color: #cd0505;}



.header .back { display:block; position:relative; top:60px; width:100%; height:80px;}

/*.header a.back span{display:none;};*/

.header a.back:hover {cursor:n-resize;};

		

.clearfix {float: none;clear: both;}



/* ~~ Arrows ~~ */

a.prev, a.next {width:19px;height: 87px;display: block; position: absolute;top:6px; background-image:url(../img/arcarou.png);}

a.prev {right:0px; background-position:-19px 0!important; }

a.next {left:0;}

a.prev.disabled, a.next.disabled {cursor: default;}

a.prev span, a.next span {display: none;}



/* ~~ Arrows ~~ */

a.prev2, a.next2 {width:34px;height: 24px;display: block; position: absolute;top:10px; background-image:url(../img/arrows.png);}

a.prev2{right:0px; background-position:-34px 0!important; }

a.next2 {right:36px;}

a.prev2.disabled, a.next2.disabled {cursor: default;}

a.prev2 span, a.next2 span {display: none;}







@media screen and (max-width: 980px) {

	/* Carousel Project */			

.carouselProject .slideText {float:right; margin:20px 0 0 20px;display: block; width:140px; float: right; font-size:12px; line-height:16px; color:#969590;}

.carouselProject h2 {font-weight:500; font-size:18px; line-height:20px; color:#FFF;}

.carouselProject p {margin:15px 0;}



}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

 

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

	

  .logo { display: none; } /* your css rules for ipad portrait */

 

}