
* {
	margin: 0;
	padding: 0;
	}
	
img {  
	display: block;
	border-style: none;
}
	

ul, ol { margin-left:1.5em; padding-left:0px; }

li { margin-bottom: -2px; }

	
	
#ribbon {
	MARGIN: 0;
	padding: 0;
	width: 225px;
	height: 130px;
	float: left;
	}
	
#container ul li {
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	}
	
	

html, body {
	background: url(images/bkg.jpg);
	font: 14px/22px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	height: 100%;
	}
	
a {
	text-decoration: none;
	color: #395465;
	}
	
a:hover {
	text-decoration: none;
	color: #395465;
	}
	
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
 	margin: 0 auto -212px;
	}
	

	
#container {
	position: relative;
	width: 980px;
	margin: 0 auto;
	}
	

	
#topBar {
	height: 8px;
	width: 100%;
	background-color: #3d596b;
	}	

#nav {
	width: 530px;
	margin: 0px 0 0 0px;
	float: right;
	}

#clear {
	clear: both;
	}
	

	
#logo {
	position: absolute;
	width: 143px;
	height: 76px;
	margin-left: 20px;
	padding: 7
	px 0 0 0px;
}


/*NAVIGATION*/

#nav p {
	font: 15px/22px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-top: 25px;
	}


a.nav {
	color: #4a6677;
	display: block;
	height: 50px;
	width: 100px;
	float: left;
	border-right: #5a5b5d solid 1px;
	}
	
a:hover.nav {
	display: block;
	height: 50px;
	width: 100px;
	color: #ffffff;
	background: url(images/nav.jpg) #3d596b no-repeat;
	float: left;
	}
	
a.current {
	display: block;
	height: 50px;
	width: 100px;
	color: #ffffff;
	background: url(images/nav.jpg) #3d596b no-repeat;
	float: left;
	}
	
	
/*HEADER*/ 

#flash {
	position: relative;
	width: 972px;
	height: 311px;
	padding: 30px 0px 0px 0px;
	}
	
#header {
	position: relative;
	width: 972px;
	height: 165px;
	padding: 40px 0px 0px 0px;
	}


/*CONTENT AREAS*/

#mainContent {
	position: relative;
	width: 700px;
	margin: 10px auto 30px auto;
	padding-bottom: 40px;
	}
	
#salonContent {
	position: relative;
	width: 375px;
	margin: 10px 80px 0px 50px;
	padding-bottom: 40px;
	float: left;
	}

#clientContent {
	position: relative;
	width: 375px;
	margin: 10px 50px 0px 0px;
	padding-bottom: 40px;
	float: right;
	}

#menContent {
	position: relative;
	width: 475px;
	margin: 10px 0px 0px 30px;
	padding-bottom: 40px;
	float: left;
	}
	
#womenContent {
	position: relative;
	width: 475px;
	margin: 10px 0px 0px 30px;
	padding-bottom: 40px;
	float: left;
	}

#contactContent {
	position: relative;
	width: 450px;
	margin: 10px 0px 30px 40px;
	padding-bottom: 40px;
	float: left;
	}

#mapContent {
	position: relative;
	width: 280px;
	margin: 50px 40px 30px 20px;
	padding: 20px;
	font: 14px/19px  'Trebuchet MS', 'Lucida Grande',  sans-serif;
	float: right;
	border: solid 2px #b2c9d7;
	background: url(images/test_bkg.gif) bottom right no-repeat #bdd4e1;
	}
	


#testContent {
	position: relative;
	width: 250px;
	margin: 50px 30px 30px 0px;
	padding: 30px;
	float: right;
	border: solid 2px #b2c9d7;
	background: url(images/test_bkg.gif) bottom right no-repeat #bdd4e1;
	}
	


/*CLASSES*/	
	
.opening{
	font: 20px/24px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif bold ;
	}
	
.address {
	font: 13px/16px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-align: center;
	}
	
.addyHead {
	margin-bottom: 5px;
	text-align: center;
	}
	
.google {
	font: 11px/16px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-align: center;
	}
	
.line {
	width: 211px;
	margin: 20px 51px 15px 51px;
	}
	
.listHead {
	font: 15px/22px bold 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	margin-bottom: 10px;
	color: #3d596b;
	}
	
.required {
	color: red;
	font: 11px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	}	
	
.requiredField {
	font: 11px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	}	
	
/*TESTIMONIAL*/
	
.testimonial {
	font: 13px/22px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color: #555555;
	}

.signed {
	font: 16px/21px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color: #555555;
	text-align: right;
	}

.testimonial {
	padding-bottom: 5px;
	}
	
	
/*FOOTER*/


#push {	
	position: relative;
	height: 212px;
	}
	
#footer  {
 	height: 212px;
	background: url(images/footer.jpg);
	}
	
#footerContainer {
	width: 960px;
	margin: 0px auto 0 auto;
	}
	
#footerInfo {
	width: 250px;
	float: left;
	padding: 17px 0 0 65px;
	}
	
#footerHampton {
	width: 250px;
	float: left;
	padding: 30px 0 0 65px;
	background: transparent  url(images/footer_line.gif) top left no-repeat ;
	}
	
#footerRichmond {
	width: 248px;
	float: left;
	padding: 30px 0 0 65px;
		background: url(images/footer_line.gif) top left no-repeat;
	}
	
#footer p {
	color:#FFFFFF;
	}
	

#footer a {
	text-decoration: none;
	color: #acc3d1;
	}
	
#footer a {
	text-decoration: underline;
	font-weight: bold;
	color: #acc3d1;
	}


#footerInfo p {
	color:#FFFFFF;
	font: 13px/18px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	}
	
.email a {
	color:#FFFFFF;
	font: 14px/16px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-decoration: none;
	}
	



#footerInfo a {
	text-decoration: none;
	color: #acc3d1;
	}
	
#footerInfo a {
	text-decoration: none;
	font-weight: bold;
	color: #acc3d1;
	}
	

.phone {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 41px;
	padding-bottom: 5px;
	list-style: none;
	background: transparent url(images/footer_phone.gif) 13px 0px no-repeat;
		color:#FFFFFF;
	font: 16px/23px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	}
	
.addy {
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 40px;
	list-style: none;
	background: transparent url(images/footer_mail.gif) 0 2px no-repeat;
	color:#FFFFFF;
	font: 16px/23px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	}


.footerLogo{
	padding: 5px 0 8px 0;
	}
	
.titlePad{
	padding: 25px 0 25px 0;
	}
	
.hrTitle{
	padding: 0px 0 0px 0;
	}
	
.rTitle{
	padding: 0px 0 0px 30px;
	}

.mainMan {
	padding: 00px 0px 0 0;
	float: right;
	}


/*FORM TABLE*/

	
table {
	width: 560px;
	}

tr {
	height: 15px;
	}

textarea, input, select {
	margin-left: 4px;
	padding: 0px;
	border: 1px dashed #7f9db9;
	font: 16px/25px Arial, Helvetica, sans-serif;
	}

input {
	padding: 0px 0px;
	}

.disclaimer {
	padding-top: 10px;
	width: 450px;
	font: 11px/16px  'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	}
	
/*IMAGE PADDING*/
	
.imagesRight {
	padding: 0 0 20px 20px;
	}
	
.imagesLeft {
	padding: 0 20px 20px 0;
	}
	
p.introduction:first-letter {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 32px;
	font-size: 60px;
	line-height: 60px;
	color : #3d596b;
	padding-right: 5px;
}

/*WARNING*/

#warning {
	position: absolute;
	top: 50px;
	left: -220px;
	width: 250px;
	color: #fff;
	background-color: #4468b2;
	border: 2px solid #30509a;
	font-weight: bold;
	padding: 10px 0 10px  0;
	display: none;
	text-align: center;
}

