/*-------------------------------------------------------------------------------------------------------------
--------------------------Company: Thistle Access NDT Ltd---------------------------------------------
-------------------------Copyright: Thistle Access NDT Ltd 2007------------------------------------
-------------------------Developed and written by gillian bell-----------------------------------------
----------------------------------------------------------------------------------------------------------------*/



html, body {		padding: 0px;
					margin: 0px;
					font-family: Arial,sans-serif;
					font-size: small;
					background:#fff url(Images/bg.gif) repeat;
					line-height:1.25em;
}


h1 {font-size: 160%;font-family:Arial, Helvetica, sans-serif; color:#333; margin:0;}
h2 {font-size: 134%;font-family:Arial, Helvetica, sans-serif; }
h3 {font-size: 115%;font-family:Arial, Helvetica, sans-serif; }
h4 {font-size: 118%;font-family:Arial, Helvetica, sans-serif; }
h5 {font-size: 110%;font-family:Arial, Helvetica, sans-serif; }

.clear {clear:both;}
.blue {color:#1f1f5b; font-weight:bold; font-size:15px;}
#wrapper {
	border:1px solid #ddd;
	width:900px;
	margin:0.5em auto;
	padding:0.5em;
	background-color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	}

/*--------------------------------------------------------------------------------------------------------------------
------------------------------ topContainer - contains title container within ---------------------------------
----------------------------------------------------------------------------------------------------------------------*/
#topContainer {		padding: 0px;
					margin:0px auto;
					font-size: small;
					color: #FFFFFF;
					background: #ffffff url(Images/headerBG.jpg) repeat-x;
					height: 153px;
					width: 900px;
					border-bottom:1px solid #ffffff;
}
/*-------------------------------------------------------------------------------------------------------------
-------------------------------------- title container - holds logo-----------------------------------------
----------------------------------------------------------------------------------------------------------------*/
#title {			padding:0px;
					margin:0px auto;
					width: 900px;
					height: 153px;
					background:url(Images/logo.jpg) no-repeat;
					text-align: left;
					
}

/*----------------------------------------------------------------------------------------------------------
--------------------------------------horizontal navigation system-------------------------------------
-------------------------------------------------------------------------------------------------------------*/
#navContainer{		background-color:#EEEEEE;
					color:#FFFFFF;
					font-size:small;
					margin:0.5em 0;
}	
#navigation{		padding: 0px;}
#navigation ul{		padding: 0;
					margin: 0px;
					border:1px solid #e2e2e2; background-image:url(Images/bg-nav.jpg);
					color: #696969;
					float: center;
					height:27px;
}

#navigation ul li {border-right:1px solid #e2e2e2;display:block; width:auto; float:left; padding:0;}
					
#navigation ul li a{ font-size:1em;clear:both;
display:inline-block;}



				
li {				color:#333; }

li a{				color:#003333;
					font-size:1em;
					color: #0d2474;
					text-decoration: none;
					text-align: center;
					margin-right:0;
					border-right:1px solid #e2e2e2;
}
	
li a:hover{			color:#15308d;
					font-size:1em;
					text-decoration:underline;
}

li a.home 			{background:transparent url(Images/icons/house.gif) no-repeat scroll 1em 0.5em;
padding:0.5em 1.5em 0.4em 3em}
li a.services 			{background:transparent url(Images/icons/wrench.gif) no-repeat scroll 1em 0.5em;
padding:0.5em 1.5em 0.4em 3em}
li a.contact 			{background:transparent url(Images/icons/email.gif) no-repeat scroll 1em 0.5em;
padding:0.5em 1.5em 0.4em 3em}

li.active {background-color:#F5F5F5;}
	
/*----------------------------------------------------------------------------------------------------------
-----------------------------------------content holder -------------------------------------------------
-------------------------------------------------------------------------------------------------------------*/

#contentContainer {	padding: 0px;
					margin: 0px auto 0px auto;
					font-size: small;
					color: #FFFFFF;
					background: #FFFFFF;
					border-left:1px solid #696969;
					border-right:1px solid #696969;
					width: 900px;
}

#contentHome {		padding: 5px;
					margin: 0px auto 2px auto;
					font-size:13px;
					color: #000000;
					width:550px;
					float:left;
					background:#ffffff;
}

#contentRight {padding: 0px 5px;
				width:330px;
				float:right;
				/*background-color:#F5F5F5;*/
				margin:0px;
				
				}
				
				.featuredContent {width:330px;
				/*border:1px solid #999999;*/
				margin-bottom:5px;
				background: #ffffff /*url(Images/featureBG.jpg) repeat-x*/;		
				}
				
				.featuredContent .featureHeading {margin:0; padding:0.25em 0.5em; border:1px solid #e2e2e2; background-image:url(Images/bg-nav.jpg); color:#333; font-size:1.2em;}
				.featuredContent .services {border:1px solid #e2e2e2; padding:0.25em; margin-bottom:0.5em;background-color:#fcfcfc;}
				.featuredContent h2 {
		margin:0px;
				 color:white; padding:5px;margin-bottom:5px;}
				.featuredImage{float:left; margin-right:5px; margin-left:5px; padding:10px 0 40px 0;}
				.featuredContentHalf {width:160px;
				/*border:1px solid #999999;*/height:303px; float:left; 
				background: #ffffff; margin:0px; padding-top:5px;
				}
				.featuredContentHalf h2 {
		
				background-color:#1f1f5b; color:white; padding:5px;}

.consultancy{float:left; width:286px; margin-right:0.5em;}
.training{float:left;width:287px; margin-right:0.5em;}
.trades{float:left;width:287px; margin-right:0.5em;}
.rov{margin-top:0.5em;width:873px;}

.consultancy div{border:1px solid #e2e2e2; line-height:1.5em;}
.training div{border:1px solid #e2e2e2;line-height:1.5em;}
.trades div{border:1px solid #e2e2e2;line-height:1.5em;}
.rov div{border:1px solid #e2e2e2; padding:0.5em; line-height:1.5em;}

.consultancy h3,
.training h3,
.trades h3,
.rov h3{background-image:url(Images/bg-nav.jpg);
border:1px solid #e2e2e2;
color:#333333;
font-size:1.2em;
margin:0;
padding:0.25em 0.5em;}

table.onlineForm{border:1px solid #e2e2e2; border-collapse:collapse;}

.onlineForm th{background-color:#FCFCFC;border:1px solid #e2e2e2; padding:0.5em}
.onlineForm td{padding:0.5em;border:1px solid #e2e2e2; }

input.button {margin-left:0.5em;border:1px solid #e2e2e2; padding:0.25em 0.5em; background:transparent url(Images/bg-nav.jpg) repeat-x}
input.button:hover {border:1px solid #ccc;}

.map {float:right; width:350px;margin-bottom:1em;}
/*----------------------------------------------------------------------------------------------------------
----------------------------------------- picture holder -------------------------------------------------
-------------------------------------------------------------------------------------------------------------*/
#picContainer {		padding: 0px;
					margin: 0px auto 0px auto;
					font-size: small;
					color: #FFFFFF;
					height: 153px;
					width:900px;
					text-align: left;
}


					
/*----------------------------------------------------------------------------------------------------------
-----------------------------------------content holder -------------------------------------------------
-------------------------------------------------------------------------------------------------------------*/
#content {			padding: 10px;
					margin: 0px auto 2px auto;
					font-size: small;
					color: #000000;
					width:880px;
					text-align: justify;
					float:CENTER;
					background:#ffffff;
}

#content1 {			padding: 10px;
					margin: 0px auto 2px auto;
					font-size: small;
					color: #000000;
					width:880px;
					text-align: justify;
					float:CENTER;
					background:#ffffff;
}

/*----------------------------------------------------------------------------------------------------------
-----------------------------------------advertisement holder -----------------------------------------
-------------------------------------------------------------------------------------------------------------
#adverts {			padding: 0px;
					margin: 0px auto 0px auto;
					font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
					font-size: small;
					color: #696969;
					height: 650px;
					width:190px;
					text-align: justify;
					float:right;
					border:0px;
					background:#ffffff;

}*/

img {border: none;}
.right {float:right; padding-left:10px;}
.left {float:left; padding-right:30px;}
/*----------------------------------------------------------------------------------------------------------
-----------------------------------------copyright holder ----------------------------------------------
-------------------------------------------------------------------------------------------------------------*/
#footer {			padding:0.5em;
					margin: 0px auto 0px auto;
					font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
					font-size: small;
					color:#696969;
					background: #e5e5e5;
					text-align:left;
					border-top:1px solid #ffffff;
}

#footer .right {width:200px; float:right;}