/*@charset "UTF-8";
 CSS Document 
Author: Surinder singh
Version: 1.1

*/

/* Reset css
-------------------------------------------------------------- */
article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video { display: block; }
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; }
mark,
rp,
rt,
ruby,
summary,
html { background-color:#fff; color: #fff; }
body { color: #000; text-align: left; }
input { outline: none; border: none; border: 0; }
textarea { outline: none; resize: none; border: none; border: 0; }
a { text-decoration: none; outline: none; }
.none { display: none; }
.clear { clear:both; overflow:hidden; }
.right { float: right; }
.left { float: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight:normal; }
table { font-size: inherit; font: 100%; }

/* typography
-------------------------------------------------------------- */

@font-face {
font-family:Quicksand;
src:url("../fonts/Quicksand_Bold.otf") format("opentype");
}
@font-face {
font-family:Quicksand dash;
src:url("../fonts/Quicksand_Dash.otf") format("opentype");
}
@font-face {
font-family:Glypha LT Std;
src:url("../fonts/GlyphaLTStd-Bold.otf") format("opentype");
}
@font-face {
font-family:Glypha LT black;
src:url("../fonts/GlyphaLTStd-Black.otf") format("opentype");
}
@font-face {
font-family:Quicksand light;
src:url("../fonts/Quicksand_Light.otf") format("opentype");
}
@font-face {
font-family:Quicksand book;
src:url("../fonts/Quicksand_Light.otf") format("opentype");
}
@font-face {
font-family:Aller Display;
src:url("../fonts/AllerDisplay.ttf") format("truetype");
}
 @font-face {
font-family:Aller bold;
src:url("../fonts/Aller_Std_BdIt.ttf") format("truetype");
}
 @font-face {
font-family:Aller italic;
src:url("../fonts/Aller_Std_LtIt.ttf") format("truetype");
}
 @font-face {
font-family:Helvetica LT Std;
src:url("../fonts/HelveticaLTStd-Light.otf") format("opentype");
}

 @font-face {
font-family:Helvetica LT Std bold;
src:url("../fonts/HelveticaLTStd-Bold.otf") format("opentype");
}
 @font-face {
font-family:Glypha LT Std;
src:url("../fonts/GlyphaLTStd-Light.otf") format("opentype");
}
/* layout
-------------------------------------------------------------- */
body { font-family:"Helvetica LT Std"; background:url(../images/colour-bg.gif) repeat-x }
#wrapper { width:990px; margin:0px auto; padding-top:8px; }
#content { width:724px; padding-left:267px; }

#content{  background:url(../images/dark-bg.png) no-repeat 0 700px scroll; }

/* left column
-------------------------------------------------------------- */
.leftcolumn { position:fixed; width:267px; float:left; background:url(../images/expertise-border.png) repeat-y top right, url(../images/leftbar-border-bg.png) no-repeat right 93px, url(../images/leftbar-border-bg.png) no-repeat right 313px, url(../images/leftbar-border-bg.png) no-repeat right 499px; top: 10px; }
.leftcolumn h2 { background:#141414; font-family:Glypha LT black; color:#FFF; font-size:15px; margin:0px 23px 10px 0px; padding:10px 0px 7px 17px; }
#logo a { display:block; width:192px; height:42px; background:url(../images/logo.png) no-repeat 0px 0px; text-indent:-99999px; margin:20px 0px 30px 24px; }
.video { margin-bottom:17px; }
nav { margin:15px 0px 15px 0px }
nav ul { list-style:none; text-transform:uppercase; }
nav li { position:relative; margin:0px 0px 11px 0px; }
nav a { position:relative; font-family:Aller Display; color:#00aaff; padding:0px 0px 0px 30px; font-size:28px; display:block; background:url(../images/nav-bullet.png) no-repeat 12px 3px; text-shadow: 0px 0px 1px #656565; filter: dropshadow(color=#000000, offx=0, offy=0); line-height:22px; }
nav .active a { }
.apps { list-style:none; padding:0px 0px 0px 27px; }
.apps li {  float:left; margin:0px 30px 0px 0px; }
.apps li a{background-image:url(../images/apps.png); background-repeat:no-repeat; height:47px; display:block;}
.apps li.item-1 a {width: 35px;height: 36px;background-position:0px 0px; }
.apps li.item-2 a { width: 33px; background-position: -37px 0px;}
.apps li.item-3 a {width: 49px;background-position: -71px 0px;margin-right:0px; }
.apps li.item-4 a { width: 83px;background-position: -119px -5px;}
.apps li.item-5 a { width:50px; background-position: -201px -5px; }
/* Home page
-------------------------------------------------------------- */
#home { width:611px; padding:67px 0px 0px 50px; height:100%; }
#home header { margin:0px 0px 0px 0px; width:572px; height:154px; text-align:center; background:url(../images/home-header-border2.png) repeat-x 0 55px, url(../images/home-header-border2.png) repeat-x 0 104px; }
#home header .heading { font-family:Aller Display; color:#00aaff; font-size:71px; line-height:23px; height:71px; text-shadow: 0px 0px 1px #656565; filter: dropshadow(color=#000000, offx=0, offy=0) ;
behavior: url(ie-css3.htc);
}
#home header .subheading { font-size:19px; color:#141414; font-family:Glypha LT Std; }
#home .articals { list-style:none; overflow:hidden; }
#home .articals li { float:left; height:147px; }
#home .articals p { font-size:12px; padding:10px 0px 0px 6px; line-height:18px; }
#home a.recentprojects,
#home .articals h3 { display:block; background:#ffeb60; font-family:Aller; font-size:18px; padding:1px 5px; color:#000; }
#home .articals a { color:#0000FF; text-decoration: underline; font-size:12px; }
#home a.recentprojects { width:174px; padding-bottom:4px; }
#home .articals .item-1 { width:212px; }
#home .articals .item-2 { width:224px; }
#home .articals .item-3 { width:175px; }
#home .articals .item-1 h3 { width:122px; }
#home .articals .item-2 h3 { width:162px; }
#home .articals .item-3 h3 { width:116px; }
#home .articals a{ color:#393939;}
#home .articals a:hover{ color:#00AAFF;}
#portfolio .portfolio-list,
#home .recentprojects-list { list-style:none; margin-top:15px; overflow:hidden; }
#home .recentprojects-list li { margin:0px 23px 80px 0px; float:left;width:184px;  }
#home .recentprojects-list li div{width:184px;  margin-bottom:25px;  background:#666; height:225px; -moz-box-shadow: 8px 5px 5px #b7b7b7; -webkit-box-shadow: 8px 5px 5px #b7b7b7; box-shadow: 8px 5px 5px #b7b7b7; overflow:hidden; position:relative; cursor:pointer; }
#home .recentprojects-list li img { position:absolute; left:0px; top:0px; width:184px; }
#home .recentprojects-list li div a { display:block; width:139px; height:90px; background:url(../images/liveview.png) no-repeat 0px 0px; margin:60px auto; }
#home .recentprojects-list li div a:hover { background:url(../images/liveview-hover.png) no-repeat 0px 1px; }
#portfolio .portfolio-list li.last-item,
#home .recentprojects-list li.last-item { margin-right:0px; }
#home,
#strategy,
#portfolio,
#expertise { background:url(../images/content-bg.png) no-repeat 0 0; }
/* Strategy
-------------------------------------------------------------- */

#strategy { width:630px; padding:42px 0px 0px 50px; overflow:hidden; }
#strategy header { background:url(../images/home-header-border2.png) repeat-x 0 90px; height:117px; }
#strategy header .heading { font-size:32px; color:#00aaff; font-family:Aller bold; letter-spacing:-1px; text-shadow: 0px 0px 1px #656565; filter: dropshadow(color=#000000, offx=0, offy=0; line-height:34px;behavior: url(ie-css3.htc);
 )
}
#strategy header .heading span { color:#fff; }
#strategy .article { overflow:hidden; }
#strategy .article span { color:#ff4f2a; font-size:90px; font-family:Quicksand; float:left; line-height:75px; }
#strategy .article p { font-size:12px; padding-left:16px; line-height:18px; float:left; color:#fff; }
#strategy .article p big { font-size:13px; font-family:Helvetica LT Std bold; color:#fff; }
#strategy .article small { font-size:12px; background:#ffeb60; padding:2px; color:#000; }
#strategy article.item-2 { width:380px; float:right; margin-top:24px; }
#strategy article.item-2 p { padding-left:10px; padding-top:3px; }
#strategy article.item-3 { width:400px; float:left; margin-top:25px; margin-left:5px; }
#strategy article.item-3 p { padding-left:10px; padding-top:3px; }
#strategy article.item-4 { width:400px; float:right; margin-top:30px; }
#strategy article.item-4 p { padding-left:10px; }
#strategy article.item-5 { float:left; width:420px; margin-top:25px; margin-left:12px; }
/* Portfolio
-------------------------------------------------------------- */

#portfolio { padding:45px 0px 0px 50px; width:607px; overflow:hidden; }
#portfolio header { background:url(../images/home-header-border2.png) repeat-x 0 90px; height:117px; }
#portfolio h1.heading{ margin-bottom:30px; font-size:32px; color:#fff; font-family:Aller bold; letter-spacing:-1px; text-shadow: 0px 0px 1px #656565; filter: dropshadow(color=#000000, offx=0, offy=0); line-height:43px; }

#portfolio .portfolio-list li { margin:0px 23px 31px 0px; float:left; width:184px; }
#portfolio .portfolio-list li div { background:#666; width:171px; height:208px; margin-right:38px; margin-bottom:25px; -moz-box-shadow: 6px 5px 5px #404040; -webkit-box-shadow: 6px 5px 5px #404040; box-shadow: 6px 5px 5px #404040;
 }
#portfolio .portfolio-list li { width:185px; height:372px; }
#home .recentprojects-list li h3, #portfolio .portfolio-list h3 { font-size:14px; margin-bottom:5px; font-family:Helvetica LT Std bold; color:#323232; }
#home .recentprojects-list li h3 a, #portfolio .portfolio-list h3 a {
	color:#fff;
}
#home .recentprojects-list li h3 a{
	color: #000;
}
#home .recentprojects-list li p, #portfolio .portfolio-list p { font-size:12px; line-height:18px; color:#fff; }
#portfolio .portfolio-list li div { position:relative; overflow:hidden; }
#portfolio .portfolio-list li div img { position:absolute; left:0px; top:0px; width:171px; }
#portfolio .portfolio-list li div a { display:block; width:139px; height:90px; background:url(../images/liveview.png) no-repeat 0px 0px; margin:60px auto; }
#portfolio .portfolio-list li div a:hover { background:url(../images/liveview-hover.png) no-repeat 0px 1px; }
/* trade
-------------------------------------------------------------- */
#trade { overflow:hidden; }
#trade { padding:55px 0px 0px 50px; width:611px; }
#trade header .heading-1 { margin-bottom:20px; font-size:32px; color:#fff; font-family:Aller bold; letter-spacing:-1px; text-shadow: 0px 0px 1px #656565; filter: dropshadow(color=#000000, offx=0, offy=0); line-height:43px; }
#trade header .heading-1 span{ color:#ffeb60;}
#trade .articles { background:url(../images/trade-border.png) repeat-x 0px 0px; width:278px; float:left; padding-top:20px; margin-right:52px; min-height:212px; }
#trade .last-item { margin-right:0px; }
#trade .articles h2 { color:#fff; font-family:Glypha LT black; font-size:21px; margin-bottom:24px; }
#trade .item-next { padding-top:35px; }
#trade .articles p { font-size:12px; line-height:18px; color:#FFF; }
#trade .articles p span { background:#ffeb60; padding:2px; color:#000; }

/* expertise
-------------------------------------------------------------- */

#expertise { width:617px; padding:60px 0px 0px 50px; overflow:hidden; height:100%; }
#expertise header { background:url(../images/home-header-border2.png) repeat-x 0 90px; height:117px; }
#expertise h1.heading{ margin-bottom:30px; font-size:32px; color:#00aaff; font-family:Aller bold; letter-spacing:-1px; text-shadow: 0px 0px 1px #656565; filter: dropshadow(color=#000000, offx=0, offy=0); line-height:43px; }
#expertise .left-column { background:url(../images/expertise-border.png) repeat-y right 0px; width:297px; padding-right:24px; float:left; padding-top:25px; }
#expertise .right-column { width:276px; margin-left:20px; float:left; padding-top:10px; }
#expertise p { color:#323232; font-size:12px; padding-bottom:22px; line-height:18px; }
#expertise p span { background:#ffeb60; padding:2px; color:#000; }
#expertise h1 { color:#fff; font-family:Glypha LT black; font-size:16px; margin-bottom:15px; }
#expertise h2 { color:#ff4f2a; font-size:16px; font-family:Aller italic; margin-bottom:20px; }
#expertise h3 { background:#141414; color:#fff; font-size:16px; font-family:Glypha LT black; padding:10px 0px 8px 20px; margin-bottom:20px; }
#expertise p big { font-size:16px; color:#ff4f2a; font-family:Aller bold;}
#expertise .right-column p { }
#expertise .left-column p { color:#fff; }
#expertise .right-column p { padding:0px 20px 17px 20px; color:#fff; }
#video { padding:56px 0px 0px 35px; overflow:hidden; display:none; }
#video .article-left { width:262px; float:left; margin-top:37px; margin-left:20px; }
#video .article-right { width:302px; float:left; margin-top:40px; margin-left:25px; }
#video .article-left p { font-size:12px; line-height:18px; color:#000000; }
#video .article-right h1 { color:#000000; font-size:60px; font-family:Glypha LT black; line-height:60px; }
.hit { right:0px; top:250px; position:absolute; position:fixed; right:0px; top:40%; }
.hit a { display:block; background:url(../images/hit-us-up-button.png) top right; width:53px; height:200px; text-indent:-9999px; }
#contact-form { width:417px; height:440px; background:#4b4b4b; display:block; margin:0 auto; font-family:Quicksand; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }


#contact-form big{ color:#f74646; font-size:11px; position:absolute; left:8px; top:40px; font-family:Arial, Helvetica, sans-serif;}

/* forms
-------------------------------------------------------------- */
i { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; position:relative; top:2px; left:9px; }
i.time { left:143px; }
.instant-help-form fieldset { padding-top:50px; display:block; border:0px; outline:none; }
.instant-help-form label,
.instant-help-form small { color:#ffca48; font-size:13px; }
.instant-help-form small { letter-spacing:1px; display:block; margin:6px 0px 15px 0px; float:left; }
.instant-help-form label { width:127px; float:left; font-size:16px; text-align:right; margin-right:19px; line-height:22px; padding-top:3px; }
.instant-help-form input { width:209px; font-size:12px; padding:5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family:Arial, Helvetica, sans-serif; }
.input-container span.blur { color:#706e6e; }
.instant-help-form div { overflow:hidden; height:62px; }
.instant-help-form .submit { font-family:Quicksand dash; font-size:60px; background:none; border:none; float:right; cursor:pointer; color:#ffca48; margin:0px 43px 30px 30px; padding:0px; width:auto; }
.wrapper-bottom .instant-help-form label,
.instant-help-form small { color:#ffffff; font-size:12px; }
.wrapper-bottom .instant-help-form small { display:block; margin-bottom:7px; float:left; font-family:Quicksand book; font-size:13px; letter-spacing:0px; }
.instant-help-form label { font-size:13px; color:#FFFFFF; }
.wrapper-bottom .instant-help-form input { float:left; width:222px; font-size:12px; padding:5px 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.input-container { float:left; position:relative; display:block; }
.input-container span { position:absolute; font-size:12px; top:5px; left:10px; pointer-events: none; font-family:Arial, Helvetica, sans-serif; color:#706e6e; }
.input-container span.focus { color:#dddada; }
.input-container input.focusshadow { -webkit-box-shadow: inset 0px 0px 5px 0px #FF4F2A; -moz-box-shadow: inset 0px 0px 5px 0px #FF4F2A; box-shadow: inset 0px 0px 5px 0px #FF4F2A; }
.wrapper-bottom .input-container input.focusshadow { -webkit-box-shadow: inset 0px 0px 5px 0px #FF4F2A; -moz-box-shadow: inset 0px 0px 5px 0px #FF4F2A; box-shadow: inset 0px 0px 5px 0px #FF4F2A; }
.wrapper-bottom .instant-help-form { margin:0px 45px 0px 0px; float:right; }
.wrapper-bottom .instant-help-form div { margin-bottom:11px; }
.wrapper-bottom .instant-help-form fieldset { padding-top:70px; }
.instant-help-form .submit { font-family:Quicksand light; width:150px; height:40px;background:#ff4f2a; padding:0px; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; font-size:29px; color:#FFF; letter-spacing:-1px; margin:0px 40px 0 0 ; padding-top:5px; }
.wrapper-bottom .instant-help-form .submit:active { text-shadow: 0px 0px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); }
.instant-help-form .submit:hover { background:#fff; color:#FF4F2A; }
footer { height:40px; background:url(../images/footer-bg.gif) repeat-x 0px 0px; padding-top:10px; text-align:right; font-size:10px; padding-right:15px; color:#FFF; }

/* --- Colorbox --- 
-------------------------------------------------------------------*/
	
		
#colorbox,
#cboxOverlay,
#cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft,
#cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor:pointer; }
#cboxOverlay { background:#151515; }
#cboxClose { background:url(../images/close.png); width:31px; height:31px; position:absolute; right:50px; top:7px; text-indent:-99999px; }

#cboxLoadedContent{ width:500px!important; margin:0px auto!important; position:relative!important; }

#cboxContent{ width:500px!important; margin:0px auto!important; position:relative!important; float:none!important;}



/* 768px width - ipad*/
@media only screen and (max-width: 959px) and (min-width: 768px) {
#wrapper{
	 margin:0px auto; padding-top:8px; 
	 width: auto;
	 padding: 0px 20px;
}

.leftcolumn{
	width: 250px;
}
#content{
	padding-left: 250px;
	width: 672px;
	background: url(../images/dark-bg-ipad.png) no-repeat 0 700px;
}
#home {
width: 611px;
padding: 67px 0px 0px 30px;
height: 100%;
}
#strategy {

padding: 42px 0px 0px 30px;

}

#portfolio{
padding: 42px 0px 0px 30px;	
}
#trade{
	padding: 55px 0px 0px 30px;
}
#expertise{
	padding: 60px 0px 0px 30px;
}
#example_video_1{
width: 225px!important;
}
.video-js-box img{
width: 225px!important;	
}


}

/* 480px width */
@media only screen and (max-width: 767px) and (min-width: 480px) {

#wrapper{
	 margin:0px auto; padding-top:8px; 
	 width: auto;
	 padding: 0px 10px;
}

.leftcolumn{
	float: none;
	position: static;
	background: none;
	border: none;
	width: auto;
	padding: 0;
	margin: 0;
}
.leftcolumn h2{
	display: none;
}
.video{
	display: none;
}
#content{
	float: left;
	padding: 0;
	 width: auto;
	overflow: hidden;
}
.hit{
	display: none;
}
.leftcolumn h2:first-child{
display: none;
	
}
#strategy, #portfolio, #trade, #expertise, #home{
	width: 300px;
	padding: 0;
	margin: 0 auto;

}

#logo a{
	margin: 10px auto;
}
nav li{
	background: url('../images/mobile-nav.png') no-repeat center top;
	padding: 10px;
	text-align: center;

}
nav li a{
	background: no-repeat;
	display: inline;
	margin: 0;
	position: static;
	padding: 0;
	
}
.apps{
	display: none;
}
#home header{
	width: auto;
	background:url(../images/home-header-border2.png) repeat-x 0 54px, url(../images/home-header-border2.png) repeat-x 0 143px
}
#home header .heading{
	font-size: 33px;
	padding: 10px;
	line-height: 30px;
}
#home .articals .item-1{
	width: 154px;
}
#home .articals .item-2{
	width: 140px;
}
#home a.recentprojects, #home .articals h3{
	font-size: 14px;
}
#home .articals p{
	font-size: 11px;
}
#home header .subheading{
	font-size: 17px;
}
#home .articals .item-3{
	width: 283px;
	height: 101px;
}
#home .articals .item-3 h3{
	width: 319px;
}
#home a.recentprojects{
	width: 319px;
}
#home .recentprojects-list li{
	margin-right: 19px;
	margin-bottom: 40px;
}
#home .recentprojects-list li div{
	width: 130px;
	height: 155px;
}
#home .recentprojects-list li{
	width: 130px;
}
#home .recentprojects-list li p, #portfolio .portfolio-list p{
	font-size: 11px;
}
#content{
	background: none;
}
#content{
	background:none
	
}
#strategy header .heading{
	font-size: 17px;
}
#strategy header{
	background:url(../images/home-header-border2.png) repeat-x 0 63px;
	height: 98px;
}
#strategy .article span{
	font-size: 81px;
}
#strategy .article p{
width: 254px;
}
#strategy article.item-2{
	width: 300px;
}
#strategy article.item-4{
	width: 302px;
}
#strategy article.item-4 p{
	width: 233px;
}
#strategy article.item-2 p{
	width: 240px;
}
#strategy .article p{
	font-size: 10px;
}
#portfolio h1.heading{
	font-size: 17px;
	line-height: 30px;
}
#strategy{
	margin-bottom: 60px;
}
#portfolio header{
	background: url(../images/home-header-border2.png) repeat-x 0 63px;
	height: 100px;
}
#portfolio .portfolio-list li div{
	width: 130px;
	height: 155px;
	
}
#portfolio .portfolio-list li{
	width: 130px;
	margin-right:18px;
}
#portfolio .portfolio-list li.last-item{
		margin-right:18px;
}
#trade header .heading-1{
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 50px;
}
#trade img{
	width: 330px;
	
}
#trade .articles{
	margin-top: 30px;
}
#expertise h1.heading{
	font-size: 19px;
	line-height: 30px;
}
#expertise header{
	height: 100px;
	background: url(../images/home-header-border2.png) repeat-x 0 63px;
}
#expertise .left-column{
	width: auto;
	background: none;
	padding: 0;
}
#expertise .right-column{
	width: auto;
	margin-left:0 ;
}
#trade{
	margin-bottom: 50px;
}
#wrapper{
	overflow: hidden;
	background:url(../images/mobile-colour-bg.gif) repeat-x 0 330px;
}
#home header{
	height: 140px;
}
#strategy article.item-5{
	margin-left: 0px;
}
#home .recentprojects-list li h3 a, #home .recentprojects-list li p{
	color: black;
}
#home{
margin-top: 20px;
}
#home header .heading{
	height: 51px;
}
a#home{
	display: block!important;
}
header.top-me{
	position: relative;
}
header.top-me img.click-me{
	width: 31px!important;
	height: 21px!important;
}
header.top-me a{
	position:absolute;
	display: block!important;
	right:0px;
	top: 70px;
}


}

/* 320px width */
@media only screen and (max-width: 479px) {

#wrapper{
	 margin:0px auto; padding-top:8px; 
	 width: auto;
	 padding: 0px 10px;
}

.leftcolumn{
	float: none;
	position: static;
	background: none;
	border: none;
	width: auto;
	padding: 0;
	margin: 0;
}
.leftcolumn h2{
	display: none;
}
.video{
	display: none;
}
#content{
	float: left;
	padding: 0;
	 width: auto;
	overflow: hidden;
}
.hit{
	display: none;
}
.leftcolumn h2:first-child{
display: none;
	
}
#strategy, #portfolio, #trade, #expertise, #home{
	width: 300px;
	padding: 0;
	margin: 0 auto;

}

#logo a{
	margin: 10px auto;
}
nav li{
	background: url('../images/mobile-nav.png') no-repeat center top;
	padding: 10px;
	text-align: center;

}
nav li a{
	background: no-repeat;
	display: inline;
	margin: 0;
	position: static;
	padding: 0;
	
}
.apps{
	display: none;
}
#home header{
	width: auto;
	background:url(../images/home-header-border2.png) repeat-x 0 54px, url(../images/home-header-border2.png) repeat-x 0 143px
}
#home header .heading{
	font-size: 33px;
	padding: 10px;
	line-height: 30px;
}
#home .articals .item-1{
	width: 154px;
}
#home .articals .item-2{
	width: 140px;
}
#home a.recentprojects, #home .articals h3{
	font-size: 14px;
}
#home .articals p{
	font-size: 11px;
}
#home header .subheading{
	font-size: 17px;
}
#home .articals .item-3{
	width: 283px;
	height: 101px;
}
#home .articals .item-3 h3{
	width: 319px;
}
#home a.recentprojects{
	width: 319px;
}
#home .recentprojects-list li{
	margin-right: 19px;
	margin-bottom: 40px;
}
#home .recentprojects-list li div{
	width: 130px;
	height: 155px;
}
#home .recentprojects-list li{
	width: 130px;
}
#home .recentprojects-list li p, #portfolio .portfolio-list p{
	font-size: 11px;
}
#content{
	background: none;
}
#content{
	background:none
	
}
#strategy header .heading{
	font-size: 17px;
}
#strategy header{
	background:url(../images/home-header-border2.png) repeat-x 0 63px;
	height: 98px;
}
#strategy .article span{
	font-size: 81px;
}
#strategy .article p{
width: 254px;
}
#strategy article.item-2{
	width: 300px;
}
#strategy article.item-4{
	width: 302px;
}
#strategy article.item-4 p{
	width: 233px;
}
#strategy article.item-2 p{
	width: 240px;
}
#strategy .article p{
	font-size: 10px;
}
#portfolio h1.heading{
	font-size: 17px;
	line-height: 30px;
}
#strategy{
	margin-bottom: 60px;
}
#portfolio header{
	background: url(../images/home-header-border2.png) repeat-x 0 63px;
	height: 100px;
}
#portfolio .portfolio-list li div{
	width: 130px;
	height: 155px;
	
}
#portfolio .portfolio-list li{
	width: 130px;
	margin-right:18px;
}
#portfolio .portfolio-list li.last-item{
		margin-right:18px;
}
#trade header .heading-1{
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 50px;
}
#trade img{
	width: 330px;
	
}
#trade .articles{
	margin-top: 30px;
}
#expertise h1.heading{
	font-size: 19px;
	line-height: 30px;
}
#expertise header{
	height: 100px;
	background: url(../images/home-header-border2.png) repeat-x 0 63px;
}
#expertise .left-column{
	width: auto;
	background: none;
	padding: 0;
}
#expertise .right-column{
	width: auto;
	margin-left:0 ;
}
#trade{
	margin-bottom: 50px;
}
#wrapper{
	overflow: hidden;
	background:url(../images/mobile-colour-bg.gif) repeat-x 0 330px;
}
#home header{
	height: 140px;
}
#strategy article.item-5{
	margin-left: 0px;
}
#home .recentprojects-list li h3 a, #home .recentprojects-list li p{
	color: black;
}
#home{
margin-top: 20px;
}
#home header .heading{
	height: 51px;
}
a#home{
	display: block!important;
}
header.top-me{
	position: relative;
}
header.top-me img.click-me{
	width: 31px!important;
	height: 21px!important;
}
header.top-me a{
	position:absolute;
	display: block!important;
	right:0px;
	top: 70px;
}
}

/* end LAYOUT, more specific styles */