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

body {
	margin: 0 0 0px 0;
	padding: 0;
	background-color:#6A737B;
	font-family:"Arial Narrow"
	}
	
#page {
	position:absolute;
	left:50%;
	top:0px;
	width:900px;
	height:700px;
	z-index:1;
	margin-left: -450px;
	background-color: #FFFFFF;
	border: 2px;
	border-color: #484B4F;
	border-style: solid;
	}
	
#mainNav {
	position:absolute;
	left:230px;
	top:25px;
	width:670px;
	height:70px;
	z-index:2;
	}
	
#mainNav ul#menu {
	height: 70px;
	background: transparent url(images/menu.png) top left no-repeat;
	position: relative;
	margin: 0px;
	padding: 0px;
	}

div#mainNav ul#menu li {
	list-style-type: none;
	position: absolute;
	margin: 0px;
	padding: 0px; 
	}

ul#menu li, ul#menu a {
	height: 70px;
	display: block;
	margin: 0px;
	padding: 0px;
	}

div#mainNav ul#menu li a {
	text-indent: -5000px;
	overflow: hidden;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
	
#home		{top: 0px; left: 0px; width: 255px;}
#events		{top: 0px; left: 274px;	width: 117px;}
#design 	{top: 0px; left: 391px;	width: 116px;}
#gifts		{top: 0px; left: 507px;	width: 85px;}
#seehip		{top: 0px; left: 594px;	width: 76px;}

#home a:hover		{background: url(images/menu.png) -0px -70px no-repeat;}
#events a:hover		{background: url(images/menu.png) -274px -70px no-repeat;}
#design a:hover		{background: url(images/menu.png) -391px -70px no-repeat;}
#gifts a:hover		{background: url(images/menu.png) -507px -70px no-repeat;}
#seehip a:hover		{background: url(images/menu.png) -594px -70px no-repeat;}

#subnav {
	position:absolute;
	left:290px;
	top:75px;
	width:195px;
	height:20px;
	font-family:"Arial Narrow";
	font-size: 13px; 
	color: #484B4F;
	z-index:3;
}

#sideimage {
	position:absolute;
	left:0px;
	top:25px;
	width:210px;
	height:650px;
	z-index:2;
	background-color: #FFFFFF;
}

#content {
	font: "Arial Narrow";
	font-size:14px;
	line-height:1.125em;
	color: #484B4F;
	}
	
a.subnav:link{
	text-decoration: none;
	font-size: 13px;
	color: #484B4F;
}

a.subnav:visited{
	text-decoration: none;
	font-size: 13px;
	color: #484B4F;
}

a.subnav:hover{
	text-decoration: none;
	font-size: 13px;
	color: #009BC9;
}
	
a.he:link {
	text-decoration: none;
	color: #59118E;
	font-style: bold;
	}
a.he:visited {
	text-decoration: none;
	color: #59118E;
	font-style: bold;
}
a.he:hover {
	text-decoration: none;
	color: #6A737B;
	font-style: bold;
}

a.hd:link {
	text-decoration: none;
	color: #8CD600;
	font-style: bold;
	}
a.hd:visited {
	text-decoration: none;
	color: #8CD600;
	font-style: bold;
}
a.hd:hover {
	text-decoration: none;
	color: #6A737B;
	font-style: bold;
}

a.hg:link {
	text-decoration: none;
	color: #EC0B8D;
	font-style: bold;
	}
a.hg:visited {
	text-decoration: none;
	color: #EC0B8D;
	font-style: bold;
}
a.hg:hover {
	text-decoration: none;
	color: #6A737B;
	font-style: bold;
}

.style3 {
	font-size: 28px;
	font-weight: bold;
	color: #6A737B;
}

.style10 {font-size: 13px}
.style11 {color: #999999}
.style12 {color: #666666}


#footer {
	position:absolute;
	left:50%;
	top:700px;
	width:900px;
	height:30px;
	z-index:2;
	margin-left: -450px;
	background-color: #000000;
	border: 2px;
	border-color: #484B4F;
	border-style: solid;
}