/* @override http://newmediacampaigns.com/css/compiled.css */

/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { font: 12px/20px arial, verdana, sans-serif; color: #58534c; background: #FFF; }

:focus { outline: 0; }


a{ color: #000; }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }


/* Layout */
.boundingBox{ margin: 0 auto; width: 916px;position: relative; }

.opac{

background-color: black;
opacity:0.3;
}

.btn-left{
    position: absolute;
    left: -12%;
    width: 48px;
    border: 0!important;
    height: 48px;
    top: 315px;
    background-image: url("../images/arrow-left.jpg");

}



.boundingBox2 .btn-right{
	    width: 48px;
    border: 0!important;
    height: 48px;
    top: 246px;
    background: url("/tt/images/arrow-right.png");
    position: absolute;
   z-index: 999;
   
    left: 66%;
}


.boundingBox2 .btn-left{
    position: absolute;
   
    width: 48px;
    border: 0!important;
    height: 48px;
        z-index: 999;
    top: 246px;
    
   left: 30%;
    background: url("/tt/images/arrow-left.png");

}



.btn-right{
	    width: 48px;
    border: 0!important;
    height: 48px;
    top: 315px;
    background-image: url("../images/arrow-right.jpg");
    position: absolute;
     left: 105%;
}
/* Content */

#content{ padding: 20px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: 0; padding: 0; height: 64px;     text-align: center; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{     margin-right: 0.5em;
    border: 3px solid #FFD304;
    padding: 0.1em 0.4em;
    /* background: #FFF; */
    /* padding: 2px; */
    color: #0C2231;
    font-weight: bold;
    text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #0C2231; }
ul#portfolio-filter a.current{ background-color: #FFD304; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }



ul#portfolio-list li{     width: 200px; position:relative;
    height: 200px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{      position: absolute;
    display: block;
    width: 200px;
    height: 200px;
    color: white;
    overflow: hidden;
    /* border: 1px solid #CDCDCD; */
    /* background: #eee; */ }
ul#portfolio-list li p{position: absolute;
    font-size: 11px;
    padding-top: 60px;
    width: 100%;
	    background-color: rgba(12,34,49,0.6);
		height:100%;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    line-height: 15px;
    color: #FFF;
     }
ul#portfolio-list li p:hover{position: absolute;
    font-size: 11px;
    padding-top: 60px;
    width: 100%;
	        background-color: rgba(255, 236, 4, 0.4);
		height:100%;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    line-height: 15px;
    color: #FFF;
     }

ul#portfolio-filter2{ margin: 0; padding: 0; height: 64px;     text-align: center; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter2 li{ display: inline; }
ul#portfolio-filter2 a{     margin-right: 0.5em;
    border: 3px solid #FFD304;
    padding: 0.1em 0.4em;
    /* background: #FFF; */
    /* padding: 2px; */
    color: #0C2231;
    font-weight: bold;
    text-decoration: none; }
ul#portfolio-filter2 a:hover, ul#portfolio-filter2 a.current{ color: #0C2231; }
ul#portfolio-filter2 a.current{ background-color: #FFD304; }

ul#portfolio-list2{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list2 li{   width: 16.6666%;
    position: relative;
    height: 160px;display: block; float: left;  overflow: hidden; }
ul#portfolio-list2 li a{    position: absolute;  display: block;        width: 255px;
    height: 160px; overflow: hidden; color:#FFFFFF; }
ul#portfolio-list2 li p{position: absolute;
    font-size: 11px;
    padding-top: 60px;
    width: 100%;
	    background-color: rgba(12,34,49,0.6);
		height:100%;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    line-height: 15px;
    color: #FFF;
     }
ul#portfolio-list2 li p:hover{position: absolute;
    font-size: 11px;
    padding-top: 60px;
    width: 100%;
	        background-color: rgba(255, 236, 4, 0.4);
		height:100%;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    line-height: 15px;
    color: #FFF;
     }	 
	 
.boundingBox2  .scroll-img ul li {  margin: 0px 0 0px 0px; }


.boundingBox2  .scroll-img  {     width: 100%;
    height: 356px;}

.boundingBox2{
    margin: 0 auto;
        width: 100%;
    position: relative;
	}
.boundingBox2 #demo5.scroll-img ul {
    width: 100%;
}

@media screen and (min-width: 920px) and (max-width: 1145px) {
.boundingBox ul#portfolio-list li{     width: 150px; position:relative;
    height: 150px; display: block; float: left; margin-right: 18px; overflow: hidden; }
	
.boundingBox .btn-left{
    position: absolute;
    left: 5%;
    width: 48px;
    border: 0!important;
    height: 48px;
    top: 258px;
    background-image: url("../images/arrow-left.jpg");

}

.boundingBox .btn-right{
	    width: 48px;
    border: 0!important;
    height: 48px;
    top: 258px;
    background-image: url("../images/arrow-right.jpg");
    position: absolute;
     left: 90%;
}
	
}