/*=================================================

Code copyright Branches Design Ltd 
http://www.branchesdesign.co.uk

Version 1.7 - clarke-telecom.co.uk

"Look, but please don't copy"
==================================================*/

/* === Document specifics === */

/* === Colour references ===

	Clarke Group:	#06c
	Clarke Energy:	#690
	Clarke Telecom:	#ccc
	Cavity Access:	#900

*/

/* === Layout dimensions (main) ===

	content width:	900px

	.leftcolumn:	650px
		padding:	0 0 0 18px
	.rightcolumn:	194px
		margin:		0px 13px 0 25px	
		
	header:	650px x 123px

*/

/* === Font specifics ===

	font-family: Verdana, Arial, sans-serif
	default font-size:	100.01%
	H2's are capitalized
	
*/

* html {
	font-size:100.01%;
}
a {
	color: #ccc;
}
body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 64%;
}
ul, li {
	list-style: none;
}

/* === bottom blue line ===*/
.bottom-color {
	width: 100%;
	background: #ccc;
}
.line {
	height: 6px;
	width: 900px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	background: #ccc;
}
/* === page width === */
#page {
	width: 900px;
	margin: 0 auto;
}
/* === logo === */
#logo {
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: url(../images/logo-telecom.png) no-repeat;
	width: 138px;
	height: 50px;
	position: absolute;
	top: 32px;
	left: 0px;
}
/* === header === */
.header {
	background: url(../images/header.jpg) no-repeat;
	height: 98px;
	position: relative;
}
/* === top navigation === */
.top-nav {
	margin: 3px 0 0 9px;
	padding: 0;
	float: left;
}
.top-nav li {
	list-style: none;
	margin: 0;
	padding: 0 11px 0 10px;
	float: left;
	background: url(../images/top-menu-separator.gif) no-repeat right;
}
.top-nav li.end {
	background: none;
}
.top-nav li a {
	font-size: 110%;
	color: #666;
	text-decoration: none;
}
.top-nav li a:hover {
	color: #fff;
}
.top-nav li a.active {
	color: #fff;
}
/* === heading navigation === 
.header-right-nav {
	margin: 47px 18px 0 0;
	padding: 0;
	float: right;
}
.header-right-nav li {
	list-style: none;
	margin: 0;
	float: left;
	padding: 0 0 0 29px;
}
.header-right-nav li a {
	position: relative;
	font-size: 120%;
	color: #fff;
	text-decoration: none;
}
.header-right-nav li a:hover {
	color: #ccc;
	padding: 0 0 8px;
	border-bottom: 3px solid #ccc;
}
.header-right-nav li a.active {
	color: #ccc;
	padding: 0 0 8px;
	border-bottom: 3px solid #ccc;
}*/
/* === heading navigation === */
.header-right-nav {
	margin: 47px 18px 0 0;
	padding: 0;
	float: right;
}
.header-right-nav li {
	list-style: none;
	margin: 0;
	float: left;
	padding: 0 0 0 29px;
}
.header-right-nav li a {
	position: relative;
	font-size: 120%;
	color: #fff;
	text-decoration: none;
}
.header-right-nav li a:hover {
	color: #ccc;
	padding: 0 0 8px;
	border-bottom: 3px solid #ccc;
}
.header-right-nav li a.active {
	color: #ccc;
	padding: 0 0 8px;
	border-bottom: 3px solid #ccc;
}

/* === flash box === */
.flash-box {
	width: 900px;
	height: 146px;
	visibility: visible;
}
/* === index flash box === */
.index-flash-box {
	width: 900px;
	height: 146px;
	visibility: hidden;
}
/* === content === */
.content {
	width: 900px;
}
/* === left column === */
.leftcolumn {
	width: 650px;
	padding: 0 0 0 18px;
	float: left;
}
.leftcolumn h3 {
	font-size: 110%;
	/* color: #690; */
	color: #fff;
	padding: 0px;
	margin: 10px 0 0 0;
}
.list li{
	color: #fff;
	line-height: 1.9em;
	list-style: disc;
	margin: 0px;
	padding: 0px;
	font-size: 120%;
}

.leftcolumn ul, li {
	color: #fff;
	margin-left: 15px;
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0;
}

.leftcolumn h1 {
	margin: 8px 0 1px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../images/welcome-to-clarke-telecom.gif) no-repeat;
	width: 341px;
	height: 31px;
	border-bottom: 1px solid #999;
}
.leftcolumn p {
	font-size: 130%;
	margin: 0;
	padding: 15px 0 0;
	line-height: 150%;
	color: #fff;
}
.newsitem {
	/* font-family: Courier New, Courier, monospace; */
	font-size: 13px;
	color: #fff;
	line-height: 18px;
}
.newsitem a {
	text-decoration: none;
}
.newsitem a:hover {
	background-color: #585858;
}
.leftcolumn p:hover {
	color: #ccc;
}
.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.right {
	float: right;
	/*margin-left: 15px;
	margin-bottom: 5px;*/
}

.leftcolumn p a {
	color: #999;
}
.leftcolumn p a:hover {
	background: #fff;
}
.leftcolumn p.date {
	background: url(../images/date-box.gif) no-repeat;
	width: 53px;
	height: 50px;
	padding: 8px 0 0;
	margin: 4px 0 27px 1px;
	float: left;
	text-align: center;
	font-size: 160%;
	line-height: 15px;
	color: #333;
	font-weight: bold;
}
#page .leftcolumn p.date span {
	color: #900;
	font-size: 12px;
	display: block;
}
.leftcolumn p.news {
	float: right;
	width: 570px;
	padding: 0;
	margin: 0 0 27px;
}
.leftcolumn p.news a {
	color: #999;
}
.leftcolumn h2{
	margin: 10px 0 10px;
	padding: 0 0 7px 17px;
	background: url(../images/news-separator-telecom.gif) no-repeat 6px 35%;
	font-size: 160%;
	color: #ccc;
	border-bottom: 1px solid #fff;
	text-transform: lowercase;
	/*letter-spacing: 0.2em;*/
}
.leftcolumn h2.energy {
	margin: 30px 0 10px;
	padding: 0 0 7px 17px;
	background: url(../images/news-separator_energy.gif) no-repeat 6px 35%;
	font-size: 160%;
	color: #690;
	border-bottom: 1px solid #fff;
	text-transform: lowercase;
	/*letter-spacing: 0.2em;*/
}
.leftcolumn h2.telecom {
	margin: 30px 0 10px;
	padding: 0 0 7px 17px;
	background: url(../images/news-separator_telecom.gif) no-repeat 6px 35%;
	font-size: 160%;
	color: #ccc;
	border-bottom: 1px solid #fff;
	text-transform: lowercase;
	/*letter-spacing: 0.2em;*/
}
.leftcolumn h2.cavity {
	margin: 30px 0 10px;
	padding: 0 0 7px 17px;
	background: url(../images/news-separator_cavity.gif) no-repeat 6px 35%;
	font-size: 160%;
	color: #900;
	border-bottom: 1px solid #fff;
	text-transform: lowercase;
	/*letter-spacing: 0.2em;*/
}
#secondary_nav
 {
	border: 1px solid #5a5a5a;
	padding: 12px;
	color:#fff ;
	font-size: 1.2em;
	background: url(../images/suppnavbg.jpg) repeat-x;
}


/* === side nav === */
.rightcolumn {
	width: 194px;
	float: left;
	margin: 0px 13px 0 25px;
	padding: 0;
	background: url(../images/content-nav-top.jpg) no-repeat;
}
.rightcolumn-bottom {
	padding: 15px 0 15px;
	background: url(../images/content-nav-bottom.jpg) no-repeat bottom;
}
#right-nav {
	margin: 0 0 0 18px;
	padding: 0;
}
#right-nav li {
	width: 156px;
	float: left;
	clear: left;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 5px;
}
#right-nav li a {
	display: block;
	padding: 3px 0 3px 5px;
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	color: #999;
}
#right-nav li a:hover {
	background: #5e5e5e;
	color: #fff;
}
#right-nav li.hover a {
	background: #5e5e5e;
	color: #fff;
}
#right-nav li.hover ul a,
#right-nav li:hover ul a {
	color: #999;
	background: #000;
}
#right-nav li.hover,
#right-nav li:hover {
	position: relative;
	background: #5e5e5e;
}
#right-nav li.hover ul,
#right-nav li:hover ul {
	display: block;
}
#right-nav ul li.hover a,
#right-nav ul li:hover a {
	background: #5e5e5e;
	color: #fff;
}
#right-nav ul {
	width: 124px;
	display: none;
	position: absolute;
	left: -80%;
	margin: 0;
	padding: 0;
	top: 0;
	background: #000;
	border: 1px solid #858585;
}
#right-nav ul li {
	width: 124px;
	margin:0px;
	border-bottom: 1px solid #111;
	/*border-bottom: 1px solid #858585;*/
}
#right-nav ul li a {
	margin: 0;
	text-align: left;
	font-size: 1.0em;
	font-weight: normal;
	padding: 3px 0;
	padding-left:5px;
}
#right-nav ul li.end {
	margin: 0;
}
/* === world offices in sidemenu === */
.world {
	margin: 0 0 0 24px;
	padding: 0;
}
.world li {
	list-style: none;
	margin: 0 0 0px;
	padding: 0;
}
.world li a {
	font-size: 90%;
	color: #999;
	height: 13px;
	display: block;
	background: red;
	padding: 0 0 0 23px;
	text-decoration: none;
	font-weight: bold;
	line-height: 10px;
}
.world li a:hover {
	text-decoration: underline;
	color: #fff;
}
.world li a.aus {
	height: 16px;
	background: url(../images/flags/au.gif) no-repeat;
}
.world li a.china {
	height: 16px;
	background: url(../images/flags/cn.gif) no-repeat;
}
.world li a.fra {
	height: 16px;
	background: url(../images/flags/fr.gif) no-repeat;
}
.world li a.ind {
	height: 16px;
	background: url(../images/flags/in.gif) no-repeat;
}
.world li a.ire {
	height: 16px;
	background: url(../images/flags/ie.gif) no-repeat;
}
.world li a.nz {
	height: 16px;
	background: url(../images/flags/nz.gif) no-repeat;
}
.world li a.nig {
	height: 16px;
	background: url(../images/flags/ng.gif) no-repeat;
}
.world li a.uk {
	height: 16px;
	background: url(../images/flags/gb.gif) no-repeat;
}
.attribut {
	margin: 15px 0 0 24px;
	padding: 0;
}
.attribut li {
	list-style: none;
	margin: 0 0 4px;
	padding: 0;
}
.attribut li a {
	font-size: 90%;
	color: #999;
	height: 13px;
	display: block;
	background: red;
	padding: 0 0 0 23px;
	text-decoration: none;
	font-weight: bold;
}
.attribut li a:hover {
	text-decoration: underline;
	color: #fff;
}
.attribut li a.print {
	line-height: 16px;
	height: 16px;
	background: url(../images/print.gif) no-repeat;
}
.attribut li a.bookmark {
	background: url(../images/bookmark.gif) no-repeat;
}
.attribut li a.email {
	background: url(../images/email.gif) no-repeat;
}
.content-bottom-menu {
	clear: both;
	height: 201px;
	padding: 50px 0 0;
	background: url(../images/content-bottom-menu.jpg) no-repeat 0 145px;
}
/* === bottom nav icons === */
.button {
	margin: 0 0 0 180px;
	padding: 0;
}
.button li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.button li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 135px;
	height: 162px;
	margin: 0 68px 0 0;
}
.button li a.group {
	background: url(../images/clarke-group.jpg) no-repeat;
}
.button li a.energy {
	background: url(../images/clarke-energy.jpg) no-repeat;
}
.button li a.telecom {
	margin: 0 89px 0 0;
	background: url(../images/clarke-telecom.jpg) no-repeat;
}
.button li a.access {
	background: url(../images/clarke-cavity-acces.jpg) no-repeat;
}
.button li a:hover {
	background-position: bottom;
}
/* === footer containers - multi-site nav === */
#footer-content {
	clear: both;
	padding: 0 0 0 140px;
	height: 199px;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	background: url(../images/footer-content.jpg) no-repeat 50% 100%;
}

.group-logo, .energy-logo, .telecom-logo, .access-logo {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.group-logo {
	background: url(../images/group-logo.png) no-repeat;
	width: 83px;
	height: 28px;
	margin: 29px 0 10px 6px;
}
.energy-logo {
	background: url(../images/energy-logo.png) no-repeat;
	width: 81px;
	height: 45px;
	margin: 12px 0 10px 14px;
}
.telecom-logo {
	background: url(../images/telecom-logo.png) no-repeat;
	width: 81px;
	height: 44px;
	margin: 12px 0 10px 11px;
}
.access-logo {
	background: url(../images/access-logo.png) no-repeat;
	width: 81px;
	height: 40px;
	margin: 15px 0 10px 11px;
}
#footer-box1, #footer-box2, #footer-box3, #footer-box4 {
	width: 101px;
	float: left;
	margin: 0 69px 0 0;
	height: 199px;
}
#footer-box4 {
	margin: 0 58px 0 0 ;
}
#footer-box2 {
	margin: 0 71px 0 0;
}
/*sticky bg colour for telecom*/
#footer-box3 {
background: #222 url(../images/footer-box2.gif) no-repeat 50% 0;	
}

#footer-box1.hover,
#footer-box1:hover {
	background: #06c url(../images/footer-box1.gif) no-repeat 50% 0;
}
#footer-box2.hover,
#footer-box2:hover {
	background: #690 url(../images/footer-box3.gif) no-repeat 50% 0;
}
#footer-box3.hover,
#footer-box3:hover {
	background: #222 url(../images/footer-box2.gif) no-repeat 50% 0;
}
#footer-box4.hover,
#footer-box4:hover {
	background: #900 url(../images/footer-box4.gif) no-repeat 50% 0;
}
* html .footer-menu {
	margin: 0 0 0 8px;
}
.footer-menu {
	float: left;
	margin: 0 0 0 19px;
	padding: 0;
}
* html #footer-box1 .footer-menu {
	margin: 0 0 0 6px;
}
#footer-box1 .footer-menu {
	margin: 0 0 0 12px;
}
.footer-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu li a {
	font-size: 90%;
	font-weight: bold;
	line-height: 160%;
	color: #fff;
	text-decoration: none;
}
.footer-menu li a:hover {
	text-decoration: underline;
}

/* === office locations (copy from energy)=== */
.lang {
	float: left;
}
.lang ul {
	margin: 10px 0 0 4px;
	padding: 0;
}
* html .lang ul li {
	margin: 0;
	padding: 0;
	float: left;
	height: 20px;
	overflow: hidden;
	/*line-height: 1px;*/
	list-style: none;
}
.lang ul li a {
	font-size: 90%;
	/*height: 20px;*/
	position: relative;
	/*line-height: 30px;*/
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 33px;
	text-transform: uppercase;
	white-space: nowrap;
}
.lang ul li a:hover {
	text-decoration: underline;
}
.lang ul li a.uk {
	background: url(../images/flags/gb.gif) no-repeat;

}
.lang ul li a.china {
	background: url(../images/flags/cn.gif) no-repeat;

}
.lang ul li a.australia {
	background: url(../images/flags/au.gif) no-repeat;

}
.lang ul li a.france {
	background: url(../images/flags/fr.gif) no-repeat;
}
.lang ul li a.nigeria {
	background: url(../images/flags/ng.gif) no-repeat;
}
.lang ul li a.tunisia {
	background: url(../images/flags/tn.gif) no-repeat;
}
.lang ul li a.india {
	background: url(../images/flags/in.gif) no-repeat;
	}
.lang ul li a.ireland {
	background: url(../images/flags/ie.gif) no-repeat;
	}
.lang ul li a.new-zealand {
	background: url(../images/flags/nz.gif) no-repeat;
}
.lang ul li a.uk:hover {
	background: url(../images/flags/gb-hover.gif) no-repeat;
}
.lang ul li a.china:hover {
	background: url(../images/flags/cn-hover.gif) no-repeat;
}
.lang ul li a.australia:hover {
	background: url(../images/flags/au-hover.gif) no-repeat;
}
.lang ul li a.france:hover {
	background: url(../images/flags/fr-hover.gif) no-repeat;
}
.lang ul li a.nigeria:hover {
	background: url(../images/flags/ng-hover.gif) no-repeat;
}
.lang ul li a.tunisia:hover {
	background: url(../images/flags/tn-hover.gif) no-repeat;
}
.lang ul li a.india:hover {
	background: url(../images/flags/in-hover.gif) no-repeat;
}
.lang ul li a.ireland:hover {
	background: url(../images/flags/ie-hover.gif) no-repeat;
}
.lang ul li a.new-zealand:hover {
	background: url(../images/flags/nz-hover.gif) no-repeat;
}
/* === footer === */
.footer {
	width: 900px;
	text-align: center;
}
* html .footer p {
	padding: 0 0 15px;
}
.footer p {
	color: #fff;
	font-size: 90%;
	line-height: 9px;
	margin: 0;
	clear: left;
	padding: 12px 0 15px;
}
.footer ul {
	margin: 24px 0 0 250px;
	/* margin: 24px 0 0 255px; */
	padding: 0;
}
.footer ul li {
	list-style: none;
	padding: 0;
	display: inline;
	margin: 0;
}
.footer ul li a {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	/*NEW was 50*/height: 72px;
	margin: 0 7px 0 0;
}
/*NEW*/
.footer ul li a.ge-jenbacher {
	/*background: url(../images/affiliates/ge_jenbacher.jpg) no-repeat;
	width: 65px;*/
	background: url(../images/affiliates/gelogo115.gif) no-repeat 0 center;
	width: 115px;
}
.footer ul li a.haase {
	background: url(../images/affiliates/haase.jpg) no-repeat;
	width: 55px;
}
.footer ul li a.hugengineering {
	background: url(../images/affiliates/hugengineering.jpg) no-repeat;
	width: 106px;
}
.footer ul li a.iso-9001 {
	background: url(../images/affiliates/iso_9001.jpg) no-repeat;
	width: 94px;
}
.footer ul li a.iso-14001 {
	background: url(../images/affiliates/iso_14001.jpg) no-repeat;
	width: 108px;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
/* === news scroller section === */
div.scroller { 	
	width: 650px; 
	height: 300px;
	overflow: hidden;
}
div.scroller div.section {
	width:650px;
	height:300px;
	overflow:hidden;
	float:left;
	padding:0em;		
}
div.scroller div.content {
	width: 10000px;
}
#controls {
	padding: 0 0 10px 0;
}
#controls a, img {
	text-decoration: none;
	font-size: 1.4em;
	border: none;
	color:#fff;
}
#controls a:hover {
text-decoration: underline;
background-color: #000;	
}

.right_img{
	float:  right;
}
.reg{float:right;padding-left:15px;}