/**
 * Familiar - CSS - Holding Page
 * v1.0 (2009-01-20)
 */
 

/* SETUP */

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}


/* DIVS */

div#upper-wrapper {
	background: #000;
	width: 100%;
}

div#upper-container {
	width: 800px;
	margin: 0 auto;
}

div#lower-wrapper {
	background: #FFF;
	width: 100%;
}

div#lower-container {
	width: 740px;
	margin: 0 auto;
}

div#contact {
	width: 720px;
	padding: 0 10px 15px;
	border-bottom: 1px solid #EEE;
}


/* TEXT */

p {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.3em;
	font-family: "Helvetica Neu", "Helvetica", "Arial", sans-serif;
}

p a {
	color: #999;
	text-decoration: none;
}

p a:hover {
	background: #000;
	color: #EEE;
}

p.split {
	margin: 0 0 5px;
}

div#contact p {
	font-size: .8em;
}

ul#content-container li h2 {
	color: #333;
	font-family: "Helvetica Neu", "Helvetica", "Arial", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0;
}

ul#content-container li p {
	padding: 0 20px;
}


/* IMAGES */

div#logo-lower {
	background: url(../images/logo-740x100.gif) #FFF no-repeat 0 0;
	width: 740px;
	height: 100px;
	display: block;
}

div#logo-upper {
	background: url(../images/bg-upper-800x490.jpg) #000 no-repeat 0 0;
	width: 800px;
	height: 490px;
	display: block;
}


div.shadow-lower {
	background: url(../images/shadow-lower-740x10.jpg) #FFF no-repeat 0 0;
	width: 740px;
	height: 10px;
	display: block;
}


/* LIST */

ul#content-container {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #EEE;
	border-top: 1px solid #999;
}

ul#content-container li {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

ul#content-container li:hover {
	background: #FFF;
}
			

/* UTILITY */

div.spacer-5px {
	width: 100%;
	height: 5px;
	display: block;
}

div.spacer-20px {
	width: 100%;
	height: 20px;
	display: block;
}

div.spacer-40px {
	width: 100%;
	height: 40px;
	display: block;
}