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

/* TAB NAVIGATION BUTTONS */

#top_menu {
	position:relative;
	height: 150px;
	width: 1099px;
	border-bottom: 4px solid #1A4322;
	padding: 0px;
	margin: 20px auto;
}

#top_menu_buttons {
	position:relative;
	display:block;
	overflow:hidden;
	margin-top: 2em;
    float:left;	
}

#tab_menu {
	height: 34px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 22px;
}

#logo {
	height: 150px;
	width: 282px;
	float: left;
	margin: 0px 60px;
}

.buttonnav {
	position:relative;
	float: left;
	margin: 0 3 0 0;
	font-family: arial, helvetica, sans-serif;
	width: 60px;
	height: 85px;
	overflow:hidden;/* for ie to hide extra height */
	padding: 0px 15px;
}


.tabnav {
	position:relative;
	float: left;
	margin: 0 2 0 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	width: 170px;
	height: 31px;
	overflow:hidden;/* for ie to hide extra height */
}
.nav_residential {
	background: url(../images/tab_residential_over.gif) no-repeat;
}
.nav_commercial {
	background: url(../images/tab_commercial_over.gif) no-repeat;
}
.nav_industrial {
	background: url(../images/tab_industrial_over.gif) no-repeat;
}
.nav_products_tab {
	background: url(../images/tab_products_over.gif) no-repeat;
}
.nav_professionals {
	background: url(../images/tab_professionals_over.gif) no-repeat;
}
.nav_PhotoGallery {
	background: url(../images/tab_PhotoGallery_over.gif) no-repeat;
}
.nav_CaseStudyDiBiasi {
	background: url(../images/tab_ResCaseStudy_over.gif) no-repeat;
}
.nav_CaseStudyPing {
	background: url(../images/tab_CaseStudyPing_over.gif) no-repeat;
}
.nav_CaseStudyRitz {
	background: url(../images/tab_CaseStudyRitz_over.gif) no-repeat;
}



.nav_home {
	background: url(../images/button_home_over.gif) no-repeat center top;
}
.nav_products {
	background: url(../images/button_products_over.gif) no-repeat center top;
}
.nav_FAQ {
	background: url(../images/button_FAQ_over.gif) no-repeat center top;
}
.nav_contact {
	background: url(../images/button_contact_over.gif) no-repeat center top;
}
.nav_company {
	background: url(../images/button_company_over.gif) no-repeat center top;
}

.vrule {
	border-right: 1px dotted #1B4423;
}


.tabnav a {
	display: block;
	color: #000000;
	font-size: 5px;
	width: 170px;
	height: 31px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height */
}


.buttonnav a {
	display: block;
	color: #507B30;
	font-size: 12px;
	width: 60px;
	height: 75px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height */
}

.tabnav a:hover {
	color: #154F2E;
}
.tabnav img {
	width: 170px;
	height: 31px;
	border: 0;
}
* html a:hover {
	visibility:visible
}
.tabnav a:hover img {
	visibility:hidden
}
.tabnav span {
	position: absolute;
	left: 5px;
	top: 24px;
	text-align: center;
	width: 40px;
	cursor: pointer;
}



.buttonnav a:hover {
	color: #1A4322;
}
.buttonnav img {
	width: 60px;
	height: 60px;
	border: 0;
}
* html a:hover {
	visibility:visible
}
.buttonnav a:hover img {
	visibility:hidden
}
.buttonnav span {
	position: absolute;
	left: 1px;
	top: 65px;
	text-align: center;
	width: 90px;
	cursor: pointer;
}

/* END OF NAVIGATION */