.foo {} /* -- W3C Validator Requirement. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Links StyleSheet - Masello - Salon Services of New England
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the links css styles for the entire project.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Default Link Styles
-------------------------------------------------------------------------------*/
a:link, a:visited { color: #FFFFFF; }
a:hover { color: #CCE5FF; }

/* Custom Link Styles
-------------------------------------------------------------------------------*/
.subpage-logolink {
	position: absolute;
	z-index: 1;
	margin: 10px 0 0 12px;
	width: 151px;
	height: 218px;
	background: url("Images/masello-logo.png") no-repeat;
}

/* Button Styles
-------------------------------------------------------------------------------*/
.buttons-right a { float: right !important; margin-top: 5px; }

.btn-submit span { display:none; }
.btn-submit:link, .btn-submit:visited {
	float: left;
	width: 70px;
	height: 22px;
	background: url("Images/btn-submit.png") no-repeat top left; 
}
.btn-submit:hover {
	float: left;
	width: 70px;
	height: 22px;
	background: url("Images/btn-submit.png") no-repeat bottom left; 
}

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
.mainnav-about:link, .mainnav-about:visited {
	cursor: pointer; 
	float: left;
	width: 102px;
	height: 127px;
	background: url("Images/mainnav-about.png") no-repeat top left; 
}
.mainnav-about:hover {
	float: left;
	width: 102px;
	height: 127px;
	background: url("Images/mainnav-about.png") no-repeat bottom left; 
}

.mainnav-products:link, .mainnav-products:visited {
	cursor: pointer;
	float: left;
	width: 107px;
	height: 127px;
	background: url("Images/mainnav-products.png") no-repeat top left; 
}
.mainnav-products:hover {
	float: left;
	width: 107px;
	height: 127px;
	background: url("Images/mainnav-products.png") no-repeat bottom left; 
}

.mainnav-educational:link, .mainnav-educational:visited {
	cursor: pointer;
	float: left;
	width: 130px;
	height: 127px;
	background: url("Images/mainnav-educational.png") no-repeat top left; 
}
.mainnav-educational:hover {
	float: left;
	width: 130px;
	height: 127px;
	background: url("Images/mainnav-educational.png") no-repeat bottom left; 
}

.mainnav-newsevents:link, .mainnav-newsevents:visited {
	cursor: pointer;
	float: left;
	width: 144px;
	height: 127px;
	background: url("Images/mainnav-newsevents.png") no-repeat top left; 
}
.mainnav-newsevents:hover {
	float: left;
	width: 144px;
	height: 127px;
	background: url("Images/mainnav-newsevents.png") no-repeat bottom left; 
}

.mainnav-resources:link, .mainnav-resources:visited {
	cursor: pointer;
	float: left;
	width: 117px;
	height: 127px;
	background: url("Images/mainnav-resources.png") no-repeat top left; 
}
.mainnav-resources:hover {
	float: left;
	width: 117px;
	height: 127px;
	background: url("Images/mainnav-resources.png") no-repeat bottom left; 
}

.mainnav-swap:link, .mainnav-swap:visited {
	cursor: pointer;
	float: left;
	width: 74px;
	height: 127px;
	background: url("Images/mainnav-swap.png") no-repeat top left; 
}
.mainnav-swap:hover {
	float: left;
	width: 74px;
	height: 127px;
	background: url("Images/mainnav-swap.png") no-repeat bottom left; 
}

.mainnav-vip:link, .mainnav-vip:visited {
	cursor: pointer;
	float: left;
	width: 111px;
	height: 127px;
	background: url("Images/mainnav-vip.png") no-repeat top left; 
}
.mainnav-vip:hover {
	float: left;
	width: 111px;
	height: 127px;
	background: url("Images/mainnav-vip.png") no-repeat bottom left; 
}

.mainnav-contact:link, .mainnav-contact:visited {
	cursor: pointer;
	float: left;
	width: 101px;
	height: 127px;
	background: url("Images/mainnav-contacts.png") no-repeat top left; 
}
.mainnav-contact:hover {
	float: left;
	width: 101px;
	height: 127px;
	background: url("Images/mainnav-contacts.png") no-repeat bottom left; 
}

/* Sub-Navigation Styles
-------------------------------------------------------------------------------*/
.subnav-about:link, .subnav-about:visited {
	cursor: pointer;
	float: left;
	margin-left: 167px;
	width: 80px;
	height: 79px;
	background: url("Images/subnav-about.png") no-repeat top left; 
}
.subnav-about:hover {
	float: left;
	width: 80px;
	height: 79px;
	background: url("Images/subnav-about.png") no-repeat bottom left; 
}

.subnav-products:link, .subnav-products:visited {
	cursor: pointer;
	float: left;
	width: 85px;
	height: 79px;
	background: url("Images/subnav-products.png") no-repeat top left; 
}
.subnav-products:hover {
	float: left;
	width: 85px;
	height: 79px;
	background: url("Images/subnav-products.png") no-repeat bottom left; 
}

.subnav-educational:link, .subnav-educational:visited {
	cursor: pointer;
	float: left;
	width: 105px;
	height: 79px;
	background: url("Images/subnav-educational.png") no-repeat top left; 
}
.subnav-educational:hover {
	float: left;
	width: 105px;
	height: 79px;
	background: url("Images/subnav-educational.png") no-repeat bottom left; 
}

.subnav-newsevents:link, .subnav-newsevents:visited {
	cursor: pointer;
	float: left;
	width: 116px;
	height: 79px;
	background: url("Images/subnav-newsevents.png") no-repeat top left; 
}
.subnav-newsevents:hover {
	float: left;
	width: 116px;
	height: 79px;
	background: url("Images/subnav-newsevents.png") no-repeat bottom left; 
}

.subnav-resources:link, .subnav-resources:visited {
	cursor: pointer;
	float: left;
	width: 93px;
	height: 79px;
	background: url("Images/subnav-resources.png") no-repeat top left; 
}
.subnav-resources:hover {
	float: left;
	width: 93px;
	height: 79px;
	background: url("Images/subnav-resources.png") no-repeat bottom left; 
}

.subnav-swap:link, .subnav-swap:visited {
	cursor: pointer;
	float: left;
	width: 54px;
	height: 79px;
	background: url("Images/subnav-swap.png") no-repeat top left; 
}
.subnav-swap:hover {
	float: left;
	width: 54px;
	height: 79px;
	background: url("Images/subnav-swap.png") no-repeat bottom left; 
}

.subnav-vip:link, .subnav-vip:visited {
	cursor: pointer;
	float: left;
	width: 90px;
	height: 79px;
	background: url("Images/subnav-vip.png") no-repeat top left; 
}
.subnav-vip:hover {
	float: left;
	width: 90px;
	height: 79px;
	background: url("Images/subnav-vip.png") no-repeat bottom left; 
}

.subnav-contact:link, .subnav-contact:visited {
	cursor: pointer;
	float: left;
	width: 80px;
	height: 79px;
	background: url("Images/subnav-contact.png") no-repeat top left; 
}
.subnav-contact:hover {
	float: left;
	width: 80px;
	height: 79px;
	background: url("Images/subnav-contact.png") no-repeat bottom left; 
}

/* Member-Navigation Styles
-------------------------------------------------------------------------------*/
.membernav-events:link, .membernav-events:visited {
	cursor: pointer;
	float: left;
	margin-left: 167px;
	width: 82px;
	height: 79px;
	background: url("Images/membernav-events.png") no-repeat top left; 
}
.membernav-events:hover {
	float: left;
	width: 82px;
	height: 79px;
	background: url("Images/membernav-events.png") no-repeat bottom left; 
}

.membernav-products:link, .membernav-products:visited {
	cursor: pointer;
	float: left;
	width: 101px;
	height: 79px;
	background: url("Images/membernav-products.png") no-repeat top left; 
}
.membernav-products:hover {
	float: left;
	width: 101px;
	height: 79px;
	background: url("Images/membernav-products.png") no-repeat bottom left; 
}

.membernav-blog:link, .membernav-blog:visited {
	cursor: pointer;
	float: left;
	width: 68px;
	height: 79px;
	background: url("Images/membernav-blog.png") no-repeat top left; 
}
.membernav-blog:hover {
	float: left;
	width: 68px;
	height: 79px;
	background: url("Images/membernav-blog.png") no-repeat bottom left; 
}