/**************************************************************************/
/* PARAGON RAPID TECHNOLOGIES CSS - Copyright 2006 - www.xxx.co.uk - v1.0 */
/**************************************************************************/

/**********************
 OVERALL LAYOUT
***********************/

body {
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 13px;
	background-color: #000;
	color: #fff;
}

	* html body {
		font-size: small;
	}

#skiptomain {
	display: none;
}

#wrapper {
	width: 780px;
	position: absolute;
	left: 50%;
	margin-left: -390px;
	text-align: center;
	background-color: #000;
	color: #fff;
	margin-top: 0px;
}

#pagecontainer {
	width: 780px;
	background-color: #000;
	color: #fff;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 11px;
	text-align: left;
}

/**********************
 HEADER
***********************/

#header {
	width: 780px;
	margin: 0;
	padding: 0;
}

	#headerlft {
		width: 400px;
		float: left;
		padding: 0;
		margin: 0px 0px 15px 0px;
	}

	#headerrgt {
		width: 370px;
		float: right;
		text-align: right;
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 15px 0px;
	}

		#headerrgt a:link, #headerrgt a:visited {
			color: #999;
			text-decoration: underline;
		}

		#headerrgt a:hover {
			color: #FEA336;
			text-decoration: underline;
		}


/**********************
 TOP STRIP
***********************/

#topstrip {
	width: 780px;
	padding: 0;
	margin: 0px 0px 2px 0px;
}


/**********************
 TOP NAVIGATION
***********************/

#topnav {
	width: 780px;
	padding: 0;
	margin: 0px;
	line-height: 26px;
	background: #000 url(images/topnavbg.gif) repeat-x left top;
}

	#topnav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}

	#topnav ul li {
		display: inline;
		float: left;
		text-align: center;
		position: relative;
	}

		#topnav ul li.tna { width: 100px; background: transparent url(/images/tnabg.gif) no-repeat left top; }
		#topnav ul li.tnb { width: 112px; background: transparent url(/images/tnbbg.gif) no-repeat right top; }
		#topnav ul li.tnc { width: 72px; background: transparent url(/images/tncbg.gif) no-repeat right top; }
		#topnav ul li.tnd { width: 88px; background: transparent url(/images/tndbg.gif) no-repeat right top; }
		#topnav ul li.tne { width: 118px; background: transparent url(/images/tnebg.gif) no-repeat right top; }
		#topnav ul li.tnf { width: 100px; background: transparent url(/images/tnfbg.gif) no-repeat right top; }
		#topnav ul li.tng { width: 114px; background: transparent url(/images/tngbg.gif) no-repeat left top; }
		#topnav ul li.tnh { width: 76px; background: transparent url(/images/tnbbg.gif) no-repeat right top; }

		#topnav ul li a:link, #topnav ul li a:visited {
			color: #fff;
			text-decoration: none;
		}

		#topnav ul li a:hover {
			color: #FEA336;
			text-decoration: underline;
		}

	div.navbreaker { clear: left; font-size: 0.1em; height: 1px; background-color: #000; } /* stop nav breaking in firefex */

			* html div.navbreaker { display: none; } /* hide the firefex fix to stop if foxing i.e. */


#topnav ul ul {
position: absolute;
z-index: 500;
}

#topnav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#topnav ul ul,
#topnav ul li:hover ul ul,
#topnav ul ul li:hover ul ul
{display: none;}

div#topnav ul li:hover ul,
div#topnav ul ul li:hover ul,
div#topnav ul ul ul li:hover ul
{display: block;}

				#topnav ul.submainnav {
					position: absolute;
					top: 26px;
					left: 20px;
					width: 130px;
					/* border: 1px solid #ccc; */
				}


					#topnav ul.submainnav li {
						display: block;
						width: 130px;
						text-align: left;
						background: url(/images/tnbbg1.gif) repeat-x top left;
						border-bottom: 1px solid #000;
					}

						#topnav ul.submainnav a:link, #topnav ul.submainnav a:visited {
							padding: 0px 0px 0px 10px;
							display: block;
							width: 120px;
							height: 22px;
							line-height: 22px;
							font-weight: normal;
							color: #000;
							text-decoration: none;
							/* background: url(/images/dots.gif) repeat-x bottom left; */
						}

						#topnav ul.submainnav a:hover {
							/* background: url(/images/dots.gif) repeat-x bottom left; */
							color: #333;
							text-decoration: underline;
						}

						#topnav ul.submainnav li.last a:link, #topnav ul.submainnav li.last a:visited, #topnav ul.submainnav li.last a:hover {
							background-image: none;
						}

/**********************
 MAIN CONTENT
***********************/

#maincontent {
	width: 780px;
	padding: 0;
	margin: 5px 0px 0px 0px;
	background: #000 url(/images/maincontentbg.jpg) no-repeat left bottom;
	color: #fff;
	text-align: left;
}

	#maincontent.nobg {
		background-image: none;
	}

	#maincontentlft {
		float: left;
		width: 390px;
		background: transparent;
		color: #fff;
	}

		img#modelofexcellece {
			margin: 240px 0px 50px 50px;
		}
		
	img#homeVideo
	{
		margin: 45px 0px 0px 45px;
	}

	#maincontentrgt {
		float: right;
		width: 375px;
		background: transparent;
		color: #fff;
		margin: 0;
		padding: 40px 15px 30px 0px;
	}

		#maincontentrgt strong {
			color: #FEA336;
		}

/**********************
 NEWS CONTENT
 **********************/

div.newsitem {
	clear: both;
	height: 70px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

#newscontent {
	padding-left: 196px;
	width: 584px;
	margin: 20px 0;
}

/* version for centering flash on services */
#maincontentflash {
	width: 762px;
	padding: 0px 9px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	text-align: left;
}

div.jobitem {
	clear: both;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

/**********************
 FOOTER
***********************/

#footer {
	width: 774px;
	margin: 5px 0px 12px 0px;
	padding: 0px 7px;
	line-height: 25px;
	background: #000 url(/images/footerbg.gif) no-repeat left top;
	color: #999;
}

	#footer a:link, #footer a:visited {
		color: #999;
		text-decoration: none;
	}

	#footer a:hover {
		color: #FEA336;
		text-decoration: underline;
	}


/**********************
 GENERIC CLASSES
***********************/

a:link, a:visited { color: #fff; }
a:hover {  color: #c00; }
form.inline { 	display:inline; }
img { border: 0; }

p.doublespaced { line-height: 2.0em; }
p.fivespace { margin: 5px 0px 0px 0px; }
p.tenspace { margin: 10px 0px 0px 0px; }
p.fifteenspace { margin: 15px 0px 0px 0px; }
p.twentyspace { margin: 20px 0px 0px 0px; }
div.breaker { clear: left; font-size: 0.1em; height: 1px; }
br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }

p { margin: 0px 0px 10px 0px; }


/*****************
 NAV ITEMS
*****************/

 div.navitem {
 	width: 40px;
 	height: 40px;
 	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 3px 0px;
 	float: left;
 }


	div.navitemend { padding: 0px 0px 3px 0px; }

	div.navitem a { display:block; height: 40px; width: 40px; }
	div.navitem a:link, div.navitem a:visited { border: 1px solid #999; }
	div.navitem a:hover { border: 1px solid #fff; }

 	div.navitem img { width: 40px; height: 40px; border: 0px; }