@charset "utf-8";
/* CSS Document */


/* style the dropdown menus */
.dmenu {
display:none; /* REQUIRED dont display them to begin with */
position: absolute; /* REQUIRED enables javascript to position them below the right tab */
z-index: 100; /* REQUIRED makes sure they appear on top of other content on the page */
margin: 53px 0 0 0; /* display them 53px below the top of the tabs. this is a kind of average value for the height of the tabs, which seems to vary slightly between browsers */
padding: 0px; /* put some space around the contents */
background-color: #3a3a3b;  /* colour the background grey */
float:none;
text-align: left; /* just in case */
}


ul#tabbar { list-style:none; margin:0px auto; padding:0;background:#3a3a3b;}
ul#tabbar li { float:left; margin:0px; padding:0px;}
ul#tabbar li a { 
	float:left;
	line-height:53px;
	height:53px;
	display:block;
	vertical-align:middle;
	color:#fff;
	text-decoration:none;
	padding:0px 17px 0px 17px;
	text-align:left;
	background:#3a3a3b url(../images/menu-divide.gif) no-repeat 0px 0px;
	border-bottom:8px solid #646465;
 }
 
 ul#tabbar li#front_page_button a { background:#3a3a3b;padding-left:23px; }
 ul#tabbar li.last a { padding-right:25px; }

div.dmenu ul li ul { padding-left:10px; }

div.dmenu ul { margin:0px; padding:0px;list-style-type:none; }
div.dmenu ul li { float:none !important;list-style:none;display: list-item;list-style:none;border:none; }
div.dmenu ul li a {
	display:block;
	padding:5px 20px 5px 20px;
	border-bottom:1px solid #777778 !important;
	color:#c9c9c9 !important;
	text-decoration:none;
	border-top:none;
	border-left:none;
	border-right:none;
	float:none !important;
	height:35px !important;
	line-height:35px !important;
	background:none !important;
}
div.dmenu ul li a:hover, div.dmenu ul li.current_page_item a {
	color:#fff !important;
}

ul#nav li.tabselected a#about_us_tab, ul#tabbar li a#about_us_tab:hover { border-bottom:8px #57848e solid; !important;}

ul#tabbar li.tabselected a#contact_us_tab, ul#tabbar li a#contact_us_tab:hover { border-bottom:8px #d2d634 solid; !important; }

ul#tabbar li.tabselected a#front_page_tab, ul#tabbar li a#front_page_tab:hover { border-bottom:8px #bbbbbb solid !important; }

ul#tabbar li.tabselected a#photo_gallery_tab, ul#tabbar li a#photo_gallery_tab:hover { border-bottom:8px #2f5e6a solid; !important; }

ul#tabbar li.tabselected a#services_tab, ul#tabbar li a#services_tab:hover, ul#tabbar li#services_button div { border-bottom:8px #0e9dc1 solid; !important; }

ul#tabbar li.tabselected a#special_projects_tab, ul#tabbar li a#special_projects_tab:hover, ul#tabbar li#special_projects_button div { border-bottom:8px #c1a10e solid; !important; }

ul#tabbar li.tabselected a#who_are_you_tab, ul#tabbar li a#who_are_you_tab:hover, ul#tabbar li#who_are_you_button div { border-bottom:8px #ba420e solid; !important; }

ul#tabbar li.tabselected a#news_tab, ul#tabbar li a#news_tab:hover { border-bottom:8px #da7234 solid; !important; }

ul#tabbar li.tabselected a#forms_tab, ul#tabbar li a#forms_tab:hover { border-bottom:8px #b23918 solid; !important; }


ul#tabbar li ul li ul { display:none; }