﻿#container-nav {
	position: relative;
	display: inline block;
	z-index:100;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	height: 52px;
	background-image: url(../images/common/img-navigation.gif);
}

a:link, a:visited  {
	color: #8ba331;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	
}

a:hover  {
	color: #f2ac20;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

@charset "utf-8";

#primary-nav-container {
	position:relative;
	z-index:100;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	height: 52px;
	
}

#primary-nav-container ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#primary-nav-container li.bgimage {
	float: left;
	position: relative;
	background: url(../images/common/bg-nav.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	width: 45px;
	height: 52px;
}

#primary-nav-container li#blanks {
	width: 30px;
	height: 52px;
	margin: 0;
	padding: 0;
	color: #004fa0;
	background: #fff url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;
	text-transform: uppercase;
	text-decoration: none;
	list-style-type: none;
}

/* Main Navigation */

#primary-nav-container, #primary-nav-container UL {
	padding: 0px; 
	float: left; 
	margin: 0px;
	list-style-type: none;
	width: 780px;
	height: 52px;
}
#primary-nav-container LI {
	padding: 0px;
	float: left;
	margin: 0px;
	width: auto;
	position: relative;
}
#primary-nav-container LI A, #primary-nav-container LI A:hover {
	display: block;
	padding:0px;
	margin:0px;
	text-indent: -3000px;
	text-transform: uppercase;
	text-decoration: none;
	list-style-type: none;
}
#primary-nav-container LI UL {
	display: none; 
	z-index: 100; 
	left: 0; 
	position: absolute;
	border-left: 4px solid #a7c43b;
	border-right: 4px solid #a7c43b;
	border-bottom: 4px solid #a7c43b;
	background:transparent;
	top: 48px;
	height: auto;
	line-height: 31px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#primary-nav-container LI UL UL {
	margin-top: -25px; 
	display: block; 
	z-index: 101; 
	margin-left: 182px; 
}

#primary-nav-container LI:hover UL UL, 
#primary-nav-container LI.iehover UL UL {
	display: none;
}
#primary-nav-container LI:hover UL, 
#primary-nav-container LI LI:hover UL, 
#primary-nav-container LI.over UL, 
#primary-nav-container LI LI.over UL {
	display: block;
}


/* who are */

#primary-nav-container LI#whoarecis UL {
	width:145px;
	}
#primary-nav-container LI#whoarecis A {
	width: 155px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -30px 0px;
}
#primary-nav-container li#whoarecis a:hover {
	width: 155px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -30px -52px;
}
#primary-nav-container LI#whoarecis UL LI A {
	width: 145px;
	height: 31px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #7d7d7d;
	border-top: 1px solid #e3e3e3;
	background-image: none;
	background-color: #fff;
	text-indent: 0px;
	margin: 0px;
}
#primary-nav-container LI#whoarecis UL LI A:hover {
	width: 145px;
	height: 31px;
	font-weight: normal;
	color: #fff;
	background-image: none;
	background-color: #a7c43b;
	text-indent: 0px;
	margin: 0px;
}

/* our works */

#primary-nav-container LI#ourwork UL {
	width:125px;
	}
#primary-nav-container LI#ourwork A {
	width: 133px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -185px 0px;
}
#primary-nav-container li#ourwork a:hover {
	width: 133px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -185px -52px;
}
#primary-nav-container LI#ourwork UL LI A {
	width: 125px;
	height: 31px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #7d7d7d;
	border-top: 1px solid #e3e3e3;
	background-image: none;
	background-color: #fff;
	text-indent: 0px;
	margin: 0px;
}
#primary-nav-container LI#ourwork UL LI A:hover {
	width: 125px;
	height: 31px;
	font-weight: normal;
	color: #fff;
	background-image: none;
	background-color: #a7c43b;
	text-indent: 0px;
	margin: 0px;
}

/* ourprocess */

#primary-nav-container LI#ourprocess UL {
	width:150px;
	}
#primary-nav-container LI#ourprocess A {
	width: 160px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -318px 0px;
}
#primary-nav-container li#ourprocess a:hover {
	width: 160px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -318px -52px;
}
#primary-nav-container LI#ourprocess UL LI A {
	width: 150px;
	height: 31px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #7d7d7d;
	border-top: 1px solid #e3e3e3;
	background-image: none;
	background-color: #fff;
	text-indent: 0px;
	margin: 0px;
}
#primary-nav-container LI#ourprocess UL LI A:hover {
	width: 150px;
	height: 31px;
	font-weight: normal;
	color: #fff;
	background-image: none;
	background-color: #a7c43b;
	text-indent: 0px;
	margin: 0px;
}

/* services */

#primary-nav-container LI#services UL {
	width:120px;
	}
#primary-nav-container LI#services A {
	width: 128px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -478px 0px;
}
#primary-nav-container li#services a:hover {
	width: 128px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -478px -52px;
}
#primary-nav-container LI#services UL LI A {
	width: 120px;
	height: 31px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #7d7d7d;
	border-top: 1px solid #e3e3e3;
	background-image: none;
	background-color: #fff;
	text-indent: 0px;
	margin: 0px;
}
#primary-nav-container LI#services UL LI A:hover {
	width: 120px;
	height: 31px;
	font-weight: normal;
	color: #fff;
	background-image: none;
	background-color: #a7c43b;
	text-indent: 0px;
	margin: 0px;
}

/* contactus */

#primary-nav-container LI#contactus UL {
	width:145px;
	}
#primary-nav-container LI#contactus A {
	width: 174px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -606px 0px;
}
#primary-nav-container li#contactus a:hover {
	width: 174px;
	height: 52px;
	background: url("../images/common/img-navigation.gif") top left no-repeat;
	background-position: -606px -52px;
}
#primary-nav-container LI#contactus UL LI A {
	width: 145px;
	height: 31px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #7d7d7d;
	border-top: 1px solid #e3e3e3;
	background-image: none;
	background-color: #fff;
	text-indent: 0px;
	margin: 0px;
}
#primary-nav-container LI#contactus UL LI A:hover {
	width: 145px;
	height: 31px;
	font-weight: normal;
	color: #fff;
	background-image: none;
	background-color: #a7c43b;
	text-indent: 0px;
	margin: 0px;
}



/*
hack: "background-image"s are added to trick the browser to preload main navigation rollovers.
*/




/* Footer Navigation */

#footers ul {
	padding-top: 3px;
	margin: 0;
	list-style-type: none;	
}

#footers ul li {
	padding-top: 5px;
	height: 12px;
	float: right;
	margin: 0;
	padding: 0;
}

#footers li a, #footers li a:visited {
	display: block;
	text-transform: uppercase;
	color: #dbf574;
}

#footers li a:hover {
	color: #ffffff;
}

#footers .lineses {
	border-right: 1px solid #dbf574;
	padding-left: 10px;
	padding-right: 10px;
}

#footers .no_lineses {
	border-right: 0px;
	padding-left: 10px;
}

a.footnav:link, a.footnav:visited  {
	font-family: verdana;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #dbf574;
	text-decoration: none;
}

a.footnav:hover  {
	font-family: verdana;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
}

a.footnav#active_menu  {
	color: #ffffff;
	text-decoration: none;
}

a.footnav#active_menu:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer-links a, #footer-links a:visited
{
	font-weight: normal;	
}

/* More Navigation */

a.btnmores:link, a.btnmores:visited  {
	text-align: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0px;
	width: 19px;
	height: 20px;
}

a.btnmores:hover  {
	text-align: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0px;
	width: 19px;
	height: 20px;
}

/* Icon Navigation */

a.titlesicon_a:link, a.titlesicon_a:visited  {
	background-image: url(../images/titles/icon_1.jpg);
	background-repeat: no-repeat;	
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	overflow: hidden;
	text-indent: 100px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
}

a.titlesicon_a:hover  {
	background-image: url(../images/titles/iconhover_1.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	padding-right: 3px;
}

a.titlesicon_b:link, a.titlesicon_b:visited  {
	background-image: url(../images/titles/icon_2.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	overflow: hidden;
	text-indent: 100px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
}

a.titlesicon_b:hover  {
	background-image: url(../images/titles/iconhover_2.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-indent: 100px;
	padding-right: 3px;
}

a.titlesicon_c:link, a.titlesicon_c:visited  {
	background-image: url(../images/titles/icon_3.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	overflow: hidden;
	text-indent: 100px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
}

a.titlesicon_c:hover  {
	background-image: url(../images/titles/iconhover_3.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-indent: 100px;
	padding-right: 3px;
}

a.titlesicon_d:link, a.titlesicon_d:visited  {
	background-image: url(../images/titles/icon_4.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	overflow: hidden;
	text-indent: 100px;
	width: 23px;
	height: 23px;
	line-height: 23px;
}

a.titlesicon_d:hover  {
	background-image: url(../images/titles/iconhover_4.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-indent: 100px;
}