/*
 * Containers
 */
body {
	background: #000;
}

#header {
	width: 100%;
	height: 150px;
	background: url('images/header_bg.jpg') repeat-x;
}
#header div {
	width: 100%;
	height: 124px;
	background: url('images/header_bg_upper.jpg') top center no-repeat;
	padding-top: 26px;
}

#subheader {
	width: 100%;
	height: 151px;
	background: url('images/subheader_bg.jpg') repeat-x;
}
#subheader div.bg {
	width: 730px;
	height: 151px;
	background: url('images/subheader_bg_upper.jpg') repeat-x;
	margin: 0 auto;
}

#body {
	width: 100%;
	background: #404040;
}
#body div.bg {
	width: 730px;
	background: #000 url('images/body_bg.jpg') repeat-y;
	background-color: #000;
	margin: 0 auto;
}
#body div.left {
	width: 447px;
	float: left;
	display: inline;
	margin: 40px 16px 80px 16px;
}
#body div.right {
	width: 221px;
	float: right;
	display: inline;
	margin: 0 13px 80px 17px;
}

#subfooter {
	width: 100%;
	background: #000 url('images/subfooter_bg.jpg') repeat-x;
}
#subfooter div.bg {
	width: 730px;
	background: #000 url('images/subfooter_bg_upper.jpg') repeat-x;
	margin: 0 auto;
}
#subfooter div.left {
	width: 447px;
	float: left;
	display: inline;
	margin-top: 1px;
	padding: 12px 16px 50px 16px;
	border-right: 1px solid #474747;
}
#subfooter div.right {
	width: 220px;
	float: right;
	display: inline;
	padding: 13px 15px 0 0;
}

#footer {
	width: 100%;
	height: 46px;
	background: #000 url('images/footer_bg.jpg') repeat-x;
}
#footer div.bg {
	width: 695px;
	margin: 0 auto;
	padding: 16px 20px 0 17px;
}


/*
 * Page Elements
 */
#subheader div.photo {
	width: 220px;
	height: 136px;
	background: url('images/subheader_photo.jpg') no-repeat;
	float: right;
	display: inline;
	margin-top: 15px;
	margin-right: 14px;
}

#body div.left div.photo {
	width: 230px;
	float: right;
	display: inline;
	margin: 24px 9px 10px 0;
}
#body div.left div.photo span {
	display: block;
	margin-top: 2px;
}
#body div.right span {
	display: block;
	width: 220px;
	height: 84px;
	background: url('images/body_photo_right.jpg') no-repeat;
}

#subfooter div.event {
	border-top: 1px dotted #8b8b8b;
	padding-top: 20px; 
}
#subfooter div.event img {
	float: left;
	display: inline;
	margin-top: 5px;
	margin-right: 18px;
}


/*
 * Spacing and padding
 */
p, 
.margin {
	margin-top: 20px;
}

#body p.afterphoto {
	display: inline-block;
	clear: right;
	margin-top: 10px;
}

#body div.left ul {
	display: inline-block;
	list-style-type: disc;
	margin-top: 6px;
}
#body div.right ul.contact {
	margin-top: 22px;
	margin-left: 1px;
	margin-bottom: 65px;
}
#body div.right h3 {
	border-top: 1px dotted #8b8b8b;
	width: 214px;
	padding-top: 10px;
}
#body div.right p {
	margin-top: 14px;
	margin-bottom: 18px;
	color: #b3b3b3;
	line-height: 130%;
	font-size: 90%;
}
#body div.right ul.album {
	margin-top: 16px;
}
#body div.right ul.album li {
	line-height: 100%;
	float: left;
	margin-left: 8px;
	margin-bottom: 7px;
}
#body div.right ul.album li.row {
	margin-left: 0;
}
#body div.right ul.album a img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#body div.right ul.album a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#body div.left li {
	margin-top: 2px;
	margin-left: 30px;
}
#body li.margin {
	margin-top: 10px;
}


/*
 *	Font Style
 */
body {
	font-family: verdana, sans-serif;
	font-size: 0.75em;
	line-height: 150%;
	color: #fff;	
}

h1, h2, h3 {
	font-family: georgia, serif;
}

h1 {
	background: url('images/header_logo.png') no-repeat;
	width: 190px;
	height: 101px;
	margin: 0 auto;
}

h2 {
	width: 448px;
	height: 57px;
	background: url('images/subheader_headline.png') no-repeat;
	float: left;
	display: inline;
	margin-top: 53px;
	margin-left: 17px;
}

h3 {
	font-family: verdana, sans-serif;
	font-size: 120%;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}

#body div.left div.photo span {
	color: #b3b3b3;
	font-size: 90%;
	line-height: 135%;
}

#subfooter div.left h5 {
	color: #b3b3b3;
	line-height: 120%;
}
#subfooter div.left p {
	display: inline-block;
	width: 78%;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 30px;
	font-style: italic;
	line-height: 135%;
}

#subfooter div.right  p {
	border-top: 1px dotted #8b8b8b;
	margin: 0;
	padding-top: 20px;
	font-style: italic;
	line-height: 135%;
}
#subfooter div.right h4 {
	margin-top: 8px;
	text-align: right;
}
#subfooter div.right h5 {
	color: #b3b3b3;
	line-height: 100%;
	margin-bottom: 20px;
	text-align: right;
}

 
/*
 * Link Styling
 */
#footer a, 
#body div.right ul.contact a {
	color: #fff;
	text-decoration: none;
}
#footer span {
	float: left;
	margin-right: 25px;
	line-height: 115%;
	font-size: 90%;
}
#footer span {
	display: block;
}
#footer a:hover, 
#body div.right ul.contact a:hover {
	color: #ffd400;
	border-bottom: 1px solid #ffd400;
}
#footer span.twitter,
#footer span.facebook {
	padding-left: 22px;
	height: 16px;
}
#footer span.twitter {
	background: url('images/footer_icon_tw.png') no-repeat;
}
#footer span.facebook {
	background: url('images/footer_icon_fb.png') no-repeat;
}
#footer span.top {
	margin: 0;
	padding-right: 14px;
	background: url('images/footer_arrowtop.gif') center right no-repeat;
	float: right;
	height: 16px;
}
#footer a {
	display: block;
	margin-top: 2px;
}


/*
 * Clear & Hide
 */
.clear {
	clear: both;
}
.hide {
	text-indent: -10000px;
}