/* StyleSheet for Nymark Hansen Salon and Day Spa
Created by:
Heidi Abbott of Times3Media.com
and
Karen Segee of grasshoppergraphics.ca
December 2007*/

/* ================================================================
Drop down menu copyright notice:

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {
height:100%;
padding:0;
margin:0 auto;
font-family:Georgia, "Times New Roman", Times, serif;
background:white url(../images/shadow_tile.png) top center repeat-y;
z-index:1000;
}


#wrap {
width:800px;
margin:auto;
}

#container {
width:600px;
margin: 20px 0 0 0;
float:right;
}

#leftcolumn {
padding:10px 0 0 0;
height:700px;
background-image:url(../images/yourinvit.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

#leftcolumn img {
border:none;
}

#navcontainer {
margin:auto;
}

#navmenu {
margin:0px auto;
}


#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#eca #b97 #a86 #edb; border-width:1px 2px 2px 1px; background:#000; color:#FFFFFF; position:relative; z-index:200;}
#nav {height:25px; padding:0 0 0 100px; width:85%; }
#nav ul {background:#fff; }
#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#fff; margin:0 15px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#b75;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}
.replace {
position:relative;
margin: 0px;
padding: 0px;
/*hide overflow:hidden from IE5/Mac*/
overflow:hidden;
}

.replace span {
display:block;
position:absolute;
top:-1000px;
left:0px;
z-index:1; /*for Opera 5 and 6*/
}

#myh1, #myh1 span {
height:57px;
width:300px;
background-image:url(../images/NHLogo3.jpg);
background-repeat:no-repeat;
}

#myh1 {
margin:auto;
padding:0 0 15px 0;
}

.left {
float:left;
}

.right{
float:right;
padding: 5px 0 0 20px;
}

/*Large floated right photos*/
.lgright {
float:right;
padding: 0 0 0 20px;
}

.center{
margin-left:200px;
}

#content {
margin:40px 20px 10px 20px;
}

#content p {
text-align:justify;
}

.singlesp{
margin-bottom: 0; margin-top: 0; 
}

.menuitem {
border-bottom:1px solid #996633;
margin-top:20px;
font-size:95%;
}

/*Allergy Warning*/
.allergy {
font-style:italic;
text-align:center;
font-size:80%;
margin-top:-10px;
}

h2 {
color:#996633;
background-image:url(../images/embellishment.png);
background-repeat:no-repeat;
background-position:left;
padding-left:70px;
font-family:Arial, Helvetica, sans-serif;
}

h3.price {
margin-top:-10px; 
margin-left: auto;
text-align: right;
font-style:italic;
color:#996633;
font-size:70%;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
}
	
.description {
text-align:justify;
}

a:link {
color:#666666;
}

a:visited {
color:#333333;
}

a:hover {
color:#996633;
}

#footer {
clear:both;
text-align:right;
color:#999999;
font-size:60%;
border-top:.5px solid #999999;
margin:20px 0 10px 0;
padding-top:8px;
}

#footer a {
text-decoration:none;
color:#666666;
}

#footer a:hover {
color:#996633;
}

table {
font-size:80%;
margin-left:50px;
}

.heading{
font-weight:bold;
}

table td {
width:200px;
}