#banner {
float:left;
position:relative;
z-index:1;
width:100%;
height:400px;
margin:0;
padding:0;
padding-top:20%;
}

#sub-banner {
float:left;
position:relative;
z-index:1;
width:100%;
height:300px;
margin:0;
padding:0;
padding-top:15%;
}

.btitle {
margin:5px auto;
padding:15px 5px;
width:60%;
background:rgba(29,42,60,0.9);
font-size:38px;
font-weight:100;
color:#FFF;
letter-spacing:2px;
text-align:center;
}

.btext-1 {margin:5px auto;padding:5px;width:50%;background:#000;font-size:15px;font-weight:100;letter-spacing:1px;color:#FFF;text-align:center;}

.btext-2 {margin:5px auto;padding:5px;width:40%;background:#000;font-size:15px;font-weight:100;letter-spacing:1px;color:#FFF;text-align:center;}

.sbtitle {
margin:5px auto;
padding:15px 5px;
width:60%;
background:rgba(29,42,60,0.9);
font-size:38px;
font-weight:100;
color:#FFF;
letter-spacing:2px;
text-align:center;
}


.section {
float:left;
background:url('images/bg.jpg') repeat #000;
font-size:16px;
color:#FFF;
line-height:28px;
}

.container { max-width:1100px; width:100%; margin:0 auto; }

.padding {  
float:left;
padding:30px;
width:auto;
max-width:1100px;
margin:0 auto;
}

.title {
font-size:30px;
font-weight:100;
color:#FFF;
line-height:normal;
width:100%;
margin:0;
padding:0;
}

.sm-text {
line-height:normal;
font-size:12px;
}

.list {
font-size:17px;
font-weight:100;
color:#FFF;
line-height:normal;
text-transform: uppercase;
text-align:left;
width:100%;
display:table;
margin:0 auto;
padding:0;
}

.list li {
float:left;
list-style:none;
height:60px;
line-height:63px;
width:100%;
border:1px solid #FFF;
margin-top:3px;
margin-bottom:8px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.list li a {
float:left;
padding-left:52px;
}

.buying { background: url('images/icon-buying.png') 10px 11px no-repeat; }
.planning { background: url('images/icon-planning.png') 10px 11px no-repeat; margin-bottom:0; }
.research { background: url('images/icon-research.png') 10px 11px no-repeat; }
.socialmedia { background: url('images/icon-socialmedia.png') 10px 11px no-repeat; }
.digitalmedia { background: url('images/icon-digitalmedia.png') 10px 11px no-repeat; }



	@media only screen and (min-width: 901px) {
.a { width:30%; min-height:400px; background:#1d2a3c; text-align:center; }
.b { width:70%; min-height:400px; }
.white { width:25%; height:auto; background:#FFF; color:#000; }
.blue { width:75%; height:auto; background:#1d2a3c; }
.full { width:100%; min-height:440px; }
.full-blue { width:100%; min-height:440px; background:#1d2a3c; }
.capabilities { 
float:left; 
display:block;
font-size:15px;
color:#FFF;
line-height:22px;
width:97%;
background:rgba(0,0,0,0.3);
height:auto;
margin:0 0 15px 0;
padding:1.5%;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
	}
.services { 
float:left; 
display:block;
font-size:15px;
color:#FFF;
line-height:22px;
width:46%;
min-height:150px;
margin:2%;
	}
.left { margin-left: 0; }
.right { margin-right: 0; }
.both { width:100%; margin: 2% 0; }
.services img {
float:left;
display:block;
width:120px;
height:120px;
margin-right:15px;
	}
.clients { 
float:left; 
background:rgba(29,42,60,0.6);
display:block;
font-size:15px;
color:#FFF;
line-height:normal;
width:20.5%;
height:9%;
margin: -1px 0px 0px -1px;
padding:2%;
border:1px solid rgba(255,255,255,0.2);
	}
.cp-title {
font-size:30px;
font-weight:100;
color:#FFF;
line-height:normal;
width:100%;
margin:2% 0;
padding:0;
	}	
	}

	@media only screen and (max-width: 900px)  {
.a { width:100%; background:#1d2a3c; text-align:center; }
.b { width:100%; }
.white { width:100%; height:auto; background:#FFF; color:#1d2a3c; }
.blue { width:100%; height:auto; background:#1d2a3c; }
.full { width:100%; }
.full-blue { width:100%; background:#1d2a3c; }
.capabilities { 
float:left; 
display:block;
font-size:15px;
color:#FFF;
line-height:22px;
width:94%;
background:rgba(0,0,0,0.3);
height:auto;
margin:0 0 15px 0;
padding:3%;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
	}
.services { 
float:left; 
display:block;
font-size:15px;
color:#FFF;
line-height:22px;
width:100%;
height:auto;
margin:10px 0 40px 0;
	}
.services img {
float:left;
display:block;
width:90px;
height:90px;
margin-right:12px;
	}
.clients { 
float:left; 
background:rgba(29,42,60,0.6);
display:block;
font-size:15px;
color:#FFF;
line-height:normal;
width:96%;
height:auto;
padding:2%;
margin-top:-1px;
border:1px solid rgba(255,255,255,0.2);
	}
.cp-title {
display:block;
font-size:30px;
font-weight:100;
color:#FFF;
line-height:normal;
width:100%;
margin:0 0 10px 0;
padding:0;
	}
	}
	
.clients b {
font-size:17px;
}

.capabilities img {
float:left;
display:block;
width:90px;
height:90px;
margin-right:12px;
}

.ctitle{ 
font-size:20px;
font-weight:bold;
color:#FFF;
line-height:normal;
margin:0px 0px 5px 0px;
padding:0; 
}

.stitle { 
font-size:20px;
font-weight:bold;
color:#FFF;
line-height:normal;
margin:0px 0px 5px 0px;
padding:0; 
}

.space50 { float:left; display:block; height:50px; width:100%; }
.space100 { float:left; display:block; height:100px; width:100%; }
.space200 { float:left; display:block; height:200px; width:100%; }
.space250 { float:left; display:block; height:250px; width:100%; }