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

body {font-family: Arial, Helvetica, sans-serif; font-weight: normal; color:#a48876; background:#050404 url(images/252westbackground.jpg) repeat; overflow-y:scroll; behavior: url(css/csshover3.htc);}
* {margin: 0; padding: 0;}
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-weight:bold; color: #a48876; line-height: 1.2em; padding-bottom: 5px;}
h1 a {margin: 0; position: absolute; top: 5px; left: 0; z-index: 3; width: 233px; height: 131px; background:url(images/252WestSalonLogo.gif) no-repeat; text-indent: -9000px; display: block;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight:bold; color: #a48876; line-height: 1.5em;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size:1em; font-weight: bold; line-height: 1em; color: #a48876;}
p {font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: normal; line-height: 1.25em;}
b {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
i {font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: italic;} 
a {font-family: Arial, Helvetica, sans-serif; font-weight: normal;text-decoration: none; color:#76a2a4;}


#container {margin: 0 auto; width: 955px; }
/* Header */
#masthead {position: relative; height: 8.19em; border-bottom: 2px solid #a48876;}
ul#top-nav {margin: 0; padding: 4px; list-style: none; background: none; z-index: 100;}
#top-nav li {margin: 8px 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: .8em; float: right; }
#top-nav a { background: none; color: #76a2a4; text-decoration:none;}
#top-nav form { background: none; border: none; margin-top: -5px;}
#masthead p {position: absolute; border: none; margin: 40px 0 0 918px; float: right;}

/* the horizontal menu starts here */
div#listmenu {
	width:100%; 
	float:left; 
	font-size:.8em;	
	margin-top:5px;
	}
div#listmenu ul {margin:0;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#0f0c0a; /*sets the background of the menu items */
	}
div#listmenu li:first-child {
	border-left:0px solid #a48876; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	}
div#listmenu a {
	display:block;
	padding:0 20px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#a48876;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#76a2a4;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:11em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:20px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #a48876; /*  three sides of each drop-down item */
	border-bottom:1px solid #a48876;
	border-right:1px solid #a48876;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #a48876; border-left:1px solid #a48876; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* Content */
#picture {margin-top: 17px; padding: 0; width: 565px; height: 427px; float: left;}
#smallpicture {margin-top: 17px; padding: 0; width: 371px; height: 427px; float: left;}
#specials {margin-top: 17px; padding: 0; width: 371px; height: 427px; float: right;}
#specials2 {margin-top: 17px; padding: 0; width: 955px; height: 427px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: normal; line-height: 1.25em;}

/*Smaller text box with larger picture*/
#content {margin-top: 17px; padding: 10px; width: 360px; height: 407px; float: right; background: #463830;}

/*Expandable text box*/
#content2 {margin-top: 17px; padding: 10px; width: 360px; height: 100%; float: right; background: #463830;}

/*Larger text box with smaller picture*/
#smallcontent {margin-top: 17px; padding: 10px; width: 554px; height: 407px; float: right; background: #463830;}

/*Expandable text box*/
#smallcontent2 {margin-top: 17px; padding: 10px; width: 554px; height: 100%; float: right; background: #463830;}
#smallcontent2 ul {margin-left: 0px; padding-left: 20px;}
#smallcontent2 li {font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: normal; line-height: 1.25em;}
#smallcontent2 ol {margin-left: 20px;}

/*PayPal*/
table {font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: normal; line-height: 1.25em;}
form .td {font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: normal; line-height: 1.25em;}

/* Google Map */
#googlemap a {font-family:Arial, Helvetica, sans-serif; color: #76a2a4;}
/*Footer */
#footer {clear: both; font-size: .63em; text-align: center; padding: 8px 0 1em; margin: 0 auto; width: 955px;  border-top: 2px solid #a48876;}

/*Appointment Pop-up */
.appointment p {margin: 20px 0; padding: 20px; width: 350px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; text-align: center;}
.appointment a {font-family: Georgia, "Times New Roman", Times, serif; font-size: .85em; text-align: center; text-decoration: none;}

/* iPad 2 Promo */
#iPad {margin-top: 100px; padding: 0; float: left; background: #a48876;}
.iPadimg {float: right; border: none; padding: 10px 10px 0 10px;}
#iPad p {color: #463830; padding: 10px;}
#iPad h3 {color: #463830; padding: 10px;}
#iPad a {color: #FFF;}