* {
	padding: 0;
	margin: 0;
}


body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 100% "Arial", Sans-serif;
	xletter-spacing: 1px;
	color: #7e807c; 
	background: #1E1E1E;
}


img {
	border: 0;
}

#mainlogo {
	position: absolute;
	top: 41px;
	left: 0px;
	border: 0;
}


#header {
	position: relative;
	left: 159px;
	top: 0;
	z-index: 100;
	width: 791px;
	height: 75px;
	margin: 0 0 67px 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #2B2B2B;
}

#wrapper {
	
width: 960px;
}

#main {                
	width: 454px;
	margin: 0 0 40px 0;
	float: left;
}

#contacts #main {                
	width: 792px;
	margin: 0 0 40px 0;
	float: left;
	xbackground:  green;
}


#side  {
	width: 111px;
	height: 200px;
	background: #242424;
	padding: 24px;	
	
	float: left;
}


#extra {
	
	/* need ie specific */
	width: 285px;
	margin: 0 0 20px 47px;
	float: left;
	xbackground: #cc0000;
}


#footer  {
	background: #242424 url(/images/footerbg.gif) no-repeat top left;
	margin: 64px 0 0 159px;
	padding: 32px;
	height: 90px;
	
	clear: both;
}


.extrainside
 {
	padding: 0px;
	margin: 0 100px 40px 0;
	width:  320px;
	float:  left;

}

.extrainsideEnquiry
 {
	padding: 0px;
	margin: 0 100px 40px 0;
	width:  520px;
	float:  left;
}


.extrainsideRight
 {
	padding: 0px;
	margin: 0 0px 40px 0;
	width:  320px;
	float:  left;
}



a:link, a:visited {
	text-decoration : none;
	color: #76B41C;
	background: transparent;
	}

	
a:hover {
	text-decoration : none;
	color: #fff;
	background: transparent; 
	border-bottom: 1px dotted #fff ;
	}

* html a:hover {
	border-bottom: none;
	padding: 0px;
	xbackground: url(/images/css-dotted.gif) repeat-x bottom;	
		}
		
a:active {
	text-decoration : none;
	color: #76B41C;
	background: transparent;  
	}


p {
	
	font: 0.7em "Arial", Sans-serif;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #9F9F9F;
	margin: 0px 0 8px 0;
}

.white {
	color: #ffffff;
	font-weight: bold;
} 

h1 {
	font: 1em "Arial", Sans-serif;
	color: #fff;
	margin: 0 0 6px 0;
}

h2 {
	
	font: 0.65em "Arial", Sans-serif;
	line-height: 1.4em;
	color: #9F9F9F;
	border-bottom: 1px solid #2B2B2B;
	margin: 0 0 8px 0;
}

h3 {
	font: 1em "Arial", Sans-serif;
	color: #fff;
	margin: 0 0 6px 0;
}


/*   News articles  */



.newshome  {
	margin: 20px 0 0 0;
	padding: 6px 0px 0px 30px;
}

.newshome img {
	margin: 0 0 0 -30px;
	padding: 0;
	float:left;
}



.stills {
	height: 80px;
	margin: 0px 0 0 0;
	padding: 6px 0px 0px 0px;
	xbackground: #0F0F0F;	
}


.stills img {
	margin: 0 12px 0 0px;
	padding: 0;
	float:left;
}


.video {

	margin: 0px 0 20px 0;
	xpadding: 6px 0px 0px 0px;
	xbackground: #0F0F0F;	
}



#flashhome {
	margin: 0 0 0px 0;
	xbackground: red;
	padding: 0;
	border: 0;
}



#flashcontent {
	margin: 0 0 0px 0;
	xbackground: red;
	padding: 0;
	border: 0;
}

#serviceshome  {
	xbackground: #0F0F0F;
	xbackground: red;
	position: relative;
	top: -4px;
	left: 0px;
	width: 406px;
	height: 160px;
	padding: 24px;
	margin: 30px 0 0 0;
}



#maincolblock {
    margin: 30px 0 0 0;
	clear: left;
	padding: 24px;
	xbackground: red;
}


#maintop  {
	xbackground: green;
	position: relative;
	height: 248px;	
}

#newsletter #maintop  {
	position: relative;
	height: 248px;	
	padding: 0 0 0 0px;
	xbackground: #242424 url(/images/newsfeaturebg.gif) no-repeat top right;
	background: #242424;
}


#nsFormArea  {
	padding: 30px 20px 20px 30px;
	margin: 0px;
	background: #242424;
	position: relative;
	top: 0;
	left: 15px;
	width: 390px;
}


#map {
	
	
}


#serviceshome:hover  {
xbackground: #0F0F0F;
}



.servhome {	
	position: absolute;
	left: 170px;
	top: 53px;
	width: 280px;
	margin: 0px 0 0 0;
	xpadding: 0px 24px 14px 80px;
	padding: 0px 14px 14px 0px;
	background: #1E1E1E;
	xbackground: #000000;
}



.servhome img,
#toggleable img
 {
	xmargin: 0 0 0 -76px;
	margin: 0 20px 40px 0px;
	padding: 0;
	float:left;
}


.facilitiesSec {	
	margin: 0px 0 30px 0;
	padding: 4px 4px 14px 0px;
	clear: left;
}

.facilitiesSec p {
	margin: 0 0 10px 78px;
}

.imgfloat {
	
	float: left;
	margin: 0 20px 0px 0;
}

.smallicon {
	float: left;
	margin: -2px 6px 0 0;
	xmargin: 6px 0px 6px 0;
	padding: 0px;
}

#toggleable {
	position: absolute;
	left: 170px;
	top: 53px;
    height: 200px;
	margin: 0px 0 0 0;
	xpadding: 0px 24px 14px 80px;
	padding: 0px 24px 14px 0px;
	xbackground: #1E1E1E;
}

#toggleable #serVideo,
#toggleable #serAudio,
#toggleable #ser3d,
#toggleable #serFlixlive,
#toggleable #serClient,
#toggleable #serResources
 {
	background: #1E1E1E;
	xbackground: blue;
	height: 190px;
	width: 295px;
}

#togglenews {
	position: absolute;
	left: 14px;
	top: 0px;
	margin: 0px 0 0 0;
	padding: 0;
	xpadding: 0px 24px 14px 80px;
	xbackground: red;
}

#togglepeople {
	clear: left;
	xposition: absolute;
	xleft: 14px;
	xtop: 0px;
	margin: 0px 0 0 0;
	padding: 0;
	xpadding: 0px 24px 14px 80px;
	xbackground: red;
	xdisplay: none;
}


#togglepeople div {
	display: none;
	
}

#togglepeople img  {
	margin: 0 12px 0 0px;
	padding: 0;
	float:left;
	
}


ul.peoplelistLeft {
	float: left;
	margin: 0 0 30px 0;
	xbackground: red;
	width: 120px;
}

ul.peoplelistLeft li,
ul.peoplelistRight li {
	font-size: 0.8em;
	line-height: 1.6em;
	list-style: none;
	margin: 0px 10px 0 0;
		
}


ul.peoplelistLeft li a,
ul.peoplelistLeft li a:hover,
ul.peoplelistRight li a,
ul.peoplelistRight li a:hover {
	padding: 8px 2px 0px 0;	
}

#serviceslist li {
	font-size: 0.9em;
	line-height: 1.6em;
	list-style: none;
}


/*  facilities   */
ul.facilitiesList {
	margin: 0 0 30px 0;	
}

ul.facilitiesList li {
	font-size: 0.8em;
	line-height: 1.6em;
	list-style: none;
	margin: 0px 10px 0 0;	
}

ul.facilitiesList li a {
	padding: 8px 2px 0px 0;	
}

/*  resources   */
ul.resourcesList  {
	margin: 0 0 30px 0;	
}


ul.resourcesList li {
	font-size: 0.8em;
	line-height: 1.6em;
	list-style: none;
	margin: 0px 10px 0 0;	
}




#serviceslist li a {
	padding: 8px 2px 0px 0;
	width: 120px;
}



#showreellinks {
	xbackground: red;
	margin: 0 0 36px 0;
}

#showreellinks h3 {
	font: 1em "Arial", Sans-serif;
	color: #fff;
	margin: 0px 0 10px 0;
}


#footerlogo  {
		float: left;
		border:0;
}

#footer p {
	height: 100px;
	float: left;
	margin: -4px 0 0 15px;
	padding: 0 0 0 8px;
	xborder-left: 1px solid #1E1E1E;
}

#footer p.address1  {
	margin: -4px 0 0 35px;
	border-left: 1px solid #1E1E1E;
}



#clientlogin  {
	xpadding: 4px 0 4px 8px;
	margin: 0 0 0 880px;
	background: #76B41C;
	width: 70px;
}


#clientlogin a:link, #clientlogin a:visited {
	text-decoration : none;
	color: #fff;
	background: transparent;
	xborder-bottom: 1px dotted #76B41C;	
	display: block;
	padding: 4px 4px 4px 8px;
}


#clientlogin a:hover {
	text-decoration : none;
	color: #000;
	background: transparent;
	border: none;
	display: block;
	padding: 4px 4px 4px 8px;	
	
}



#menuContainer {
	position: absolute;
	top: 0px;
	left: 589px;
	font-family:verdana;
	color:#666666;
	xfont-size:10px;
	background-color:#76B41C;
	padding: 0px 0px 0 0;
	margin: 0px;
	}
	
	
#inputcontainer {
		position: relative;
		left:0;
		top: 0;
	    width: 275px;
		padding: 2px 0px 4px 4px;
		margin: 6px 6px 6px 6px;
		background: #A4DC4B;
	}


#inputcontainer input {
	font: 0.7em "Arial", Sans-serif;
	width: 100px;
	margin: 0;
	padding: 0px;	
}	


#inputcontainer input.btn {
	position: absolute;
	left: 205px;
	top: 5px;
	width: 48px ;
	height: 18px ;
	margin: 0 0 0 20px;
}	


#newsfeatureimg /images/{
	float: left;
}


#greenbar  {
	float: left;
}


#newsmainfeature  {
	xfloat: left;
	margin: -252px 0px 0px 234px;
	position: relative;
	xtop: -252px;
	xleft: 234px;
	
	width: 172px;
	height: 200px;
	background: transparent url(/images/newsfeaturebg.gif) no-repeat top left;
	padding: 24px;
}

#newsletterfeature  {
	float: left;
	xmargin: -248px 0 0 234px;
	position: relative;
	top: -248px;
	left: 234px;
	
	width: 172px;
	height: 200px;
	background: transparent url(/images/newsfeaturebg.gif) no-repeat top left;
	padding: 24px;
}


/*    CONTENT TABLES   */

		#news table {
			width: 100%;
			border-collapse: collapse;
			margin: 6px 0 10px 0;
		}
		
		
		#news th, td {
			padding: 5px 0px;
			text-align: left;
			font-size: 0.7em;
		}
		
		
		#news thead {
			xbackground: #0F0F0F;
			color: #7e807c;
			border-bottom: 1px solid #2B2B2B;
		}
		
		
		#news tr.header {
			xbackground: #f2efed;
			xcolor: #7e807c;
		}
		
		
		#news tbody  {
			/*background: #fff;*/
		}


		#news tbody td {
			xborder: 1px solid #fff;
			color: #7e807c;
		}
		
		
		#news tfoot td, #content tbody td  {
			/*background: #fff;*/
			xborder: 1px solid #f2efed;	
		}
		s
		
		#news caption {
			/*border: 1px solid #fff;*/
			color: #000;
			font-size: 0.9em;
			padding: 0 0 8px 0;
			text-align: left;
		}
		
		
		.resourcesGroup {
			margin: 0 0 40px 0;	
		}
	
	
#contactsForm {
	margin: 0 0 23px 0;
	xbackground:  red;
	xwidth:  250px;
}	

		
#contactsForm input, #contactsForm textarea {		
		font: 0.7em "Arial", Sans-serif;
		width: 240px;
		margin: 0 0 8px 0;
		padding: 1px;	
	}	
	
	
	
#newsletterForm input {
	font: 0.7em "Arial", Sans-serif;
	width: 240px;
	margin: 0 0 8px 0;
	padding: 1px;
}	



.address  {
	margin: 20px 0 20px 0;
	font: 0.7em "Arial", Sans-serif;
	color: #fff;
	xbackground: #76B41C;
	xbackground: #000;
	xpadding: 10px 4px 10px 10px;
	font-weight: bold;
	line-height: 1.3em;
}


#contactsForm input.formBtn,
#newsletterForm input.formBtn
 {
	width: 100px;
	background: #76B41C;
	border: #76B41C;
	padding: 3px;
	color: #fff;
}
	

#contactsForm input.formBtnOver,
#newsletterForm input.formBtnOver
 {
	width: 100px;
	background: #000;
	border: #000;
	padding: 3px;
	color: #fff;
}	


.loader  {
	margin: 124px 0 0 220px;
}


#contactsForm input.checkbox {
	width:  15px;
}


}