﻿body{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#EAEAEA;
}



/*main divs*/
#wrapper{
width:863px;
margin: 0 auto;
height:auto;
background:url(images/back.gif) repeat-y;
background-color:#FFFFFF;
}

#banner{
background-image:url(images/banner.gif);
margin:0 auto;
width:813px;
height:126px;
}

#banner2{
background-image:url(images/banner2.gif);
margin:0 auto;
width:813px;
height:126px;
}

#menu{
width:843px;
height:39px;
background:url(images/menu.gif);
margin:0 auto;
}
/*end*/



/*catalogue divs*/
#rightcat{
width:400px;
float:left;
height:auto;
background-color:#FFFFFF;
}

#display{
width:800px;
float:left;
height:auto;
margin:0px 0px 0px 30px;
background-color:#FFFFFF;
}


#contentdisplay{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:853px;
height:auto;
float:left;
}

#line{
width:800px;
height:8px;
background-image:url(images/displayline.gif);
float:right;
margin:5px 5px 10px 0px;
}

#linetech{
width:800px;
height:8px;
background-image:url(images/techline.gif);
float:right;
margin:5px 5px 10px 0px;
}

#button{
margin:0px 78px 10px 0px;
float:right;
}

#buttongalaxy{
margin:0px 32px 10px 0px;
float:right;
}

#galaxy{
width:250px;
float:left;
margin:0px 0px 0px 67px;
}

#galaxyright{
width:500px;
float:right;
margin:0px 30px 0px 0px;
}


#box1{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#EF8BA5;
float:right;
}

#box2{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#CA7C00;
float:right;
}

#box3{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#085700;
float:right;
}

#box4{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#91CBFB;
float:right;
}

#box5{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#FF8A00;
float:right;
}

#box6{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#1D8F0D;
float:right;
}

#box7{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#A30246;
float:right;
}

#box8{
width:30px;
height:30px;
margin:0px 0px 0px 10px;
background-color:#A00000;
float:right;
}
/*end*/



/*other divs*/
#homeleft{
width:370px;
margin:0px 0px 30px 30px;
height:auto;
background-color:#FFFFFF;
float:left;
}

#global{
width:800px;
float:left;
height:auto;
margin:0px 0px 0px 30px;
background-color:#FFFFFF;
}

#globalmap{
width:623px;
float:left;
height:auto;
margin:0px 0px 20px 140px;
background-color:#FFFFFF;
}

#cont{
	width:338px;
	margin:0px auto 40px auto;
	height:450px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
}

#leftimage{
background-image:url(images/backimage.gif);
float:left;
width:383px;
height:618px;
}

#rightimage{
background-image:url(images/icage3.gif);
margin:0px 5.5px 0px 0px;
float:right;
width:400px;
height:617px;
}

#careersimage{
background-image:url(images/backimage5.gif);
background-repeat: no-repeat;
margin:0px 5.5px 0px 0px;
float:right;
width:400px;
height:461px;
}

#content{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:853px;
height:720px;
background:url(images/backimage3.gif);
background-repeat:no-repeat;
background-position:bottom right;
clear:both;
}

#tech{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:853px;
height:720px;
background:url(images/tech1.gif);
background-repeat:no-repeat;
background-position:bottom right;
clear:both;
}

#contact{
margin:0px auto 0px auto;
padding:0px 0px 0px 30px;
width:853px;
height:auto;
clear:both;
}

#contactleft{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:800px;
height:auto;
float:left;
clear:both;
}

#contactright{
margin:0px auto 0px auto;
padding:20px 0px 50px 0px;
width:800px;
height:auto;
clear:both;
float:left;
}


#news{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:853px;
height:720px;
background:url(images/backimage4.gif);
background-repeat:no-repeat;
background-position:bottom right;
clear:both;
}

#footer{
width:852px;
height:41px;
padding:0px 0px 0px 0px;
margin:0px 3px 0px 6px;
background:url(images/footer.gif) repeat-x;
clear:both;
}
/*end*/




/*images*/
.image{
border:solid 20px #f6f6f6;
}

.noborder{
border:none;
}
/*end*/




/*Scroll*/

div.scroll {	
height:520px;	
width: 370px;	
overflow: auto;
background-color:#fff;		
padding: 0px;
margin: 10px 0px 0px 10px;
}

#blueblock{
width: auto;
height:auto;
padding: 0 0 0 0;
_padding-top:3px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align:left;
color: #333;
border-top: 1px dotted #999999;
}

* html #blueblock{ /*IE 6 only */
width: 245px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

#blueblock li a{
display: block;
padding: 1px 5px 1px 8px;
background-color: #f7f7f7;
border-bottom: 1px dotted #999999;
color: #333333;
text-decoration: none;
width: 100%;
margin:0px;
_margin: -3px;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}



/*end of scroll*/


/*gallery*/

#gallerycontainer{
position: relative;
height:auto;
margin:0px 0px 0px 65px;
width:800px;
}

.thumbnail img{
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 327px;
left: 229px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*end of gallery*/

/*search*/
#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 4px 6px 0px 0px;
}

#search fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 140px;
	padding: 2px 0px;
	background: #FFFFFF;
}

#input2 {
background:none;
	border: none;
	font-size: 12px;
	color: #FFFFFF;
}
/*end search*/




/*Type*/

/*menu*/
.menu{
padding:9px 0px 0px 0px;
color:#FFFFFF;
font-size:12px;
}

.menu a{
padding:0px 15px 0px 15px;
color:#FFFFFF;
text-decoration:none;
}

.menu a.active{
padding:0px 15px 0px 15px;
color:#981039;
text-decoration:none;
}

.menu ul {
float: left;
margin: 0;
list-style: none;
font-size: 12px;
}

.menu li {
float: left;
background: url(images/split.gif) no-repeat right center;
position: relative;
list-style: none;
}

.menu a:hover{
color:#981039;
text-decoration:none;
}
/*end menu*/


/*catalogue*/
#rightcat h1{
padding:30px 0px 0px 0px;
font-size:30px;
color:#981039;
text-align:right;
}

#display h1{
padding:30px 0px 0px 0px;
margin:0px 0px 0px 30px;
font-size:30px;
color:#981039;
text-align:right;
}

.backbuttons{
background-color:#EAEAEA;
color:#A30246;
font-size:12px;
width:auto;
height:auto;
padding:0px 4px 0px 4px;
text-decoration:none;
}

.categories{
font-size:18px;
color:#333333;
text-align:right;
}

.categories a{
font-size:18px;
color:#333333;
text-align:right;
text-decoration:none;
}

.categories a:hover{
font-size:18px;
color:#981039;
text-align:right;
text-decoration:none;
}
/*end catalogue*/



/*general*/
h1{
padding:30px 0px 0px 0px;
font-size:30px;
color:#981039;
}

h2{
padding:0px 0px 0px 0px;
font-size:14px;
color:#981039;
}

.small{
color:#333333;
font-size:10px;
text-align:right;
}

.right{
color:#333333;
font-size:12px;
text-align:center;
padding:0px 0px 0px 0px;
}

.click{
color:#981039;
margin:0px 0px 0px 67px;
float:left;
}

.red{
color:#981039;
margin:0px 0px 0px 0px;
text-decoration:none;
}

.red a{
color:#981039;
margin:0px 0px 0px 0px;

text-decoration:none;
}

.redtech{
color:#981039;
margin:0px 0px 0px 30px;
}

.redtech a{
color:#981039;
margin:0px 0px 0px 40px;

text-decoration:none;
}

.red{
color:#981039;
margin:0px 0px 0px 0px;
}
/*end general*/



/*footer*/
.foot{
padding:12px 0px 0px 0px;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

.foot a{
color:#981039;
text-decoration:none;
}

.foot a:hover{
color:#FFFFFF;
text-decoration:none;
}
/*end footer*/

/*end of Type*/


/* map contact */
#gmap {
display:block;
width:600px;
height:644px;
background:url(images/newmap2.gif);
background-repeat:no-repeat;
position:relative;
margin:0 auto 2em auto;
}

#gmap a {
color:#000;
font-family:arial, sans-serif;
font-size:12px;
text-decoration:none;
}

a#title2, a#title2:visited {
display:block;
width:400px;
height:0;
padding-top:260px;
position:absolute;
left:0;
top:0;
cursor:default;
text-decoration:none;
}

* html a#title2 {
height:260px;
he\ight:0;
}

#gmap a#title2:hover {
background:transparent url(images/mapbright.gif) no-repeat 0 0;
overflow:visible;
color:#c00;
}

a#scotland {
display:block;
width:415px;
height:0;
padding:345px 0px 0px 0px;
overflow:hidden;
position:absolute;
left:181px;
top:-18px;
}

* html a#scotland {
height:184px;
he\ight:0;
}

a#scotland:hover {
background:transparent url(images/scotland.gif) no-repeat 0 0;
overflow:visible;
}

a#nireland {
display:block;
width:171px;
height:0;
padding:142px 0px 0px 0px;
overflow:hidden;
position:absolute;
left:92px;
top:223px;
}

* html a#nireland {
height:105px;
he\ight:0;
}

a#nireland:hover {
background:transparent url(images/ni.gif) no-repeat 0 0;
overflow:visible;
}

a#sireland {
display:block;
width:246px;
height:0;
padding:273px 0px 0px 0px;
overflow:hidden;
position:absolute;
left:-12px;
top:267px;
}

* html a#sireland {
height:151px;
he\ight:0;
}

a#sireland:hover {
background:transparent url(images/roi.gif) no-repeat 0 0;
overflow:visible;
}

a#northeire {
display:block;
width:212px;
height:0;
padding:151px 0px 0px 100px;
overflow:hidden;
position:absolute;
left:18px;
top:267px;
}

* html a#northeire {
height:151px;
he\ight:0;
}

a#northeire:hover {
background:transparent url(images/sni.gif) no-repeat 0 0;
overflow:visible;
}

a#ireland {
display:block;
width:247px;
height:0;
padding:270px 0px 0px 130px;
overflow:hidden;
position:absolute;
left:45px;
top:410px;
}

* html a#ireland {
height:130px;
he\ight:0;
}

a#ireland:hover {
background:transparent url(images/si.gif) no-repeat  0 0;
overflow:visible;
}

a#swengland {
display:block;
width:238px;
height:0;
padding:286px 0px 0px 0px;
overflow:hidden;
position:absolute;
left:237px;
top:440px;
}

* html a#swengland {
height:55px;
he\ight:0;
}

a#swengland:hover {
background:transparent url(images/sw.gif) no-repeat 0 0;
overflow:visible;
}

a#london {
display:block;
width:256px;
height:0;
padding:88px 0px 0px 50px;
overflow:hidden;
position:absolute;
left:401px;
top:449px;
}

* html a#london {
height:100px;
he\ight:0;
}

a#london:hover {
background:transparent url(images/se.gif) no-repeat 0 0;
overflow:visible;
}

a#england {
display:block;
width:310px;
height:0;
padding:132px 0px 0px 140px;
overflow:hidden;
position:absolute;
left:348px;
top:381px;
}

* html a#england {
height:105px;
he\ight:0;
}

a#england:hover {
background:transparent url(images/england.gif) no-repeat 0 0;
overflow:visible;
}

a#eengland {
display:block;
width:259px;
height:0;
padding:114px 0px 0px 80px;
overflow:hidden;
position:absolute;
left:452px;
top:416px;
}

* html a#eengland {
height:50px;
he\ight:0;
}

a#eengland:hover {
background:transparent url(images/ee.gif) no-repeat 0 0;
overflow:visible;
}

a#yorkshire {
display:block;
width:234px;
height:0;
padding:131px 0px 0px 0px;
overflow:hidden;
position:absolute;
left:414px;
top:522px;
}

* html a#yorkshire {
height:50px;
he\ight:0;
}

a#yorkshire:hover {
background:transparent url(images/york.gif) no-repeat 0 0;
overflow:visible;
}

a#lakes {
display:block;
width:296px;
height:0;
padding:184px 0px 0px 0px;
overflow:hidden;
position:absolute;
left:282px;
top:281px;
}

* html a#lakes {
height:50px;
he\ight:0;
}

a#lakes:hover {
background:transparent url(images/ld.gif) no-repeat 0 0;
overflow:visible;
}

a#northeast {
display:block;
width:224px;
height:0;
padding:178px 0px 0px 100px;
overflow:hidden;
position:absolute;
left:363px;
top:233px;
}

* html a#northeast {
height:50px;
he\ight:0;
}

a#northeast:hover {
background:transparent url(images/ne.gif) no-repeat 0 0;
overflow:visible;
}

