.foo {} /* -- W3C Validator Requirement. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - Masello - Salon Services of New England
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
* { 
	margin: 0px; 
	padding: 0px; 
}
body { 
	text-align: center;
    color: #FFFFFF;
    background: #DFDFDE url(Images/site-bg.png) repeat-x;
}
#wrapper {
	width: 888px;
	margin: 0 auto;
	text-align: left;
}
#page {
	margin-top: 10px;
	background-color: #6600cc;
	border: solid 1px #8A7171;
}

/* Typography Styles
-------------------------------------------------------------------------------*/
hr { margin: 5px 0px 5px 0px; }

h1 { font-size: 18px; margin: 7px 0px 7px 0px; }
h2  {
	color: #666666; 
	font-size: 16px; 
	border-bottom: #6600CC solid 1px;
	padding-bottom: 1px;
}
h3 { color: Green; font-size: 12px; }
textarea { font-size: 12px; font-family: Tahoma; }
.highlight { background-color: #EAEAEA; color: #000000; }
#SiteMapPath { display: block; margin: 0 0 10px 0; }
.error_summary li { margin: 0px 0px 15px 30px; }
.CheckBox label { margin-left: 5px; vertical-align: top; }
.RadioButtonList label { margin: 0px 10px 0px 5px; }

/* Custom Styles
-------------------------------------------------------------------------------*/
.modalBackground { background-color:Gray; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
.modalPopup {
	background-color: #FFF;
	border: solid 2px #FF9900;
    color: #000;
	padding:7px;
	width:525px;
}

/* -- Message Styles -- */
.messages-success { color: Green; font-weight: bold; }
.messages-error { color: Red; font-weight: bold; display: block; margin-bottom: .5em; }
span.required { color: Red; font-weight: bold; }

/* -- AJAX Accordion -- */
.accordionHeader {
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a {
	text-decoration: none;
}

.accordionHeaderSelected
{
	text-align: left;
	width: 615px;
	margin: 0 auto;
	color: #993300;
	font-size: 15px;
	border-bottom: #6600CC solid 1px;
	padding-bottom: 1px;
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a {
	text-decoration: none;
}

.accordionContent {
    margin-top: 1px;
    padding: 10px 15px 5px 15px;
}

/* News Styles
------------------------------------------------------------------------------------------------- */
.news-wrapper { text-align: center; width: 625px;}
.news-title {
	
}
.news-body {
	text-align: left;
	margin: 10px 3px;
}

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master-header { height: 127px; }
#mainnav { float: left; }
#mainnav span { display: none; }

/* Master Body Styles
-------------------------------------------------------------------------------*/
#master-body { }

#master-sep  {
	height: 6px;
	background-color: #CCCCCC;
}
#master-flash {
	height: 338px;
	/*background: url("Images/master-flash-ph.png") no-repeat; */
}
#master-content-wrapper {
	min-height: 183px;
	background: #5C3333 url("Images/master-content-bg.png") no-repeat;
}
* html #master-content-wrapper { height: 183px; }

#master-content {
	float: left;
	position: relative; 
	top: 37px;
	left: 29px;
	padding-bottom: 45px;
}

#master-content #col1, #master-content #col2, #master-content #col3,
	#master-content #col4 {
	float: left;
	min-height: 105px;
}
* html #master-content #col1, * html #master-content #col2, * html #master-content #col3,
	* html #master-content #col4 {
	height: 105px;
}

.body-wrapper .content {
	padding: 29px 15px 0 0;
}

#master-content #col1 {
	width: 228px;
}

#master-content #col2 {
	padding-left: 18px;
	width: 204px;
}

#master-content #col3 {
	padding-left: 20px;
	width: 168px;
}

#master-content #col4 {
	padding-left: 16px;
	width: 190px;
}

/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master-footer {
	padding: 5px 0;
	color: #999999;
	clear: both; 
	position: relative; 
	z-index: 0;
}
#master-footer a { 
	color: #999999; 
	text-decoration: none;	
}
#master-footer a:hover { 
	text-decoration: underline;
}

/* Copyright & Site Design Styles
-------------------------------------------------------------------------------*/   
#master-footer #footernav { float: left; width: 195px; }
#master-footer #copyright { float: left; margin-left: 115px; }
#master-footer #siteby { float: right; }

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    P.I.E. FLOAT CLEARING
    See http://www.positioniseverything.net/easyclearing.html 
-------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */