@charset "utf-8";
/*  
	CSS Document
	Project : Badass Programmers
	File 	: about.css
	Date 	: 01/06/13 (dd-mm-yy)
	Author  : DBG (info@digitalbrandgroup.com)
*/

.topBand {
	background: #f26522;
}
.topBand h3 {
	color: #fff;
	padding-top: 20px;
	line-height: 1;
	margin-bottom: 0;
}
.topBandBg {
	background:  url(../images/clients/clientsBig.png) no-repeat 1% bottom;
	min-height: 150px;
}
h3.font36px span.font18px {
	font-size: .5em;
}
.featuredEnterprise,
.featuredStartups,
.featuredMore,
.otherClients {
	padding: 30px 0 40px 0;
}
.featuredEnterprise h2,
.featuredStartups h2,
.featuredMore h2,
.otherClients h2 {
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size: 1.3em;
	margin-bottom: 2em;
}
.featuredEnterprise,
.featuredMore {
	background:  url(../images/clients/textureBg.png) repeat left top;
}
.featuredStartups,
.otherClients {
	background:  #fff;
}
ul.clientsList {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
ul.clientsList li {
	float: left;
	margin: 0 6px 6px 0; 
}
ul.clientsList li a {
	width: 229px;
	height: 142px;
	border: 1px solid #cdcdcd;
	display: block;
	text-indent: -9999em;
}
/*
ul.clientsList li a:hover {
	border: 1px solid #666;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	filter: alpha(opacity=70);
}
*/
ul.slidingClients {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 100%;
}
ul.slidingClients li {
	float: left;
	width: 200px !important;
	height: 130px;
	padding: 100px 18px 0 18px;
	border-right: 1px solid #ccc;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size: .75em;
	color: #919191;
	margin-bottom: 25px;
}
ul.slidingClients li:last-child {
	border-right: 0 none;
}
ul.slidingClients li a.visitSite {
	position: absolute;
	bottom: 5px;
	left: 18px;
}
ul.slidingClients li a.visitSite,
ul.slidingClients li a.visitSite:visited {
	text-decoration: none;
	color: #f26522;
}
ul.slidingClients li a.visitSite:hover {
	text-decoration: underline;
	color: #f26522;
}

/* Featured Enterprise client logos */
.ussc {
	background:  url(../images/clients/clientLogos/ussc.jpg) no-repeat center 15px;
}
.chromaDex {
	background:  url(../images/clients/clientLogos/chromaDex.jpg) no-repeat center 12px;
}
.covidien {
	background:  url(../images/clients/clientLogos/covidien.jpg) no-repeat center 7px;
}
.empowerNetwork {
	background:  url(../images/clients/clientLogos/empowerNetwork.jpg) no-repeat center top;
}
.planetBeauty {
	background:  url(../images/clients/clientLogos/planet-beauty.png) no-repeat center top;
}

/* Featured startup client logos */
.storageTreasures {
	background:  url(../images/clients/clientLogos/storageTreasures.jpg) no-repeat center top;
}
.triangleCrm {
	background:  url(../images/clients/clientLogos/triangleCrm.jpg) no-repeat center top;
}
.secConnect {
	background:  url(../images/clients/clientLogos/secConnect.jpg) no-repeat center 12px;
}
.photoGuesaroo{
	background:  url(../images/clients/clientLogos/photoGuesaroo.jpg) no-repeat center top;
}
.myStand {
	background:  url(../images/clients/clientLogos/myStand.jpg) no-repeat center top;
}
.fugg {
	background:  url(../images/clients/clientLogos/fugg.jpg) no-repeat center top;
}

/* Featured more client logos */
.echo {
	background:  url(../images/clients/clientLogos/echo.jpg) no-repeat center top;
}
.peopleProductions {
	background:  url(../images/clients/clientLogos/peopleProductions.jpg) no-repeat center 12px;
}
.wasserMan {
	background:  url(../images/clients/clientLogos/wasserMan.jpg) no-repeat center top;
}
.swansonRussel {
	background:  url(../images/clients/clientLogos/swansonRussel.jpg) no-repeat center 8px;
}

/* Featured more client logos */
a.iqPlus {
	background:  url(../images/clients/clientLogos/iqPlus.jpg) no-repeat center center;
}
a.graduateSchools {
	background:  url(../images/clients/clientLogos/graduateSchools.jpg) no-repeat center center;
}
a.blankPage {
	background:  url(../images/clients/clientLogos/blankPage.jpg) no-repeat center center;
}
a.cmps {
	background:  url(../images/clients/clientLogos/cmps.jpg) no-repeat center center;
}
a.mortgage {
	background:  url(../images/clients/clientLogos/mortgage.jpg) no-repeat center center;
}
a.fightTeam {
	background:  url(../images/clients/clientLogos/fightTeam.jpg) no-repeat center center;
}
a.intensity {
	background:  url(../images/clients/clientLogos/intensity.jpg) no-repeat center center;
}
a.meBath {
	background:  url(../images/clients/clientLogos/meBath.jpg) no-repeat center center;
}
a.tamiya {
	background:  url(../images/clients/clientLogos/tamiya.jpg) no-repeat center center;
}
a.hoonigan {
	background:  url(../images/clients/clientLogos/hoonigan.jpg) no-repeat center center;
}
a.otto {
	background:  url(../images/clients/clientLogos/otto.jpg) no-repeat center center;
}
a.lackparq {
	background:  url(../images/clients/clientLogos/lackparq.jpg) no-repeat center center;
}
a.genr8 {
	background:  url(../images/clients/clientLogos/genr8.jpg) no-repeat center center;
}
a.americanHoney {
	background:  url(../images/clients/clientLogos/americanHoney.jpg) no-repeat center center;
}
a.stringFly {
	background:  url(../images/clients/clientLogos/stringFly.jpg) no-repeat center center;
}
a.hostelKey {
	background:  url(../images/clients/clientLogos/hostelKey.jpg) no-repeat center center;
}
a.trafficSchool {
	background:  url(../images/clients/clientLogos/trafficSchool.jpg) no-repeat center center;
}
a.allie8 {
	background:  url(../images/clients/clientLogos/allie8.jpg) no-repeat center center;
}
a.ucsf {
	background:  url(../images/clients/clientLogos/ucsf.jpg) no-repeat center center;
}
a.charityStorage {
	background:  url(../images/clients/clientLogos/charityStorage.jpg) no-repeat center center;
}
a.ventureCompass {
	background:  url(../images/clients/clientLogos/ventureCompass.jpg) no-repeat center center;
}
a.providence {
	background:  url(../images/clients/clientLogos/providence.jpg) no-repeat center center;
}
a.pharmaVoxx {
	background:  url(../images/clients/clientLogos/pharmaVoxx.jpg) no-repeat center center;
}
a.dwellingLive {
	background:  url(../images/clients/clientLogos/dwellingLive.jpg) no-repeat center center;
}
a.altosVentures {
	background:  url(../images/clients/clientLogos/altosVentures.jpg) no-repeat center center;
}
a.bandOfBrothers {
	background:  url(../images/clients/clientLogos/bandOfBrothers.jpg) no-repeat center center;
}
a.cobra {
	background:  url(../images/clients/clientLogos/cobra.jpg) no-repeat center center;
}
a.builderX {
	background:  url(../images/clients/clientLogos/builderX.jpg) no-repeat center center;
}
a.powerDirect {
	background:  url(../images/clients/clientLogos/powerDirect.jpg) no-repeat center center;
}
a.marketingProfs {
	background:  url(../images/clients/clientLogos/marketingProfs.jpg) no-repeat center center;
}
a.theDoctors {
	background:  url(../images/clients/clientLogos/theDoctors.jpg) no-repeat center center;
}
a.projectVote {
	background:  url(../images/clients/clientLogos/projectVote.jpg) no-repeat center center;
}
a.ev3 {
	background:  url(../images/clients/clientLogos/ev3.jpg) no-repeat center center;
}
a.docHalo {
	background:  url(../images/clients/clientLogos/docHalo.jpg) no-repeat center center;
}
a.getFugu {
	background:  url(../images/clients/clientLogos/getFugu.jpg) no-repeat center center;
}
a.storageOutlet {
	background:  url(../images/clients/clientLogos/storageOutlet.jpg) no-repeat center center;
}
a.ah9 {
	background:  url(../images/clients/clientLogos/ah9.jpg) no-repeat center center;
}
a.greyHound {
	background:  url(../images/clients/clientLogos/greyHound.jpg) no-repeat center center;
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
	ul.slidingClients li {
		width: 250px !important;
	}
	ul.slidingClients li.empowerNetwork, ul.slidingClients li.peopleProductions, ul.slidingClients li.triangleCrm {
		border-right: 0;
	}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 768px) {
	ul.slidingClients li {
		width: 230px !important;
	}
}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
   .topBandBg {
		background:  url(../images/clients/clientsBig.png) no-repeat 2% bottom;
	}
	.topBand h3 {
		margin-right: 2%;
	}
	.featuredEnterprise,
	.featuredStartups,
	.featuredMore,
	.otherClients {
		padding: 20px 2% 35px 2%;
	}
}


@media (max-width: 567px) {
   ul.slidingClients li {
		border-right: 0 none;
		border-bottom: 1px solid #ccc;
	}
	ul.slidingClients li {
		width: 250px !important;
	}
	ul.slidingClients li.ussc,
	ul.slidingClients li.photoGuesaroo,
	ul.slidingClients li.swansonRussel{
		border-bottom: 0px none;
	}
	a.visitSite {
		margin-bottom: 20px;
	}

}




/* Landscape phones and down */
@media (max-width: 480px) {
	.topBandBg {
		background:  url(../images/clients/clients.png) no-repeat 4% bottom;
		min-height: 75px;
	}
	.topBand h3 {
		padding-top: 10px;
		font-size: 1.188em;
		margin-right: 4%;
	}
	.topBand h3 span.font18px {
		font-size: 0.750em;
	}
	ul.slidingClients li {
		border-right: 0 none;
		border-bottom: 1px solid #ccc;
	}
	ul.slidingClients li:last-child {
		border-bottom: 0 none;
	}
	ul.clientsList{
		width:240px !important;
	}
	ul.clientsList li {
		display: block;
		width: 100%;
		margin: 0 0 8px 0; 
	}
	ul.clientsList li a {
		width: 229px;
		height: 142px;
		margin: 0 auto;
	}
	.featuredEnterprise,
	.featuredStartups,
	.featuredMore,
	.otherClients {
		padding: 10px 4% 25px 4%;
	}
	.featuredEnterprise h2,
	.featuredStartups h2,
	.featuredMore h2,
	.otherClients h2 {
		font-family: 'Open Sans', sans-serif;
		font-size: .9em;
		margin-bottom: 1.5em;
		font-weight: 400;
	}
}