/* Body
----------------------------------------------- */
body{
	background: #333 url("../imgs/bg.gif") 0 15px repeat-x;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
}



/* Structure
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	border: 0;
}

#container{
	position: relative;
	margin: 0 auto;
	width: 792px;
}

#container div{
	float: left;
	display: inline;
}

#bg-container{
	background: #fff url("../imgs/bg-texture.gif") top left repeat-y;
}

#masthead{
	width: 773px;
	height: 86px;
	background: #036 url("../imgs/bg-masthead.gif") top left repeat-x;
	text-align: right;
	margin-left: 19px;
}

#content{
	background: #fff url("../imgs/bg-content.jpg") top left no-repeat;
	width: 619px;
	height: 278px;
	margin-left: 19px;
}

#sidebar{
	position: relative;
	width: 153px;
	height: 278px;
	background-color: #b0b0af;
	text-align: right;
	border-right: solid 1px #b0b0af; /* necessary for quirk in IE7 */
}

#footer{
	width: 773px;
	height: 140px;
	background: #fff url("../imgs/bg-footer.jpg") top left no-repeat;
	margin-left: 19px;
}



/* Headings and Paragraphs
----------------------------------------------- */
#masthead h1{
	background: url("../imgs/bg-masthead-h1.jpg") top left no-repeat;
}

#content p{
	margin: 16px 16px 0 194px;
	font-size: 12px;
}

#sidebar p{
	position: absolute;
	right: 10px;
	bottom: 16px;
	font-size: 10px;
}



/* Lists
----------------------------------------------- */
#masthead ul{
	padding-right: 10px;
	background: url("../imgs/bg-masthead-ul.jpg") top left no-repeat;
	float: right;
	height: 18px;
}

#masthead li{
	list-style-type: none;
	float: right;
	display: inline;
	font-weight: bold;
	font-size: 11px;
	margin-top: 2px;
	margin-right: 19px;
	color: #fff;
}



/* Links
----------------------------------------------- */
#masthead li a{
	color: #fff;
	text-decoration: none;
}

#sidebar a{
	color: #000;
	text-decoration: none;
}