#menu {
width: 230px;
background: #5baddf;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a, #menu h2, #menu .title {
font: bold 12px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
display: block;
border-width: 1px;

border-color: #ccc #888 #555 #bbb;
margin: 5px;
padding: 2px 3px;
}

#menu h2 {
color: #003300;
background: #5baddf;
text-transform: uppercase;
}

#menu a {
color: #000;
background-image:url(../images/menuback.jpg);
text-decoration: none;
}

#menu a:hover {
color: #a00;
}

#menu li {position: relative;}

.headerbgc8{
background:url(../header-footer-menu/topheader_r1_c8.jpg);
background-position:top;


}
span#about{
margin-left:100px;
}
.right{
float:right;
}
.left{
float:left;
}
div#htmll{
padding-left:10px; 
padding-bottom:30px; 
}
div#footers{
width:1000px;
position:relative; 
margin-left:auto; 
margin-right:auto; 
bottom:0px;
}
#catNav								{ background:#333333; padding: 0px 0px 0px 0px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px;
									  overflow: hidden; margin: 0 0 0 0; }
#catNav li a						{ display: block; height: 80px; text-indent: -9999px;
	                                  background: url(../header-footer-menu/header-menu.jpg); 
	 								  border: none; padding: 0; float:left;}
ul#catNav li{   display: inline;   }
									  
#catNav li a#list-home		{ width: 62px; background-position: 0px 0px; }
#catNav li.activeCatButton a#list-home{ background-position: 0px -80px; }
#catNav li a#list-home:hover { background-position: 0px -80px; }


#catNav a#list-about			{ width: 69px; background-position: -62px 0px; }
#catNav li a#list-about:hover { background-position: -62px -80px; }
	
#catNav a#list-project			{background-position: -131px 0px;width:108px; }
#catNav li a#list-project:hover { background-position: -131px -80px; }


#catNav a#list-rental			{ background-position: -239px 0px; width:69px; }
#catNav li a#list-rental:hover { background-position: -239px -80px; }	

#catNav a#list-testimonials			{ background-position: -308px 0px; width:92px; }
#catNav li a#list-testimonials:hover { background-position: -308px -80px; }	

#catNav a#list-faq			{ background-position: -400px 0px; width:45px; }
#catNav li a#list-faq:hover { background-position: -400px -80px; }	

#catNav a#list-links		{ background-position: -445px 0px; width:50px; }
#catNav li a#list-links:hover { background-position: -445px -80px; }	

#catNav a#list-contactus			{ background-position: -495px 0px; width:77px; }
#catNav li a#list-contactus:hover { background-position: -495px -80px; }	#crpics .lightbox.rounded #yoo-gallery-1 .thumbnails {
	padding-left: 25px;
}
.inputboder {
	border: thin groove #CCCCCC;
}

/* -> The New header navigation ------- */
.abheader{
	background:url(../header-footer-menu/afikgroup-headerbg.png) repeat-x; 
	position:absolute; 
	width:1000px;
}
.headerleft
{
	float:left;
	width:175px;
	height:140px;
	
}
.headerright{
	float:right;
	width:825px;
	vertical-align:top;
}
#ablogo {
    background-image: url(../header-footer-menu/afiknewlogo.png); background-repeat: no-repeat;  /*Size of the image*/ margin-top: 15px; margin-left:25px; width: 116px; /*The image*/ /*Hide the text*/ overflow: hidden; /* WIN IE5 hack */ height: 125px; voice-family: "\"}\""; voice-family:inherit;
text-indent:-9999px;
}
.flagicons{
	margin-top:5px;
	margin-right:20px;
		text-align:right
	}
.chaticons {
  margin: 15px 15px 2px 0;
  text-align: right;
}
ul#headermenu {
  height: 36px;
  list-style: none outside none;
  margin-bottom: 3px;
  margin-left: -36px;
  margin-top: 15px;
  width: 818px;
}

	ul#headermenu li {
  		float: left;
	}

	ul#headermenu li a * {
  		display: none;
	}

	ul#headermenu li a,
	ul#headermenu li a span.hover {
  		height: 35px;
  		width: 116px;
		position: relative;
		display: block;
		background: url(../header-footer-menu/headermenu.png) 0 0 no-repeat;
	}


	/* individual navigation items */
	ul#headermenu li#button01 a {background-position: 0 0;}
	ul#headermenu li#button01.highlight a:hover, ul#headermenu  li#button01 a span.hover {background-position: 0 -36px;}
	ul#headermenu li#button01.selected a, ul#headermenu li#button01.selected a span.hover {background-position: 0 -36px;}
	
	ul#headermenu li#button02 a {background-position: -116px 0;}
	ul#headermenu li#button02.highlight a:hover, ul#headermenu li#button02 a span.hover {background-position: -116px -36px;}
	ul#headermenu li#button02.selected a, ul#headermenu li#button02.selected a span.hover {background-position: -116px -36px;}
	
	ul#headermenu li#button03 a {background-position: -232px 0;}
	ul#headermenu li#button03.highlight a:hover, ul#headermenu li#button03 a span.hover {background-position: -232px -36px;}
	ul#headermenu li#button03.selected a, ul#headermenu li#button03.selected a span.hover {background-position: -232px -36px;}
	
	ul#headermenu li#button04 a {background-position: -348px 0;}
	ul#headermenu li#button04.highlight a:hover, ul#headermenu li#button04 a span.hover {background-position: -348px -36px;}
	ul#headermenu li#button04.selected a, ul#headermenu li#button04.selected a span.hover {background-position: -348px -36px;}
	
	ul#headermenu li#button05 a {background-position: -464px 0;}
	ul#headermenu li#button05.highlight a:hover, ul#headermenu li#button05 a span.hover {background-position: -464px -36px;}
	ul#headermenu li#button05.selected a, ul#headermenu li#button05.selected a span.hover {background-position: -464px -36px;}
	
	ul#headermenu li#button06 a {background-position: -580px 0;}
	ul#headermenu li#button06.highlight a:hover, ul#headermenu li#button06 a span.hover {background-position: -580px -36px;}
	ul#headermenu li#button06.selected a, ul#headermenu li#button06.selected a span.hover {background-position: -580px -36px;}
	ul#headermenu li#button07 a {background-position: -697px 0; width:122px;}
	ul#headermenu li#button07.highlight a:hover, ul#headermenu li#button07 a span.hover {background-position: -697px -36px; width:122px;}
	ul#headermenu li#button07.selected a, ul#headermenu li#button07.selected a span.hover {background-position: -697px -36px; width:122px;}