@charset "utf-8";

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 11px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #294367; }
a:visited { color: #294367; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) {
    overflow: hidden;
}

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }


@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('fonts/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { height: 100%; }

body { background-color: #f5f1eb; }

body, td, th { 
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;
}

h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; }

h2 { font-size: 14px; }

h1 {
	font-family: TeXGyreHerosRegular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 23px;
	border-bottom: 1px solid #acaaa7; 
	color: #4a5a6f;
	padding-bottom: 3px;
}

#wrapper {
	position: relative;
	margin: 0px auto; 
	width: 931px; 
	height: 100%; 
}

#flash_banner { 
	position: absolute; 
	top: 70px; 
	left: 197px; 
	width: 740px; 
	height: 248px;
}

.bodytext { 
	margin: 14px 0 16px 0; 
	padding: 0px;
	font-size: 11px;
	line-height: 18px; 
	letter-spacing: 0em; 
	font-weight: normal;
}

	.bodytext p { 
		margin: 14px 0 12px 0; 
		padding: 0px;
		font-size: 11px;
		line-height: 18px; 
		letter-spacing: 0em; 
		font-weight: normal;
	}





#editpage {
	position: absolute;
	top: 0;
	left: 0; 
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}
	#editpage:hover {
		background: #ffffcc;
		color: #000; 
	}





.antispam { font-size: 10px; color: #aeaba8; padding-top: 25px; }
.bold { font-weight: bold; }
.case-study-flash { float: right; border: 1px solid #adaca9; margin-left: 50px; }
/* END Case Study page */
.caseStudyHolder { }
.clear { clear: both; }
.contact-info { font-size: 11px; float: left; width: 200px; padding-top: 30px; line-height: 18px; }
.contact-map { margin-left: 210px; margin-right: -8px; text-align: right; padding-top: 10px; }
/* END Case Study page */


/* Case Study Details */
.cs-item { width: 160px; 1height: 161px; display: block; }
.cs-item .title { width: 124px; height: 28px; line-height: 12px; font-size: 10px; font-weight: bold; background: url(../images/case-study-title-arrow.gif) no-repeat left 5px; color: #666564; margin-bottom: 2px; border-top: 1px solid #acaaa7; border: none; padding-top: 4px; }
.cs-item .title div { padding-left: 16px; }
.cs-item a { width: 124px; height: 160px; display: block; color: #7e7d7b; margin-bottom: 20px; border-bottom: 1px solid #f5f1eb; }
.cs-item a:hover { text-decoration: none; border-bottom: 1px solid #dedede; }
.cs-item a:hover .title { background: url(../images/case-study-title-arrow.gif) no-repeat left 5px; color: #696867; }
.cs-item a:hover div.short-desc { color: #7e7d7b; cursor: pointer; }
.cs-item a:hover span.videoStills { border: 1px solid #888; border: none; }
.cs-item img { border: none; cursor: pointer; }


.employment-text { text-align: justify; padding-top: 10px; padding-bottom: 15px;}
.employment-text p { padding: 0px; margin: 0px; display: inline; }
.hide, hr, .description_renamed { display: none; }
.image-desc { padding-top: 10px; font-size: 12px; line-height: 21px; text-align: justify; }
.job-desc { padding-bottom: 20px; }
.job-title { font: 14px/25px Arial, Helvetica, sans-serif; color: #445c7a; }
.noItems { font-size: 12px; color: #696867; }
.noItems { font-size: 12px; color: #696867; }

.pt-about { background: url(../images/title-about.gif) no-repeat left bottom; }
.pt-contact { background: url(../images/title-contact.gif) no-repeat left bottom; }
.pt-employment { background: url(../images/title-employment.gif) no-repeat left bottom; }
.pt-ge { background: url(../images/title-general-enquiries.gif) no-repeat left bottom; }
.pt-home { background: url(../images/title-home.gif) no-repeat left bottom; }
.pt-portfolio { 
	background: url(../images/title-portfolio.gif) no-repeat left bottom; 
}

.short-desc { width: 120px; height: 41px; font-size: 10px; font-weight: normal; line-height: 12px; overflow: hidden; margin-top: 5px; margin-left: 2px; }
.short-desc { width: 120px; height: 41px; font-size: 10px; font-weight: normal; line-height: 12px; overflow: hidden; margin-top: 5px; margin-left: 2px; }
.textHolder { padding-top: 12px; csolor: #5E5C5B; font-size: 12px; line-height: 21px; text-align: justify; }

.video-box { 
	position: relative; 
	top: 0px; 
	float: right; 
	clear: right; 
	padding: 0px; 
	margin: 0px; 
	overflow: hidden; 
	height: 270px; 
	margin-left: 5px;
}

.videoHolder { position: relative; top: 0px; right: -9px; float: right; margin-left: 30px; }
.webm { text-indent: -100em; overflow: hidden; }

#banner-small { 
	position: absolute; 
	top: 74px; 
	margin-left: 195px; 
	width: 731px; 
	height: 124px; 
}

	#banner-small img {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.30) 0px 0px 10px;
		-moz-box-shadow: rgba(0, 0, 0, 0.30) 0px 0px 10px;
		box-shadow: rgba(0, 0, 0, 0.30) 0px 0px 10px;
		background: #F5F1EB;
		behavior: url(/assets/css/PIE.htc);
	}

	
#contacts-panel { position: absolute; top: 27px; margin-left: 610px; width: 350px; height: 15px; }
#contacts-panel a, #contacts-panel a:link, #contacts-panel a:visited, #contacts-panel a:active { font: 12px/11px; color: #48586e; border: none; margin-left: 15px; }
#content { position: relative; top: 322px; }

#content_portfolio { 
        position: relative; 
        top: 205px; 
        padding-right: 4px;
        padding-left: 3px;
        top: 225px;
}

#holder-details { padding-left: 3px; padding-right: 10px; padding-bottom: 40px; }
#home { padding-left: 213px; padding-right: 10px; }


#logo { 
	position: absolute; 
	top: 90px; 
	width: 195px; 
	height: 207px; 
	background: url(../images/logo-big.gif) no-repeat left top; 
	text-indent: -9999px; 
	overflow: hidden;
}
	#logo a { 
		width: 195px; 
		height: 207px; 
		display: block;
		cursor: pointer;
	}

	#logo_small a { 
		width: 141px; 
		height: 149px; 
		display: block; 
		cursor: pointer;
	}

#content_portfolio h1 { 
	color: #486c6e; 
}

#project-images { clear: both; width: 100%; height: 19px; line-height: 14px; text-indent: -100em; overflow: hidden; border-bottom: 1px solid #acaaa7; margin-bottom: 12px; }

/* Primary navigation */

nav {
	position: absolute;
	top: 19px;
	left: 4px;
	width: 534px;
	height: 29px;
}
        
	nav ul {
		float: left;
	        width: 100%;
		list-style:none;
	}

		nav li {
	                float: left;
			position: relative;
		}
        
	        nav a {
		        float: left;
	                text-indent: -9999px;
		        height: 29px;
			background: url(../images/nav_general_bkg.png) top left no-repeat;
	        }
        
		body.portfolio nav a {
			background: url(../images/nav_casestudies_bkg.png) top left no-repeat;
	        }


	nav a#nav-about {
		width: 150px;
		background-position: -94px top; 
	}

		body.about nav a#nav-about,
		nav a#nav-about:hover {
			background-position: -94px bottom; 
		}	

	nav a#nav-samplework {
		width: 155px;
		background-position: -244px top; 
	}
		
		body.portfolio nav a#nav-samplework,
		nav li:hover a#nav-samplework,
		nav a#nav-samplework:hover {
			background-position: -244px bottom; 
		}

	nav a#nav-contact {
		width: 135px;
		background-position: -399px top; 
	}

	body.contact a#nav-contact,
	nav li:hover a#nav-contact,
	nav a#nav-contact:hover {
		background-position: -399px bottom !important; 
	}


	nav a#nav-home {
		width: 94px;
		background-position: left top; 
	}
        
		nav a#nav-home:hover {
	                background-position: left bottom; 
		} 
        





/* Styilng mega menu */
#nav ul {
	position: absolute;
	top: 29px; left: 0px;
	width: 155px;
	1background: #576f51 url("../images/sub_bkg.gif") repeat-x;
	1padding: 10px 0px 20px 15px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}

        #nav ul {
                width: 155px;
                float: left;
                width: 100%;
        }
        
                #nav ul li {
                        width: 100%;
                        color: #fff;
                    background: none;
                    height: 100%;
                }
                
                #nav ul a {
                        float: none;
                        background: url(../images/nav_general_sub_bkg.png) no-repeat left -29px;
                        position: relative;
                        top: 0px;
                        display: block;
                        color: #fff;
                        line-height: 26px;
                        margin: 0px;
                        padding: 0px;
                        text-indent: 0px;
                        padding-left: 22px;
                        text-decoration: none;
                }
        
                body.portfolio #nav ul a {
                        background: url(../images/nav_casestudies_sub_bkg.png) no-repeat left -29px;
                }
body.portfolio #nav ul a:hover, 
#nav ul a:hover {
	background-position: left 0px;
	text-decoration: none;
}

#nav ul a.latest {
	float: none;
	background: url(../images/nav_general_sub_bkg.png) no-repeat left -87px;
	position: relative;
	top: 0px;
	display: block;
	color: #fff;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	padding-left: 22px;
	text-decoration: none;
	background-position: left -87px;
}

body.portfolio #nav ul a.latest {
	background: url(../images/nav_casestudies_sub_bkg.png) no-repeat left -87px;
}
body.portfolio #nav ul a.latest:hover,
#nav ul a.latest:hover {
	background-position: left -58px;
}


/* Employment */
#positions {
        
}

	#positions h4 {
		color: #445C7A;
	        font: 14px/25px Arial,Helvetica,sans-serif;
		margin-top: 15px;
	}

	#positions .description > p{
		margin-top: 0;
	}


/* Case Studies / Category */
.cs-spot { width: 147px; 1height: 161px; display: block; }
.cs-spot .title { display: block; width: 124px; height: 28px; line-height: 12px; font-size: 10px; font-weight: bold; background: url(../images/case-study-title-arrow.gif) no-repeat left 5px; color: #666564; margin-bottom: 2px; border-top: 1px solid #acaaa7; border: none; padding-top: 4px; }
.cs-spot .title span { padding-left: 16px; display: block;}
.cs-spot a { width: 124px; height: 160px; display: block; color: #7e7d7b; margin-bottom: 20px; border-bottom: 1px solid #f5f1eb; }
.cs-spot a:hover { text-decoration: none; border-bottom: 1px solid #dedede; }
.cs-spot a:hover .title { background: url(../images/case-study-title-arrow.gif) no-repeat left 5px; color: #696867; }
.cs-spot span.short-desc { color: #7e7d7b; cursor: pointer; display: block;}
.cs-spot a:hover span.short-desc { color: #7e7d7b; cursor: pointer; display: block;}
.cs-spot a:hover span.videoStill { border: 1px solid #888; border: none; }
.cs-spot img { border: none; cursor: pointer; }


/* featured items */
.featured_items {
        margin-top: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

        .featured_items li {
                float: left;
                width: 124px;
                overflow: hidden;
                margin-right: 22px;
        }
        
        body.case_study .featured_items li {
                margin-right: 36px;
        }
        
                .featured_items li.last,
                body.case_study .featured_items li.last {
                        margin-right: 0;
                }
                
                .featured_items .hover {
                        cursor: pointer;
                }
                
                .featured_items .hover a {
                        color: #496c6e;
                }
                
                .featured_items .hover .short_desc {
                        color: #51504e;
                }
                
                
        
        .featured_items h4 {
               height: 28px; 
               background: #dedede;
               line-height: 12px;
               font-size: 10px;
               font-weight: bold;
               background: url("../images/case-study-title-arrow.gif") no-repeat left top;
               color: #666564; 
               margin-bottom: 2px; 
               border-top: 1px solid #acaaa7; 
               border: none; 
               padding-left: 16px;
        }
        
        .featured_items h4 a {
                color: #666564;
                text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
        }
        
        .featured_items .short_desc {
                color: #7e7d7b;
                font-size: 10px;
                font-weight: normal;
                line-height: 12px;
                margin-left: 2px;
                margin-top: 5px;
                display: block;
        }
        
        
.categories { 
	clear: both; 
	margin: 0;
	padding: 0;
	list-style: none;
}

        .categories li {
                width: 146px;
                float: left;
                display: inline;
        }
        
                .categories li.last {
                        width: 124px;
                }
                
                .categories li.hover {
                        cursor: pointer;
                }

        .categories h3 { 
                height: 19px; 
                line-height: 14px; 
                /*text-indent: -9999px; */
                overflow: hidden; 
                border-bottom: 1px solid #acaaa7;
                margin-bottom: 10px;
		background: url(../images/category_arrow.gif);
                background-repeat: no-repeat;
                background-position: 0px 3px;
        }

        .categories h3 a { 
                color: #7e7d7b; 
                color: #486c6e; 
                font-size: 13px; 
                text-decoration: none !important; 
		padding-left: 17px;
		font-family: TeXGyreHerosRegular, Arial, Helvetica, sans-serif;
        }

        #column-1 h3 { background-image: url(../images/column-01-title.gif); }
	#column-1 h3 a { color: #4a5a6f; }

        #column-2 h3 { background-image: url(../images/column-02-title.gif); }
	#column-2 h3 a {color: #6e4857;}

        #column-3 h3 { background-image: url(../images/column-03-title.gif); }
	#column-3 h3 a {color: #486c6e;}

	#column-4 h3 { background-image: url(../images/column-04-title.gif); }
        #column-4 h3 a {color: #5f5950;}
	
	#column-5 h3 { background-image: url(../images/column-05-title.gif); }
	#column-5 h3 a {color: #6b6b6b;}

        .categories .more {
                top: 18px; 
                display: block; 
                height: 18px; 
                line-height: 20px; 
                padding-left: 28px; 
                /*border-top: 1px solid #acaaa7; */
                background: url(../images/read_more.gif) no-repeat 0px 5px; 
                text-indent: -9999px; 
                overflow: hidden; 
                margin-top: 10px;
        }
        
        
                .categories .hover .more { 
                        background-position: 0px -104px; 
                }


        .categories img, 
        .featured_items img {
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -khtml-border-radius: 5px;
                border-radius: 5px;

                -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
                -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
                box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
                background: #F5F1EB;

                behavior: url(/assets/css/PIE.htc);      
        }

footer { 
        clear: both; 
        width: 100%; 
        margin-top: 20px; 
        padding-bottom: 30px; 
        border-top: 1px solid #c3c1bd;
        
}
        
        footer .copyright {
                float: left;
                color: #7e7d7b; 
                line-height: 22px; 
        }
        
        footer .links {
                float: right;
                color: #7e7d7b; 
                line-height: 22px; 
        }
        
        footer a { 
                color: #7e7d7b !important; 
                text-transform: lowercase;
        }

        
/* client section */
.row {
    background: url("../images/client-item-title-bkg.gif") repeat-x scroll left top;
    border-top: 1px solid #BFBDB9;
    padding-bottom: 35px;
}

.row h4 {
    background: url("../images/case-study-title-arrow.gif") no-repeat scroll 10px 10px;
    color: #666564;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 22px;
    margin-bottom: 2px;
    padding-left: 28px;
    padding-top: 4px;
}
.row h4 a {
	color: #666564;
	text-decoration: none;
}

.row h4 span {
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
}

.secondary {
        float: left;
        margin-left: 10px;
        margin-top: -4px;
}



/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/* deprecated classes */
/* IE6 */
* html #column-1 .more { 
	background: url(../images/more-square-yellow.gif) no-repeat 0px 5px; padding-left: 18px; 
}
/* IE7 */
*:first-child+html #column-1 .more { background: url(../images/more-square-yellow.gif) no-repeat 0px 5px; padding-left: 18px; }
/* a:link { color: #294367; text-decoration: none; }*/
/* a:visited { text-decoration: none; color: #294367; } */
/* a:hover { text-decoration: underline; color: #294367; } */
/* a:active { text-decoration: none; color: #294367; } */


/* new clearfix */
.clearfix:after, 
.featured_items:after,
.portfolio_categories:after,
#content_portfolio:after,
.row:after,
footer:after,
.case_study_details:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}