body {
	color:#fff;
	background:#00A5CF url(../images/blue/blazon_blue_bckgnd2.jpg) scroll top center no-repeat;
}

#flash-index, #flash-howwedoit, #flash-whatwedo, #flash-whatyouget {
	position: absolute;
	width:900px;
	z-index:5;
}
#flash-index {margin: 50px 0 0 50px;}
#flash-howwedoit {margin-top: 45px;}
#flash-whatwedo {margin-top: 45px;}
#flash-whatyouget {margin-top: 45px;}

a.noflash {
	float:right;
	display:block;
	margin:160px 80px 0 0;
	font-size:12px;
}

#wire, #wire-people {
	background: transparent url(../images/blue/whoweare_wire.gif) top left repeat-x;
	left:0;
	width:100%;
	height:50px;
	position:absolute;
}
#wire {top:155px;}
#wire-people {top:270px;}

#polaroid {
	top:135px;
	margin-left: 490px;
	position:absolute;
	width:350px;
	height:550px;
	background:transparent url(../images/blue/whoweare_polaroid.gif) top left no-repeat;
}

.polaroid-image-img {float:left;}
#polaroid-image-whoweare {margin:135px 0 0 40px;}
#polaroid-image-background {margin:118px 0 0 23px; border:1px solid #fff}


#content-inner-team {
	position:absolute;
}
#content-inner-team p.person-title {
	font-size:16px;
	padding:0 0 5px 0;
	font-weight:bold;
}
#content-inner-team div {
	position:absolute;
	height: 230px;
	overflow: auto;
	margin:40px 0 0 315px;
	width:340px;
	padding-right:10px;
}

#team-nav {
	position:absolute;
	margin:320px 0 0 0;
	width:730px;
	z-index:1;
}

.polaroid-people {
	top:254px;
	margin-left: 490px;
	position:absolute;
	width:270px;
	height:400px;
	background:transparent url(../images/blue/whoweare_smallpolaroid.gif) top left no-repeat;
}
.polaroid-people img {
	margin: 88px 0 0 20px;
}


img#img-home-headline {
margin-top:25px;
}
img#img-home-headline2 {
margin-top:0px;
}
img#img-whoweare-people-headline {margin-bottom:65px;}
img#img-getintouch-headline {margin-bottom:15px;}

#slides {
	width:810px;
	margin-left:40px;
}
#slides img {
	padding:0 5px 5px 0; 
	float:left;
}
#cycle-nav {
	width:780px;
	padding-left:43px;
	
}
img#more {float:right;}

/*.cycle-group {
	width:810px;
	height:360px;
}
#slides div.spacer {
	display:inline;
	float:right;
	background:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	width: 127px;
	height: 85px;
	margin:0 5px 5px 0;
}*/

.content-img {position:absolute;}

#img-soldiers {margin:340px 0 0 580px; z-index:-1;}
#img-tannoy {margin:70px 0 0 730px; z-index:-1;}
#img-laptop {margin:270px 0 0 500px; z-index:-1;}

#whatsnew-more-link {
	position:absolute;
	margin:400px 0 0 580px;
	width:300px;
	text-align:right;
	z-index:15;
}

.whatsnew-content .container {height:400px;}
.whatsnew-content, .whatsnew-content div.container {width:870px;}
.whatsnew-content-scroll {
	height:260px;
	overflow: auto;
	width:400px;
	padding:10px;
}
.whatsnew-img {
	position:absolute;
	border:10px solid #fff;
	/*margin:0 0 0 470px;*/
}
.fade {
	position:absolute;
	margin:0 0 0 470px;
}
.no-border {border:0;}




.contact_common input, textarea {
height:20px;
width:160px;
border:1px solid #707070;
overflow:hidden;
overflow:auto;
}
.contact_common div{
padding-top:3px;
}

.contact_1, .contact_2, .contact_label, .contact_field {float:left;}

.contact_1{width:280px;}
.contact_2{width:360px;}
.contact_1 .contact_label{width:95px;}
.contact_2 .contact_label{width:150px;}
.contact_field{width:170px;}





/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	padding-top:10px;
	position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/*
#mycarousel-prev {
	position:absolute;
	margin: 250px 0 0 0;
	z-index:100;
}
#mycarousel-next {
	position:absolute;
	margin: 250px 0 0 880px;
	z-index:100;
}*/

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-skin .jcarousel-container-horizontal {
    width: 870px;
    height: 370px;
    text-align:center;
}
.jcarousel-skin .jcarousel-clip-horizontal {
    width: 870px;
    height: 370px;
}
.jcarousel-skin .jcarousel-item {
    width: 870px;
    height: 370px;
}
.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}