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

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	color: #5E4136;
	background-image: url(images/polkadot_tile.jpg);
	/* shorthand
	margin: top/bottom/right/left; - set everything if the values are the same*/
	margin: 0px; /* removes default margin and padding from all elements */
	padding: 0px;
}
img /* set all images to have no border */
{
	border: 0;
}

/****** Navigation *******/

#navlist /* ID of the unordered list (UL) */
{
	height: 122px;
	width: 698px;
	margin: 50px 10px 0px 150px;
	padding: 0;
	background-image: url(images/brown_bar_tile.gif);
	background-repeat: repeat-x;
}
#homepage #navlist 
/* ID of the unordered list (UL) - more specific here for the home page which is lower the screen*/
{
	margin: 50px 10px 0px 150px;
}
#navlist li
{
	display: inline;
	float: left;
	list-style-type: none;
	padding: 50px 5px;
}

/* sets the default link text style (incase the image doesn't show) */
#navlist li a:link,
#navlist li a:visited
{
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	/* to see text styles, remove this end comment - */
	text-indent: -5000px; /* throws the text away basically, but it's still there for screen readers and google */
	margin:0;
	padding:0;
	background-repeat: no-repeat;
}
#navlist li a:active,
#navlist li a:hover
{
	/* changes the text color on rollover, just incase */
	color: #D5D0A6;
}
/* set specific link attributes here */
#navlist li#nav_home a:link,
#navlist li#nav_home a:visited,
#navlist li#nav_home a:active,
#navlist li#nav_home a:hover
{
	/* -50 here removes the margin that we set on the smaller nav items */
	margin: -50px 10px 0px 15px;
	font-size: 36px;
	line-height: 122px;
	width: 261px;
	height: 122px;
	/* replaces the thrown away text with a background image */
	background-image: url(images/hoh_name.gif);
}

#navlist li#nav_logo a:link,
#navlist li#nav_logo a:visited
{
	width: 73px;
	height: 27px;	
	background-image: url(images/nav01_logos.gif);
}
#navlist li#nav_logo a:active,
#navlist li#nav_logo a:hover
{
	 /* 
	 rollover treatment now in CSS instead of javascript- still a background */
	background-image: url(images/nav01_logos_on.gif);
}

#navlist li#nav_web a:link,
#navlist li#nav_web a:visited
{
	width: 106px;
	height: 27px;
	background-image: url(images/nav02_web.gif);
}
#navlist li#nav_web a:active,
#navlist li#nav_web a:hover
{
	background-image: url(images/nav02_web_on.gif);
}

#navlist li#nav_gifts a:link,
#navlist li#nav_gifts a:visited
{
	width: 75px;
	height: 27px;
	background-image: url(images/nav03_gifts.gif);
}
#navlist li#nav_gifts a:active,
#navlist li#nav_gifts a:hover
{
	background-image: url(images/nav03_gifts_on.gif);
}

#navlist li#nav_contact a:link,
#navlist li#nav_contact a:visited
{
	width: 98px;
	height: 27px;
	background-image: url(images/nav04_contact.gif);
}
#navlist li#nav_contact a:active,
#navlist li#nav_contact a:hover
{
	background-image: url(images/nav04_contact_on.gif);
}
/****** Text styles *******/
#hometext {
	background-color: #FFFFFF;
	width: 698px;
	/* shorthand
	margin: top right bottom left; - clockwise from top */
	margin: 0px 0px 50px 150px;
	/* shorthand
	margin: top/bottom right/left; - if the values are the same*/
	padding: 0px 0px;
	background-image: url(images/white_tile.jpg);
}

#hometext a,
p a 
{
	color: #89458B;
}
#content {
	background-color: #FFFFFF;
	width: 698px;
	padding-top: 23px;
	padding-bottom: 10px;
	height: 2500px;
	margin-left: 150px;
	background-image: url(images/white_tile.jpg);
}
 #content #pagetitle {
	width: 182px;
	left: inherit;
	position: absolute;
	padding-left: 45px;
}
#content #samples {
	width: 355px;
	right: auto;
	margin-left: 275px;
	position: absolute;
}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 1750px;
	margin-left: 250px;
}
.subheads {
	font-size: 12px;
	color: #B269AD;
	font-weight: bold;
	letter-spacing: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
}