/* ######### Home page ######### */

.chromestyle0 {
	width: 124px;
	float: left;
	display: block;
}
.chromestyle0:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle0 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
	
}

.chromestyle0 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle0 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}
.chromestyle0 ul li a:hover, .chromestyle0 ul li a.selected{
	background-image: url(../images/structure/btn-home_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}


/* ######### The Heart of Organizing: our Services ######### */

.chromestyle1 {
	width: 112px;
	float: left;
	display: block;
}

.chromestyle1:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle1 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
	
}

.chromestyle1 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle1 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-heartof.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}
.chromestyle1 ul li a:hover, .chromestyle1 ul li a.selected{
	background-image: url(../images/structure/btn-heartof_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}


/* ######### Power Tools: Our Products ######### */

.chromestyle2 {
	width: 112px;
	float: left;
	display: block;
}

.chromestyle2:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

.chromestyle2 ul{
	padding: 0px;
	margin: 0px;
	background-image: url(../images/structure/btn-powertools.jpg);

}

.chromestyle2 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #3480A2;


}

.chromestyle2 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-powertools.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	height: 60px;
	display: block;
}

.chromestyle2 ul li a:hover, .chromestyle2 ul li a.selected{
	background-image: url(../images/structure/btn-powertools_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}



/* ######### What Matters Most: Our Clients ######### */

.chromestyle3 {
	width: 111px;
	float: left;
	display: block;
}

.chromestyle3:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle3 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.chromestyle3 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle3 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-whatmatters.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}

.chromestyle3 ul li a:hover, .chromestyle3 ul li a.selected{
	background-image: url(../images/structure/btn-whatmatters_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}



/* ######### Close to Our Heart: Media ######### */

.chromestyle4 {
	width: 111px;
	float: left;
	display: block;
}

.chromestyle4:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle4 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.chromestyle4 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle4 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-closeto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}

.chromestyle4 ul li a:hover, .chromestyle4 ul li a.selected{
	background-image: url(../images/structure/btn-closeto_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}


/* ######### Matter of Fact: Our History ######### */

.chromestyle5 {
	width: 111px;
	float: left;
	display: block;
}

.chromestyle5:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle5 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.chromestyle5 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle5 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-matteroffact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}

.chromestyle5 ul li a:hover, .chromestyle5 ul li a.selected{
	background-image: url(../images/structure/btn-matteroffact_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}


/* ######### What's the Matter: Image Gallery ######### */

.chromestyle6 {
	width: 111px;
	float: left;
	display: block;
}

.chromestyle6:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle6 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.chromestyle6 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle6 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-whatsthematter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}

.chromestyle6 ul li a:hover, .chromestyle6 ul li a.selected{
	background-image: url(../images/structure/btn-whatsthematter_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

/* ######### From Our Heart to Yours: Free Resources ######### */

.chromestyle7 {
	width: 111px;
	float: left;
	display: block;
}

.chromestyle7:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle7 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.chromestyle7 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle7 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-fromourheart.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}

.chromestyle7 ul li a:hover, .chromestyle7 ul li a.selected{
	background-image: url(../images/structure/btn-fromourheart_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

/* ######### Contact page ######### */

.chromestyle8 {
	width: 121px;
	float: left;
	display: block;
}
.chromestyle8:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle8 ul{
	padding: 0px;
	margin: 0px;
	text-align: left;
	
}

.chromestyle8 ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
}

.chromestyle8 ul li a {
	color: #494949;
	text-decoration: none;
	background-image: url(../images/structure/btn-contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0px;
	height: 60px;
	display: block;
}
.chromestyle8 ul li a:hover, .chromestyle8 ul li a.selected{
	background-image: url(../images/structure/btn-contact_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}






/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0px;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: #3480A2;
	width: 200px;
	visibility: hidden;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
	border-top: 1px solid #3480A2;
	border-right: 1px solid #B5E2FE;
	border-bottom: 1px solid #B5E2FE;
	border-left: 1px solid #B5E2FE;
	margin-top: 0px;
	padding-top:0px;
}


.dropmenudiv a {
	width: 100%;
	display: block;
	padding: 6px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #3480A2;
	border-bottom: 1px solid #B5E2FE;
	
}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
background-color: #491B5B;
}