* {
	padding: 0; /* global margin and padding reset */
	margin: 0;
	outline: none;
}
html {overflow-y: scroll;}

/* ----- tags ----- */
body {
	
	text-align: center; /* centre in IE */
	line-height: 1em;
	font: Arial, Helvetica, sans-serif;
	color: #61676b;
	padding-bottom: 20px;
	font-size:12px;
}
.loading { background: url(spinner.gif) no-repeat center center; }  

img {border:none;}

p {
	color:#61676b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:10px;
	line-height: 17px;
	}
h3 {
	color:#61676b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	line-height: 20px;
	}
.sm {
font-size:0.9em;
font-weight:normal;
	}
.right {
	float:right;
	}
.next:link, .next:visited {
	background-image: url(../images/arrow-rt.gif);
	background-repeat:no-repeat;
	background-position: 80px 3px;
	padding-right:20px;
	}
.next:hover, .next:visited:hover  {
background-image: url(../images/arrow-rt-over.gif);
	}
a:link, a:visited {
	text-decoration:none;
	color:#0869b0;
	font-weight:normal;
	}
	
a:hover, a:visited:hover {
	text-decoration:underline;
	font-weight:normal;
	}
.work-detail {
	width:500px;
	}
	
/* ----- main containers ----- */



#frame {
	margin: 0 auto; /* centre in proper browsers */
	width: 940px;
	text-align: left;
}

#top {
	float:left;
	width: 940px;
	height:83px;
	background-image:url(../images/common/nav-fade.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#top-nav {
	float:left;
	width:667px;
	padding-top:45px;
}
#top-logo {
	float:left;
	width:263px;
	padding-top:21px;
	padding-left:10px;
}

#main-panel {
	float:left;
	width:940px;
	margin-top:10px;
	}
#main-panel .copy {
	float:left;
	width:293px;
	height:295px;
	background:#2c201a;
	padding-left:16px;
	padding-right:16px;
	}
#main-panel .copy p {
	color:#aab4bc;
	font-size:1em;
	line-height:14px;
	}
#main-panel .image {
	float:left;
	}
	
#main-content {
	float:left;
	width: 908px;
	padding-left:16px;
	padding-right:16px;
	margin-top:33px;
	
	}
#left-col {
	width:181px;
	border-right:solid 1px #aab4bc;
	float:left;
	margin-top:20px;
	}
#right-col {
	
	width:700px;
	padding-left:20px;
	float:left;
	margin-top:20px;
	}
#client-col {
	
	width:920px;
	float:left;
	margin-top:20px;
	}
.col {
	float:left;
	margin-right:20px;
	width:300px;
	}

#footer {
	
	float:left;
	width:925px;
	background-image:url(../images/common/nav-fade.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:20px;
	padding-top:30px;
	padding-right:15px;
	
	}
.footer {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	}
#footer-nav-left {
	float:left;
	margin-bottom:20px;
	}
#footer-nav {
	float:right;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:20px;
	}
#footer-nav li {
	float:left;
	margin-left:10px;
	}
	
#footer-nav a:link, #footer-nav a:visited {
	color:#61676b;}
	
/* ----- image-display ----- */	

.row {
	float:left;
	width:940px;
	margin-top:16px;
	}
.client-row {
	float:left;
	width:680px;
	margin-top:10px;
/*	display:none;*/	
	}
	
.work-holder {
	float:left;
	width:193px;
	margin-right:44px;
	display:hidden;

	}
.work-holder-end {
	float:left;
	width:193px;
	}
.work-holder p, .work-holder-end p {
	margin-left:10px;
	}
	
.image-box {
	float:left;
	width:175px;
	height:102px;
	background-image:url(../images/common/image-shadow.gif);
	padding: 9px 9px 9px 9px;
	margin-bottom:5px;
	}
	
#work-nav {
	float:left;
	width:915px;
	margin-top:20px;
	}
	
#previous {	float:left;	}
#next {	float:right;	}
#previous a:link, #previous a:visited {
	padding-left:12px;
	background-image: url(../images/common/left-arrow.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
	color:#666666;
	font-weight:bold;
	}
#previous a:hover, #previous a:visited:hover {
	color:#0869b0;
	background-color:#ffffff;
	text-decoration:none;
	}
#next a:link, #next a:visited {
	padding-right:12px;
	background-image: url(../images/common/right-arrow.gif);
	background-repeat:no-repeat;
	background-position: right;
	
	color:#666666;
	font-weight:bold;
	}
#next a:hover, #next a:visited:hover {
	color:#0869b0;
	background-color:#ffffff;
	text-decoration:none;
	}
	

/* ----- global navigation ----- */
#global-nav {
	float: left;
	list-style: none;
	margin: 0px 0 0px 15px;
	padding: 0;
}
#global-nav li {
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}
#global-nav li a {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}
#global-nav li a:hover {
	background-position: 0 -29px;
}

#global-nav li a.current, #global-nav li a.current:hover {
	background-position: 0 -29px;
}
#nav0 {
	width: 54px;
	height: 17px;
	background: url(../images/common/nav/home.gif) 0 0 no-repeat;
}
#nav1 {
	width: 71px;
	height: 17px;
	background: url(../images/common/nav/about2.gif) 0 0 no-repeat;
}
#nav2 {
	width: 79px;
	height: 17px;
	background: url(../images/common/nav/work2.gif) 0 0 no-repeat;
}
#nav3 {
	width: 87px;
	height: 17px;
	background: url(../images/common/nav/our-clients.gif) 0 0 no-repeat;
}
#nav4 {
	width: 91px;
	height: 17px;
	background: url(../images/common/nav/conactus.gif) 0 0 no-repeat;
}
#nav5 {
	width: 85px;
	height: 17px;
	background: url(../images/common/nav/expertise.gif) 0 0 no-repeat;
}
#nav6 {
	width: 98px;
	height: 17px;
	background: url(../images/common/nav/testimonisal.gif) 0 0 no-repeat;
}

/* ----- masthead ----- */
h1 {
	float:left;
	width: 250px;
	height: 38px;
}
h1 a {
	display: block;
	width: 250px;
	height: 38px;
	text-indent: -1000em;	
	background-color:#fff;
	background: url(../images/common/logo.gif) 0 0 no-repeat;
}
h1 a:hover, h1 a:hover:visited {
	background: url(../images/common/logo.gif) 0 0 no-repeat;
	}

/* ----- text tags ----- */

.welcome {
	display:block;
	text-indent:-1000em;
	width:271px;
	height:54px;
	background-image:url(../images/main-panel/home-intro.gif);
	margin-top:20px;
	margin-bottom:10px;
	}
.latest-wrk {
	display:block;
	text-indent:-1000em;
	width:146px;
	height:19px;
	background-image: url(../images/titles/our-latest-work.gif);
	margin-top:0;
	margin-bottom:0;
	}
.about {
	display:block;
	text-indent:-1000em;
	width:89px;
	height:21px;
	background-image: url(../images/titles/about.gif);
	margin-top:0;
	margin-bottom:0;
	}
.privacy {
	display:block;
	text-indent:-1000em;
	width:147px;
	height:23px;
	background-image: url(../images/titles/privacy.gif);
	margin-top:0;
	margin-bottom:0;
	}
.privacy-policy {
	display:block;
	text-indent:-1000em;
	width:129px;
	height:17px;
	background-image: url(../images/titles/privacy-policy.gif);
	margin-top:0;
	margin-bottom:0;
	}
.email-disclaimer {
	display:block;
	text-indent:-1000em;
	width:129px;
	height:17px;
	background-image: url(../images/titles/email-disclaimer.gif);
	margin-top:0;
	margin-bottom:0;
	}
.standard-disclaimer {
	display:block;
	text-indent:-1000em;
	width:129px;
	height:17px;
	background-image: url(../images/titles/standard-disclaimer.gif);
	margin-top:0;
	margin-bottom:0;
	}
.expertise {
	display:block;
	text-indent:-1000em;
	width:93px;
	height:25px;
	background-image: url(../images/titles/expertise.gif);
	margin-top:0;
	margin-bottom:0;
	}
.our-work {
	display:block;
	text-indent:-1000em;
	width:91px;
	height:20px;
	background-image: url(../images/titles/our-work.gif);
	margin-top:0;
	margin-bottom:0;
	}
.our-work-blk {
	display:block;
	text-indent:-1000em;
	width:127px;
	height:26px;
	background-image: url(../images/titles/our-work-blk.gif);
	margin-top:20px;
	margin-bottom:15px;
	}
.our-clients {
	display:block;
	text-indent:-1000em;
	width:106px;
	height:20px;
	background-image: url(../images/titles/our-clients.gif);
	margin-top:0;
	margin-bottom:0;
	}
.testimonials {
	display:block;
	text-indent:-1000em;
	width:119px;
	height:19px;
	background-image: url(../images/titles/testimonials.gif);
	margin-top:0;
	margin-bottom:10px;
	}
.contact-us {
	display:block;
	text-indent:-1000em;
	width:103px;
	height:19px;
	background-image: url(../images/titles/contact.gif);
	margin-top:0;
	margin-bottom:20px;
	}
.how-to-find-us {
	display:block;
	text-indent:-1000em;
	width:141px;
	height:19px;
	background-image: url(../images/titles/how-to-find-us.gif);
	margin-top:0;
	margin-bottom:20px;
	}
	
ul#work-list { margin:0; padding:0; }
ul#work-list li { float:left; margin:0 5px 0 0; width:250px; height:150px; list-style:none;}
ul#work-list li.loading { background: url(spinner.gif) no-repeat center center; }
	
#work-list p {margin-left:15px;}

#client-list {list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#client-list li {margin-bottom:12px;}
#client-list li a{color:#61676b;}
#client-list li a:hover, #client-list li a:visited:hover{color:#FFFFFF;}

#slideshow {
	float:left;
    position:relative;
    height:295px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* ----- work navigation ----- */
#project-nav-holder {float:right;}
#project-nav {
	float: left;
	list-style: none;
	margin: 10px 10px 0px 0;
	padding: 0;
}
#project-nav li {
	float: left;
	margin: 0 5px 0 0px;
	padding: 0;
}
#project-nav li a {
	display: block;
	margin: 0;
	padding: 0; padding-top:2px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif; font-size:9px;
	color:#999;
	text-decoration:none;
}
#project-nav li a:hover {
	background-position: 0 -26px;
	color:#fff;
}

#project-nav li a.current, #project-nav li a.current:hover {
	background-position: 0 -26px;
	color:#FFF;
}
#project-nav-item1 {
	width: 21px;
	height: 16px;
	background: url(../images/common/grey-square.gif)0 0 no-repeat;
}
#project-nav-item2 {
	width: 21px;
	height: 16px;
	background: url(../images/common/grey-square.gif)0 0 no-repeat;
}
#project-nav-item3 {
	width: 21px;
	height: 16px;
	background: url(../images/common/grey-square.gif)0 0 no-repeat;
}
#project-nav-item4 {
	width: 21px;
	height: 16px;
	background: url(../images/common/grey-square.gif)0 0 no-repeat;
}
#project-nav-item5 {
	width: 21px;
	height: 16px;
	background: url(../images/common/grey-square.gif)0 0 no-repeat;
}
#project-nav-item6 {
	width: 21px;
	height: 16px;
	background: url(../images/common/grey-square.gif)0 0 no-repeat;
}