/**************
	OVERRIDES
**************/
* { margin: 0; padding: 0; }
img { border: 0; }
a { text-decoration: none; }
ul { list-style: none; }

/**************
	GENERAL STYLES
**************/
.bold { font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

html, body { height: 100%; }
body { 
	background-color: #afafaf;
	font-family: "Century Gothic", Arial, sans-serif;
	color: #000000;
	font-size: .8em;
	font-weight: normal;
	}
h1 { font-size: 1.7em; text-transform: capitalize; font-weight: normal; font-family: "Times New Roman", Times, serif; margin-bottom: 15px; color: #db66a2;}
h2 { font-size: 1.1em; margin-top: 15px; }
h3 { font-size: .95em; margin-top: 10px; }
h4 { font-size: .8em; }
p { margin-bottom: 10px; text-align: justify; }

/**************
	PAGE LAYOUT
**************/
#container, #nav {
	position: relative;
	border-style: solid;
	border-color: #db66a2;
	}
#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-width: 0 2px;
	min-height: 100%;
    height: 100%;
/*
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
*/
	}
html>body #container {
    height: auto;
	}	
#content { position: relative; height: 100%; padding: 25px 25px 10px 25px; } /* results in 700px of content width */
	#home, #about, #press, #customerService { position: relative; width: 100%; }


/**************
	HEADER
**************/
#header {
	position: relative;
	width: 100%;
	height: 75px;
	}
#header h1 {
	position: absolute;
	bottom: 0;
	left: 10px;
	margin: 0px;
	}
#header h1 a {
	display: block;
	width: 177px;
	height: 70px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999em;
	text-decoration: none;
	}
#account {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 5px;
	margin-right: 10px;
	}
	#account li { float: left; }
	#account li a { padding-left: 10px; text-transform: uppercase; }
ul#company {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	list-style: inside disc;
	color: #5b5b5e;
	}
	#company li { float: left; margin-left: 15px;  }
	#account a, #company a { font-size: .8em; }
	
/**************
	NAVIGATION & LINKS
**************/
#nav {
	width: 100%;
	height: 75px;
	border-width: 2px 0;
	text-align: center;
	}
	#nav ul#categories { width: 100%; }
	#nav ul#categories li { width: 20%; float: left; }
		#nav ul#categories li a { margin-left: auto; margin-right: auto; }
		#baby, #bridal, #holiday, #justBecause, #milestones {
			display: block;
			height: 75px;
			text-indent: -700em;
			}
		#baby { width: 51px; background: url("../images/nav-baby.gif") no-repeat; }
		#baby:hover, #baby.over { background-position: 0 -75px; }
		#bridal { width: 55px; background: url("../images/nav-bridal.gif") no-repeat; }
		#bridal:hover, #bridal.over { background-position: 0 -75px; }
		#holiday { width: 57px; background: url("../images/nav-holiday.gif") no-repeat; }
		#holiday:hover, #holiday.over { background-position: 0 -75px; }
		#justBecause { width: 83px; background: url("../images/nav-justBecause.gif") no-repeat; }
		#justBecause:hover, #justBecause.over { background-position: 0 -75px; }
		#milestones { width: 74px; background: url("../images/nav-milestones.gif") no-repeat; }
		#milestones:hover, #milestones.over { background-position: 0 -75px; }

a:link { color: #5b5b5e; }
a:visited { color: #5b5b5e; }
a:hover { color: #db66a2; }
a:active { color: #5b5b5e; }

#footer { clear: both; position: relative; padding: 10px 0; text-align: center; }
	#content #footer { margin-top: 10px; border-top: 1px dotted #5b5b5e; }
	#footer p { font-size: .9em; text-align: center; margin: 0 0 3px; 0; padding: 0; }
	#footer h4 { font-size: .75em; font-weight: normal; }


/*********************
	INDEX
*********************/
#billboard ul { position: relative; width: 740px; height: 600px; margin: 5px; background: url(../images/welcome.jpg); display: block; }
	#billboard ul li { margin: 0; padding: 0; list-style: none; }          
	#billboard ul li a { position: absolute; display: block; text-indent: -9999em; }
	#billboard ul li a#invitastions-1 { top: 0; left: 0; width: 740px; height: 61px; }
	#billboard ul li a#invitastions-2 { top: 61px; left: 0; width: 500px; height: 429px; }
	#billboard ul li a#madnibbles { top: 61px; left: 500px; width: 240px; height: 429px; }
	#billboard ul li a#edibles { top: 490px; left: 0; width: 244px; height: 110px; }
	#billboard ul li a#stationery { top: 490px; left: 244px; width: 246px; height: 110px; }
	#billboard ul li a#gifts { top: 490px; left: 490px; width: 250px; height: 110px; }

/**************
	ABOUT
**************/
#about div { margin-bottom: 20px; }
#about #jen { height: 110px; background: url("../images/headshot-jen.jpg") no-repeat right; padding-right: 110px; }
#about #erin { height: 110px; background: url("../images/headshot-erin.jpg") no-repeat left; padding-left: 110px; }

/**************
	PRESS
**************/
#press { }
	#press #pressList p { margin-top: 0; }

/**************
	CUSTOMER SERVICE
**************/
#customerService #topics {
	position: relative;
	position: absolute;
	top: 5px;
	right: 0;
}
	#customerService #topics li { float: left; }
		#customerService #topics li a.first { border-left: 1px solid #db66a2; margin-left: 10px; }
		#customerService #topics li a { border-right: 1px solid #db66a2; padding: 0 10px; }

	#customerService #contact li p { margin-top: 0; }
	#customerService #contact #email ul { list-style: outside disc; margin-left: 15px; }

	#customerService #faq p { margin-top: 0 }

/**************
	PRODUCT LISTING
**************/
#content div.prodList {
	height: 200px;
	width: 200px;
	margin-right: 25px;
	float: left;
	text-align: center;
	}	
	#content div.prodList img { border: 1px solid #000000; }

#content div.prodList h3 { margin-top: 3px; font-size: .9em; font-weight: normal; }

/**************
	PRODUCT DETAIL
**************/
#productDetailPrevNext { margin-bottom: 5px; font-weight: normal; }
#productDetailImage { float: left; width: 300px; }
#productDescription, #productAttributes { position: relative; /*float: left; margin-left: 25px;*/ margin-left: 325px; width: 360px; }
	#productAttributes table#attributes { width: 360px; }
	#productAttributes #addCart, #productAttributes #tellFriend { margin-top: 10px; }
	#productAttributes #attributes img { margin: 4px 1px 0 0; /*border: solid #5b5b5e 1px;*/ }
	#productAttributes #attributes span { font-weight: normal; color: #db66a2; }
		#productAttributes #attributes span.radio { margin-top: 2px; }
			#productAttributes #attributes span.radio input { margin-left: 10px; margin-right: 5px; }
	#productAttributes #attributes select { text-align: left; width: 130px; margin-left: 5px; color: #db66a2; }

/**************
	CART
**************/
#cartContents h3, #cartContents h4 { padding: 0; margin: 0; }
#cartContents h4 { font-weight: normal; }
	#cartContents h4 .attribute { font-weight: bold; margin-right: 5px; }