@charset "utf-8";
/* Copyright ZenDuo Studios */

/* General Styling*/
html{-webkit-text-size-adjust:none;}
html,body{padding:0; margin:0;}
body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#FFF;}
object {outline:none; }/*swfobject fix*/
br.clear{clear:both;}
img{border:none; vertical-align:top;}
html,body{background:#080d0f url(../images/bg.jpg) no-repeat top right;}
h2,h3{color:#9ec400; font-size:210%; margin:0 0 12px 0; padding:0;}
h3{color:#fff; font-size:210%; font-size:16px;margin:0 0 2px 0; text-transform:uppercase;}
h2 strong{color:#FFF;}
h3 strong{color:#9ec400;}
.aboutCol p{margin-bottom:20px;}
#aboutThreeCol h2{margin:0 0 20px 0;}

.floatLeft{float:left;}
.floatRight{float:right;}

#rightcol h2{
	margin:26px 0 12px 0;
	text-transform:uppercase;
	font-size:200%;
}

p{margin:0 0 10px 0;}
a{text-decoration:none; color:#9ec400;}
a:hover{text-decoration:underline;}

/* CUFON */
.cufon-loading h1 ,.cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5{
	visibility: hidden !important;
}

h1{font-size:400%; line-height:1em; text-transform:uppercase; margin:0 0 17px 0; padding:0; }
h1.reduce{font-size:350%;}

.cufon-active h2 {margin:4px 0 14px 0;}

/* Custom CSS Attributes*/
.green{color:#9ec400;}
.grey{color:d4d4d4;}
.white{color:#fff;}
.small{font-size:80%;}


/*Top Section CSS*/
#topWrapper{width:936px; margin:0 auto; padding:0 6px 0 0;} /*6 either side*/
#topContact{text-align:right; font-weight:bold; padding:15px 0 8px 0;}
#logoNav{padding:0 0 0 0; width:936px;}
#logo{padding:0 0 4px 0; width:225px; float:left;}
#nav{width:656px; padding:17px 0 4px 0; float:right;}
#nav ul{padding:0 0 0 131px; margin:0; list-style:none;}
#nav ul li{float:left; border-right:1px solid #5e646a; padding:20px 7px 0 7px;}
#nav ul li a span{visibility:hidden;}
#nav ul li a{
	background:url(../images/nav/homeOff.png) no-repeat 6px 5px;
	padding:5px 6px;
	margin:0;
	float:left;
	line-height:10px;
	font-size:9px;
	width:42px;
	overflow:hidden;
	height:10px;
	width:42px;
}
#nav ul li a:hover,#nav ul li a#on{
	background-color:#9ec400;
	border:1px solid #5e646a;
	background-image:url(../images/nav/homeOn.png);
	background-position:5px 4px;
	padding:4px 5px;
	text-decoration:none;
}



#nav ul li a.about{	background-image:url(../images/nav/aboutOff.png);width:73px;}
#nav ul li a.about:hover, #nav ul li a.about#on{background-image:url(../images/nav/aboutOn.png);}

#nav ul li a.process{background-image:url(../images/nav/processOff.png);width:104px;}
#nav ul li a.process:hover, #nav ul li a.process#on{background-image:url(../images/nav/processOn.png);}

#nav ul li a.portfolio{	background-image:url(../images/nav/portfolioOff.png);width:80px;}
#nav ul li a.portfolio:hover, #nav ul li a.portfolio#on{background-image:url(../images/nav/portfolioOn.png);}

#nav ul li a.contact{background-image:url(../images/nav/contactOff.png);width:91px;}
#nav ul li a.contact:hover, #nav ul li a.contact#on{background-image:url(../images/nav/contactOn.png);}

.lineImage{float:left;}

/*GENERAL CSS*/
#mainConent{width:930px; margin:0 auto; padding:35px 0 0 0;}
#mainConent a{font-weight:bold;}

#mainConent.inside{padding:26px 0 0 0;}


/*HOME PAGE CSS*/
#homeLogos{padding:19px 0 40px 0;}
img#john{padding:29px 64px 0 0;}
img#tower{padding:0 65px 0 0;}
img#ash{padding:21px 63px 0 0;}
img#british{padding:14px 63px 0 0;}
img#king{padding:12px 0 0 0;}

#homeThreeCol{width:930px; padding:38px 0 79px 0;}
.homeCol{float:left; width:290px; margin:0 30px 0 0;}
#hq1,#hq2{color:#d4d4d4;}
#hq1 img{float:left; padding:15px 10px 10px 0;}
.homeCol p.quote{padding-top:44px;}
.homeCol p.person{color:#fff;}
#hq2{margin:0;}
#hq2 img{float:right;padding:10px 0 0 10px;}


/*FOOTER CSS*/
#siteFooter{color:#d6d8d1; font-size:90%; padding:0 0 40px 0;}
#siteFooter a{color:#d6d8d1; font-weight:normal;}
#siteFooter a:hover{color:#9ec400; text-decoration:none;}
#footerLeft{float:left; padding:1px 0 0 0;}
#footerRight{float:right;}
#footerRight p{padding:1px 5px 0 0; display:inline;}




/* JQUERY IMAGE FADER */
ul#slide_control li,
ul#slide_nav li{
    list-style:none;
	padding:0;
	margin:0;
}

ul#slide_nav{display:none; visibility:hidden;}
ul#portfolio{border:none; list-style:none;padding:0;margin:0;}
ul#portfolio li{padding:0;margin:0;}

#homeImages ul#portfolio{height:413px; overflow:hidden;}

.MainPhoto ul#portfolio{height:512px; overflow:hidden;}

/* CASE STUDY LAUNCH PAGE */

#caseHolder{
	padding:30px 0 50px 0;
	float:left;
	width:930px;
}

.caseLaunch {
	width:156px;
	height:156px;	
	border:3px solid #fff;	
	margin:0 30px 30px 0;
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.caseLaunch:hover{border-color:#9ec400;}

.noMargin{margin:0 0 30px 0;}

.caseLaunch .caption {
	width:159px;
	height:75px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}
#tall{height:90px;}
.caseLaunch .caption h3 {
	text-transform:uppercase;
	color:#fff;
	font-size:15px;	
	
	/* add spacing and make the whole row clickable*/
	margin:0;
	padding:13px 10px 5px 14px;
	display:block;
}
.caseLaunch .caption h3 a{color:#FFFFFF;}
.caseLaunch .caption h3 a:hover{color:#9ec400;}


.caseLaunch .caption a.moreCase {
	text-decoration:none;
	font-size:12px;
		
	/* add spacing and make the whole row clickable*/
	margin:0;
	padding:0 14px;
	display:block;
}

img {border:0;}
.clear {clear:both;}


/* CASE STUDY and ABOUT INSIDE PAGE */
#leftcol{
	float:left;
	width:530px;
}

#rightcol{
	float:right;
	width:370px;
	padding:0;
	margin:0 0 0 0;
}
#leftcol a{font-style:italic;}
.moreText h2{text-transform:uppercase;}
p.testimonial{color:#d4d4d4; font-style:italic;}
.portLinks{width:530px;}

#related{padding:20px 0 0 0;}
#related h3{font-size:18px;}
#related ul{padding:0 0 0 0; list-style:none;}
#related a{color:#FFF;}
#related a:hover{color:#9ec400;}
/* ABOUT WHYBROW PAGE*/
#aboutThreeCol{width:930px; padding:0 0 59px 0;}
.aboutCol{float:left; width:290px; margin:0 30px 0 0;}
#ab2{margin:0;}


/* PHOTO CHANGER */

.MainPhoto{border:9px solid #fff; margin:0 0 25px 0; width:512px;height:512px; background:#fff;}
.PhotoSwitcher{margin:0 0 30px; width:530px; height:90px;float:left;}
.PhotoSwitcher ul{
	list-style-type:none;
	margin:0;
	padding:0;
} 
.PhotoSwitcher ul li{
	float:left;
	margin:0 0 0 20px;
	height:86px;
	width:86px;
	padding:0 2px 0 2px;
}

.PhotoSwitcher ul li.First{
	margin:0;
	padding:0 2px 0 0;
}

.PhotoSwitcher ul li a{
	height:100%;
	width:100%;
	display:block;
	border:2px solid #fff; 
}
.PhotoSwitcher ul li img{border:2px solid #fff;}

.PhotoSwitcher ul li img:hover, .Selected a{border:2px solid #9ec400;}



/* CONTACT PAGE */
#contact h2{text-transform:uppercase; margin-bottom:11px;}
/* CONTACT PAGE */
#contact h2.lower{text-transform:capitalize;}
#contact p{margin-bottom:12px;}

#phoneWrite{width:930px;}
#phone{
	width:450px;
	float:left;
}
#post{
	width:450px;
	float:left;
	padding:0 0 0 30px;
}
#emailForm{width:930px; padding:0 0 10px 0;}
#contactForm{
	width:450px;
	float:left;
}
#contactForm2{
	width:450px;
	float:left;
	padding:42px 0 0 30px;
}
#post h3{color:#9ec400;}
label{color:#9ec400; font-size:18px; margin:0 0 7px 0; padding:0; display:block;}
label strong{color:#FFF;}
input,textarea{padding:0; margin:0 0 20px 0; width:439px; border:none; padding:5px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#333; border:2px solid #fff;}
input{ }
textarea{ height:126px;}

input.send {
	border:none;
	width: 85px;
	height: 30px;
	margin:-10px 0 0 0;
	background:url(../images/send-btn.jpg) 0 0;
	float: left;
	padding:0;
	display:block;
}
input.send:hover {
	background:url(../images/send-btn.jpg) 0px 30px;
}

.error{border:2px solid #d00808;}
.red{ color:#FFF; padding:0 0 7px 80px;  margin:0 0 20px; background:url(../images/error.gif) no-repeat;}
.red h2{color:#fff; margin:0; padding:0; line-height:0.5em;}
.red h3{color:#d00808; margin:0; padding:0; text-transform:none;}



ul.process {
	padding:0 0 15px 16px;
	margin:0;
}

ul.process li {
	padding:0 0 10px 0;
}
#processNav{
	background:url(../images/lineprocess.png) no-repeat;
}

#processNav h2{text-transform:none;}

#processBack {
	float:left;
}

#processNext {
	float:right;
}

#processHeight {
	min-height:483px;
	height:auto !important;
	height:483px;
}

#stageWrapper {
}

.stageBoxes {
	float:left;
	width:120px;
	margin:0 0 0 15px;
}
.stageBoxes h3{color:#9ec400; padding-bottom:15px;}
.stageBoxes h3.tiny{color:#fff;  padding:15px 0 0 0; font-size:95%;}
.stageBoxes img{border:3px solid #fff; }
.stageBoxes img:hover{border-color:#9ec400;}



.remove {
	margin:0;
}

#processLeft {
	float:left;
	width:334px;
}

#processRight {
	float:right;
	width:566px;
}

h1 span.shrink{font-size:80%;}