/* **************** body and page layout **************** */


body { 
	margin: 0;
	padding: 0;
	border: 0;	
	font-size: 62.5%;
	font-family: Arial, Verdana, san-serif;
	color: black;
	background-color: #e6f9ff; 
/*	background-color: #07326a; */
	text-align: center;
	}

#page	{
	background: #fff url(graphics/2ki-bg2.jpg) no-repeat left top;
	width: 760px;
	margin: 15px auto;
	padding: 0;
	border: solid 1px #07326a;
	text-align: left;
	position: relative;
	}

.hide {
	display: none;
	}

/* **************** standards colour coding **************** */

.iso	{
	color: blue;
	}	

.environmental	{
	color: green;
	}

.healthandsafety	{
	color: #c00;
	}

.security	{
	color: #00c;
	}

.responsibility	{
	color: purple
	}
	
/* **************** header **************** */
	
#header	{
	background-image: url(graphics/2ki-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	}

	
#header h1	{
	display: none;
	}
	

/* **************** main menu **************** */

#main-menu	{
	margin: 0;
	padding: 0 0 0 12px;
	width: 508px;
	border: 0;
	position: absolute;
	top: 97px;
	left: 0;
	height: 33px;
	background: url(graphics/menu-bg.gif) repeat-x; 
	}

#main-menu ul	{
	margin: 0;
	padding: 0 0 0 15px;
	height: 33px;
	list-style-type: none;
	background: url(graphics/menu-right.gif) no-repeat left top;
	}

#main-menu ul li	{
	margin: 0;
	padding: 0;
	height: 33px;
	float: left;
	background: url(graphics/menu-right2.gif) no-repeat right top;
	}

#home-tab {width: 43px}
#services-tab {width: 121px}
#standards-tab {width: 145px}
#news-tab {width: 41px}
#links-tab {width: 40px}
#clients-tab {width: 49px}
#contact-tab {width: 54px}


#home-tab a, #services-tab a, #standards-tab a, #news-tab a, #links-tab a, #clients-tab a, #contact-tab a {
	padding: 0 20px 0 11px;
	}

#main-menu ul li a	{
	display: block;
	height: 31px;
	padding: 0 4px;
	margin: 0 0 0 -4px;
	background: url(graphics/menu-left-off.gif) no-repeat left top;
	border: 0;
	border-bottom: 2px solid #64211c;
	line-height: 31px;
	font-size: 11px;
	font-weight: bold;
	color: #07326a;
	text-decoration: none;
	}

#main-menu ul li a:hover	{
	background-image: url(graphics/menu-left-on.gif);
	}

#main-menu ul li a img	{
	border: 0;
	}	
	
/* **************** content **************** */

	
#content	{
	margin: 0 0 20px 0;
	padding: 0 250px 25px 30px;
	}

#content h2	{
	font-size: 2em;
	font-weight: bold;
	color: #c00;
	border-bottom: 1px solid #c00;
	}

#content h2 a	{
	font-weight: bold;
	color: #c00;
	text-decoration: none;
	}

	
#content h3	{
color: #00c;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 0.1em;
word-spacing: 0.1em;
margin: 1em 0 0;
}

#content p	{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0.2em 0 1em 0;
	}
	
#content #regAddress {
	margin-left:1.8em;
}


#content p a	{
	
	}
	
#content p a:hover	{
	
	}

#content p strong	{
	font-weight: bold;
	color: #00c;
	}

#content ul	{
	margin: 0.2em 0 1em 2em;
	}
	
#content li	{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0.2em 0 0.4em 0;
	}
	
#content cite	{
	font-style: normal;
	font-weight: bold;
	}

#content img	{
	border: 1px solid #07326a;
	}

#content div.address	{
	margin: 2em 0;
	border-bottom: 1px solid red;
	}

#content div.address img.flag	{
	float: right;
	margin: 2em;
	padding: 0;
	border: 0;
	}
	
address	{
	margin: 1.5em;
	font-size: 1.2em;
	font-style: normal;
	}

address.phone, address.fax, address.email	{
	height: 24px;
	line-height: 24px;
	margin: 5px 1.5em;
	padding: 0 0 0 36px;
	}
	
address.phone {
	background: url(graphics/phone.gif) no-repeat left center;
	}

address.fax {
	background: url(graphics/fax.gif) no-repeat left center;
	}

address.email {
	background: url(graphics/email.gif) no-repeat left center;
	}
	
.floatPicLeft	{
	display: block;
	float: left;
	margin: 0 1em 0.3em 0;
	padding: 0;
	}	
.floatPicLeftDropDown	{
	display: block;
	float: left;
	margin: 0.3em 1em 0.3em 0;
	padding: 0;
	}	
.floatPicRight	{
	display: block;
	float: right;
	margin: 0 0 0.3em 1em;
	padding: 0;
	}

.red	{
	font-weight: bold;
	color: #c00;
	}	

.green	{
	font-weight: bold;
	color: #177336;
	}

table	{
	margin: 0;
	padding: 0;
	empty-cells: show;
	}

td	{
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 6px 10px 3px 0;
	border-bottom: 1px solid #c00;
	vertical-align: top;
	}
	
td h4	{
	font-size: 1em;
	margin: 0;
	padding: 0;
	}

/* **************** submenu **************** */

#sub-menu	{
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 180px;
	right: 0;
	width: 200px;
	}

#sub-menu ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #cbeffd;
	border-bottom: 1px solid #cbeffd;
	}

#sub-menu ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	
	}
	
#sub-menu ul li a	{
	display: block;
	color: #07326a;
	text-decoration: none;
	margin: 0;
	padding: 8px 34px 8px 8px;
	border-top: 1px solid #cbeffd;
	border-bottom: 1px solid #cbeffd;
	border-left: 1px solid white;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	}

#sub-menu ul li a:hover	{
	background-color: #cbeffd;
	border-top: 1px solid #07326a;
	border-bottom: 1px solid #07326a;
	border-left: 1px solid #07326a;
	color: #07326a;
	}
	

/* **************** footer **************** */

#footer	{
	border-top: solid 1px #07326a;
	padding: 20px 20px 5px 20px;
	margin: 0;
	background-color: white;
	text-align: center;
	font-size: 1.2em;
	}

#footer img	{
	margin: 0 20px;
	vertical-align: middle;
	}

#footer p	{
	text-align: center;
	}

#footer a	{
	
	}

#footer a:hover	{
	
	}
	
#footer p.copyright	{
	font-size: 0.8em;
	color: gray;
	text-align: left;
	margin: 20px 0 0 0;
	}

#footer table {
	width: 720px;
	padding: 0;
	margin: 0 auto;
	border: 0;
}