body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; font-family:"Lucida sans", Lucida, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a, select, input, textarea, #contentInner {position:relative;}

a {color:#ff3020; text-decoration:none;}
a:hover {text-decoration:underline;}

html {
	width:100%;
	height:100%;
	background: #fff url(../image/bgHorizontal.gif) repeat-x 50% 6px;
	
}

body {
	width:100%;
	height:100%;
	background: url(../image/bgVertical.gif) repeat-y  50% 50% ;
	color:#5d5d5d;
	text-align:center;
	font:.8em/1.6em Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}


#wrapper {
	background:url(../image/bgCrosshairs.gif) no-repeat 1px top;
	position:relative;
	text-align:left;
	width:953px;
	height:652px;
	margin:0px auto;
}

#inner {
	background:url(../image/bgCrosshairs.gif) no-repeat 1px bottom;
	height:644px;
	min-height:644px;
	position:absolute;
	top:8px;
	left:0;
	width:953px;
}

#container {
	background:url(../background/rotator.php) no-repeat bottom right;
	height:636px; 
	min-height:636px;
	width:936px;
	margin-left:9px;
}

body#contact #container {background-image:url(../image/bgOrganiser.jpg);}
body#ourclients #container {background-image:url(../image/bgPencil.jpg);}
body#whatwedo #container {background-image:url(../image/bgWatch.jpg);}
body#casestudies #container {background-image:url(../image/bgMicrometer.jpg);}


#nav {
	width:590px;
	position:absolute;
	right:0px;
	top:-31px;
	padding-right:0px;
	z-index:100;
}
#navline {
	position:absolute;
	left: 40px;
	top:51px;
	height:2px;
	width:870px;
	border-bottom: 2px solid #ff3020;
	z-index:1;
}

#nav li {
	float:right;
	display:inline;
	font-size:13px;
	font-weight:bold;
	height:31px;
	width:auto;
	border:2px solid #dce6ea;
	border-bottom:none;
	margin:0 2px;
	background:   ;
	padding:0;
}

#nav a {
	color:#5d5d5d;
	padding:4px 8px;
	display:block;
}
#nav a img {
padding:0;
margin:0;
}
#nav li:hover{
border-color:#ff3020;
background: url(/image/butonbg.gif) repeat-x}
#nav a:hover {
	color:#ff3020;
	text-decoration:none;
}

#nav li.current {

	text-decoration:none;
	background:url(/image/butonbgr.gif) repeat-x;
	cursor:default;
	border-color:#ff3020;
	border-bottom:2px solid #fff;
}
#nav li.current a{
color:#ff3020;}

#content {
	background:url(../image/bgContent.png) no-repeat top left;
	height:520px;
	min-height:520px;
	width:634px;
	margin-top:20px;
	margin-left:16px;
	padding-top:30px;
	float:left;
	display:inline;
	clear:left;
}

#contentInner {
	height:485px;
	overflow:auto;
	margin:auto;
	width:546px;
}



h1 a {
	background:url(../image/sitelogo1.gif) no-repeat top right;
	width:284px;
	height:56px;
	display:block;
	margin:0;
	float:left;
	top:21px;
	left: 38px;
}
#logoen a {
	background:url(../image/logoen2010.gif) no-repeat top right;
}
body#index h1 a {cursor:default;}

p {font-size: 14px; padding:0 12px 1em 0; line-height:20px;}
h2 {font-size:20px; line-height:1.4em; padding:0 12px 0.3em 0;}
h3 {font-size:16px; line-height:1.8em; padding:0em 0;}
h4 {font-size:14px; line-height:1.6em; padding:.4em 0;}
h5 {font-size:12px; line-height:1.5em; padding:.4em 0;}

#contentInner ul {
	margin-left:10px;
	padding-bottom:.8em;
}

#contentInner li {	
	display:list-item;
	margin-left:16px;
}

#contentInner ul#logos {padding:.6em 0 12px 30px; float:left;}

#contentInner ul#logos li {
	width:190px;
	height:80px;
	float:left;
	margin:0 10px 10px 0;
	display:inline;
}

#contentInner ul#logos li.dlkw {background:url(../image/logoDlkw.gif) no-repeat top left;}
#contentInner ul#logos li.cres {background:url(../image/logoCreston.gif) no-repeat top left;}
#contentInner ul#logos li.bh {background:url(../image/logoHodes.gif) no-repeat top left;}
#contentInner ul#logos li.sh {background:url(../image/logoSimply.gif) no-repeat top left;}
#contentInner ul#logos li.hsa {background:url(../image/logoHsa.gif) no-repeat top left;}

#contentInner ul#logos li a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-200000px;
	border:1px solid #dce6ea;
}

#contentInner ul#logos li a:hover {border:1px solid #a1abaf;}

a.link {
	padding-left:28px;
	background:url(../image/link4e.gif) no-repeat -2px 50%;
}

dl {padding:.4em 12px .4em 0;}
dd {margin:.4em 0 1.2em 40px;}

a.ama {
	position:absolute;
	left:20px;
	bottom:-1.6em;
	font-size:.85em;
	color:#5d5d5d;
}

p.copyright {
	position:absolute;
	right:20px;
	bottom:-1.6em;
	font-size:.85em;
	padding:0;
	margin:0;
}

a#skip {
	position:absolute;
	top:-2000px;
	right:20px;
}
a#skip:focus {top:10px;}

.highslide {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #ccc;
	margin-right: 10px;
	padding: 3px;
	background: #fff;
}

.highslide:hover img {
	background: #fff;
	border: 2px solid #ff3020;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.referents ul{
margin:0;
padding:0;

margin:0 -30px;
}

.referents li {
float: left;
width: 260px;

margin:0 -20px;
padding:0;
}
.referents img {
margin:0;
margin-right: 4px;}