/* CSS Document that Re-sets and Normalizes HTML Elements */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-style:inherit;
	font-size:100%;
}

img {
	border:none;
}

body {
	width:960px;
	margin:0px auto;
	padding:100px 0 50px 0;
	background:#00303f url(img/lullaby-bg-faded.png) top center no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:1.40em;
}

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom:1
}


img.icon {
	vertical-align: middle;
	margin: 0 5px 0 0;
	border:none;
}

/**************************** Branding Section **************************/

header {
	margin:0 auto;
	height:auto;
	width:960px;
	padding:24px 0 20px 0;
	display:block;
	/*background:#333;
	border:solid 1px #999;
	*/
}
/**************************** Logo Section **************************/

hgroup {
	margin:0;
	padding:0;
	text-align:center;
}
header hgroup h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	color:#f9f9c4;
	font-weight:normal;
	letter-spacing:0.015em;
	margin:0 0 24px 0;
	text-shadow: 0 0 12px #000;
	text-align:center;
}
header hgroup h2 {
	display:block;
	font-size:16px;
	color:#bbb;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.100em;
	margin:0px 20px;
	padding:5px 20px;
	text-align:center;
	/*background:#000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	*/
}

/**************************** Navigation Section **************************/

nav {
	margin:220px auto 40px auto;
	width:960px;
	height:auto;
	padding:0;
	text-align:center;
	background:url(img/nav-bg.png);
	border:solid 1px #5398bc;
	display:block;
	text-transform:uppercase;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
nav ul {
	display:block;
	padding:8px 20px;
}
nav ul li {
	display:inline;
	color:#f9f9c4;
	margin:0 30px 0 0;
	padding:0 30px 0 0;
	border-right:solid 1px #5398bc;
	font-size:15px;
}
nav ul li.last {
	border-right:none;
	margin:0;
	padding:0;
}
nav a {
	color:#88c6e7;
	text-decoration:none;
}
nav a:hover {
	color:#88c6e7;
	text-decoration:underline;
}

/**************************** Main Content Section **************************/

article {
	width:960px;
	height:auto;
	display:block;
	padding:0 0;
	margin:0 0;
	min-height:200px;
}
article h1 {
	margin:24px 0 24px 0;
	padding:24px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:31px;
	color:#f9f9c4;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 0 0 9px #001921;
	border-top:solid 3px #225074;
}
article h1#welcome {
	padding-top:0;
	border-top:none;
}
article h2 {
	margin:30px 0 30px 0;
	padding:0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#f9f9c4;
	font-weight:normal;
	text-align:center;
	text-transform:none;
	border:none;
}
article p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0 0 25px 0;
	line-height:1.45em;
	padding:0 0;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	text-align:center;
}
article p.purchase img {
	margin:0 10px;
}
article a {
	color:#f9f9c4;
}

table td {
	text-align:center;
}
table tr.padded td {
	padding-bottom:12px;
}

/**************************** Footer Section **************************/

footer {
	width:960px;
	display:block;
	margin:30px auto 0 auto;
	text-align:center;
	padding:19px 0px 120px 0px;
	font-size:13px;
	color:#f9f9c4;
	border-top:solid 1px #225074;
}