* {margin: 0;padding: 0;}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Trebuchet MS,Lucida Grande,Arial,Sans-Serif;
	font-size: 1em;
}

ol, ul {
    list-style: none outside none;
}

p {
	font-size: .8em;
	margin-bottom: 15px;
	line-height: 1.3em;
}

a, a:visited, a:hover, object, embed{
	outline: 0;
	border: none;
}

.clr {clear: both;}

h1.hide span {display: none;}
h2 {color: #bbb;text-transform: uppercase;font-size: 24px;line-height: 24px;font-weight: bold;}
h3 {color: #457ece;text-transform: uppercase;font-size: 1.1em;font-weight: 500;margin: 10px 0;}

.button_wrap {
	background-image: url(img/button_wrap.png);
	width: 182px;
	height: 48px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	float: left;
	padding: 5px;
}

a.blue_button {
background-image: url(img/blue_button.png);
background-repeat: no-repeat;
background-position: 0 -48px;
text-align: center;
color: #ffffff;
display: block;
width: 182px;
height: 45px;
padding-top: 3px;
cursor: pointer;
text-decoration: none;
}

a:hover.blue_button {
	background-image: url(img/blue_button.png);
	background-position: 0 0;
	
}


/* ------------ Headlines ---------------- */

h1#whos_in {background-image:url(img/whos_in.png);background-repeat: no-repeat;width: 700px;height: 45px;}
h1#goal {background-image:url(img/donation_goal.png);background-repeat: no-repeat;width: 700px;height: 45px;}
h1#paver {background-image:url(img/pavers.png);background-repeat: no-repeat;width: 700px;height: 45px;}
h1#time {background-image:url(img/timeline.png);background-repeat: no-repeat;width: 700px;height: 45px;}
h1#progress {background-image:url(img/progress.png);background-repeat: no-repeat;width: 700px;height: 45px;}
h1#mchcommittee {background-image:url(img/committee.png);background-repeat: no-repeat;width: 700px;height: 45px;}



/* ------------ Main Content ---------------- */
#wrapper {
	width: 794px;
	margin: 0 auto;
	text-align: left;
}

#heading {margin: 10px 0;}

#title {
	width: 384px;
	float: left;
	overflow: hidden;
	margin-right: 18px;
}

#intro {
	width: 392px;
	float: left;
	overflow: hidden;
}

#intro p {font-size: 13px; line-height: 17px;}
#intro p span {font-size: 17px; font-weight: bold; line-height: 21px;}

/* ------------ Video ---------------- */

#video-area {
	width:794px;
	float:right;
	margin: 10px 0 30px 0;
}
#video {
	width:500px;
	height:288px;
	float:left;
	background-color: #000000;
}
#playlist {
	width:294px;
	position:relative;
	float:right;
	background-color: #666666;
}
#playlist li {
	display:list-item;
	height:86px;
	padding:9px 10px 0 25px;
	width:259px;
	border-bottom: 1px dotted #333;

}
#playlist li small {
	font-size:11px;
	line-height:10px;
	color:#bbb;
}	
.li-small {
	font-size:13px;
	line-height:13px;
	color:#bbb;
}

#playlist li div.vid_thumb {
	height:75px;
	width:75px;
	float: right;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	border: 1px solid #fff;
}

#playlist li a, #playlist li a:hover {
	color:#fff;
	font:16px/28px Trebuchet MS,Lucida Grande,Arial,Sans-Serif;
	text-decoration:none;
	z-index: 100;
}
#marker {
	width:294px;
	height:95px;
	position:absolute;
	top:0;
	left:0;
	background:url(img/playlist.png) no-repeat 0 0;
}
#marker2 {
	background:url(img/playlist2.png) no-repeat scroll 0 0 transparent;
	height:96px;
	left:0;
	position:absolute;
	top:0;
	width:294px;
	z-index: 99;
}
#details-playlist {
	width:640px;
	position:relative;
	padding:0 0 20px 0;
}
#details-playlist li {
	display:inline-block;
	width:122px;
	height:72px;
	padding:5px 25px 0 10px;
	line-height:9px;
	float:left;
	
}
#details-playlist li small {
	font-size:11px;
	line-height:12px;
	color:#666;
}	
#details-playlist li a, #details-playlist li a:hover {
	color:#000;
	font:16px/28px Trebuchet MS,Lucida Grande,Arial,Sans-Serif;
	text-decoration:none;
	
}
#details-marker {
	width:160px;
	height:72px;
	position:absolute;
	top:4px;
	left:0;
	background:url(img/details-playlist.png) no-repeat 0 0;
}

/* ------------ Donors ---------------- */

#donors {clear: both; overflow: hidden; margin: 30px 0;}

#logos_wrap {height:100px; width: 794px; margin: 10px 0;border-top:1px dashed #bbb;border-bottom:1px dashed #bbb;}
#photos_wrap {height:110px; width: 794px; margin: 10px 0;border-top:1px dashed #bbb;border-bottom:1px dashed #bbb;padding:10px 0;}

#donations_wrap {height:400px;width: 794px;margin: 10px 0;}
#cash_donations_wrap {height:260px;width: 794px;border-top:1px dashed #bbb;border-bottom:1px dashed #bbb; margin-bottom: 10px;padding-bottom: 10px;}


#logos {height: 100px;float: left;}
#progress_photos {height: 110px;float: left;}
#donations {height: 400px;float: left;}
#cash_donations {height:210px; float: left;}


.scrollable {width:700px;position: relative;overflow: hidden;}
.scrollable_two {width:700px;position: relative;overflow: hidden;}
.scrollable_three {width:700px;position: relative;overflow: hidden;}
.scrollable_four {width:724px;position: relative;overflow: hidden;}

.logo_list, .donations_list, .cash_donations_list, .photo_list {width:20000em;position:absolute;}


.logo {width: 140px; height: 100px;float: left;margin: 0 25px 0 10px;}
.pro-pho {width: 135px; height: 110px;float: left;margin: 0 5px 0 5px;overflow:hidden;}
.pro-pho img {min-height: 110px;min-width:136px;text-align:center;vertical-align:bottom;}

.photo_list {height: 110px;}

.donations_list {height: 400px;}
.donations_list a,.donations_list a:visited {color: #666;text-decoration: none;}
.donations_list a:hover {color: #333;}
.donations_list div.donation {background-repeat: no-repeat;width:125px; font-size: .9em;line-height: 1.1em;margin: 0 0 10px 0;}
.donations_list div.donation span {font-size: .7em;}
.donations_list .list_section {width:175px; float:left; height:400px;overflow:hidden;}

.cash_donations_list {height: 210px;}
.cash_donations_list div.cash_donation {margin: 0 5px 5px 0;float: left;}
.cash_donations_list div.cash_donation p {
	display: table-cell;
	width:170px;
	height: 49px;
	font-size:1em;
	line-height: 1.3em;
	vertical-align: middle;
	}
	
.cash_donations_list .list_section {width:175px; float:left; height:210px;overflow:hidden;}


p.donor_name {display: table-cell;vertical-align:center;}

a.right {
    background-position: 0 -30px;
    clear: right;
    margin-right: 0;
}

a.left {
    margin-left: 0;
}

#donations_wrap a.next { margin: 180px 0 20px 15px;}
#cash_donations_wrap a.next { margin: 70px 0 20px 15px;}
#logos_wrap a.next { margin: 35px 0 20px 15px;}
#photos_wrap a.next { margin: 37px 0 20px 5px;}
a.next { background: url("img/gray_next.png") no-repeat scroll 0 -30px transparent;}
a:hover.next { background: url("img/gray_next.png") no-repeat scroll 0 0 transparent;}

#donations_wrap a.prev {margin: 180px 15px 20px 0;}
#cash_donations_wrap a.prev {margin: 70px 15px 20px 0;}
#logos_wrap a.prev {margin: 35px 15px 20px 0;}
#photos_wrap a.prev {margin: 37px 5px 20px 0;}
a.prev { background: url("img/gray_prev.png") no-repeat scroll 0 -30px transparent;}
a:hover.prev { background: url("img/gray_prev.png") no-repeat scroll 0 0 transparent;}

.disabled {visibility: hidden;}

a.browse {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 30px;
    width: 30px;
}

#donation_forms {width: 404px;float: right;}
#donation_forms div.button_wrap {margin-left: 10px;}

/* ------------ Goal ---------------- */

#donation_goal {margin: 30px 0;clear: both;overflow: hidden;}
#cash_goal {
	width: 234px;
	height: 405px;
	float: left;
	overflow: hidden;
	position: relative;
	background: transparent url(img/goal_house_base_sm.png) no-repeat 0 0;
}
#cash_20_complete, #cash_40_complete, #cash_60_complete, #cash_80_complete, #cash_100_complete {
	width: 234px;
	height: 405px;
	position: absolute;
	left: 0;
	top: 0;
}
#cash_20_complete {
	background: transparent url(img/goal_house_20Blue.png) no-repeat 0 0;
}
#cash_40_complete {
	background: transparent url(img/goal_house_40Blue.png) no-repeat 0 0;
}
#cash_60_complete {
	background: transparent url(img/goal_house_60Blue.png) no-repeat 0 0;
}
#cash_80_complete {
	background: transparent url(img/goal_house_80Blue.png) no-repeat 0 0;
}
#cash_100_complete {
	background: transparent url(img/goal_house_100Blue.png) no-repeat 0 0;
}


#total_goal {
	width: 325px;
	height: 405px;
	background: transparent url(img/goal_house_base.png) no-repeat 0 0;
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 1px;
}
#total_goal_20, #total_goal_40, #total_goal_60, #total_goal_80, #total_goal_100 {
	width: 325px;
	height: 405px;
	position: absolute;
	left: 0;
	top: 0;
}
#total_goal_20 {
	background: transparent url(img/goal_house_20Green.png) no-repeat 0 0;
}
#total_goal_40 {
	background: transparent url(img/goal_house_40Green.png) no-repeat 0 0;
}
#total_goal_60 {
	background: transparent url(img/goal_house_60Green.png) no-repeat 0 0;
}
#total_goal_80 {
	background: transparent url(img/goal_house_80Green.png) no-repeat 0 0;
}
#total_goal_100 {
	background: transparent url(img/goal_house_100Green.png) no-repeat 0 0;
}


#paver_goal {
	width: 234px;
	height: 405px;
	float: left;
	overflow: hidden;
	position: relative;
	background: transparent url(img/goal_house_base_sm.png) no-repeat 0 0;
}
#paver_20_complete, #paver_40_complete, #paver_60_complete, #paver_80_complete, #paver_100_complete {
	width: 234px;
	height: 405px;
	position: absolute;
	left: 0;
	top: 0;
}
#paver_20_complete {
	background: transparent url(img/goal_house_20Gray.png) no-repeat 0 0;
}
#paver_40_complete {
	background: transparent url(img/goal_house_40Gray.png) no-repeat 0 0;
}
#paver_60_complete {
	background: transparent url(img/goal_house_60Gray.png) no-repeat 0 0;
}
#paver_80_complete {
	background: transparent url(img/goal_house_80Gray.png) no-repeat 0 0;
}
#paver_100_complete {
	background: transparent url(img/goal_house_100Gray.png) no-repeat 0 0;
}

#total_goal h3 {text-align: center;width: 325px;top:375px;position: absolute;}
#cash_goal h3, #paver_goal h3 {text-align: center;width: 234px;top:378px;position: absolute;font-size: .9em;}


/* ------------ Pavers ---------------- */

#pavers {margin: 30px 0;overflow: hidden;clear: both;}
.paver_img {float:left;margin-right: 10px;}
.paver_info {float: left;width: 375px;margin: 15px 10px 0 0;}
#pavers .button_wrap {margin: 25px 0 0 0;}


/* ------------ Rendering -------------- */

#rendering img { background-color: #EEE; border: 1px dashed #BBB; padding: 5px;}



/* ------------ Timeline ---------------- */

#timeline {
	margin: 30px 0;
	clear: both;
	overflow: hidden;
	background-image: url(img/Timeline.jpg);
	background-repeat: no-repeat;
	width: 794px;
	height: 330px;
	position: relative;
}

#timeline_guys {background:transparent url('img/timeline_guys.png') no-repeat 0 0;width: 794px;height:330px;position: absolute;z-index: 999;left:0;top:0;}

.timeline_text {font-size: 1em;font-weight: bold;}
.timeline_text span {font-size: .8em;line-height:1.2em;font-weight: normal;}

.timeline_pic {width: 73px; height: 73px; display: block; }

#stage_1_text {
	position: absolute;
	left:28px;
	top:77px;
	width: 110px;
}

#stage_1_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/stage_1_complete.png);
	background-repeat: no-repeat;
}

#stage_2_pic {
	position: absolute;
	left:137px;
	top:92px;
	width: 73px;
	width: 73px;
	z-index: 1001;
}
#stage_2_text {
	position: absolute;
	left:132px;
	top:205px;
	width: 108px;
}

#stage_2_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/stage_2_complete.png);
	background-repeat: no-repeat;
}

#stage_3_pic {
	position: absolute;
	left:247px;
	top:218px;
	width: 73px;
	width: 73px;
	z-index: 1001;
}
#stage_3_text {
	position: absolute;
	left:245px;
	top:77px;
	width: 98px;
}
#stage_3_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/stage_3_complete.png);
	background-repeat: no-repeat;
}
#stage_4_pic {
	position: absolute;
	left:371px;
	top:92px;
	width: 73px;
	width: 73px;
	z-index: 1001;
}
#stage_4_text {
	position: absolute;
	left:358px;
	top:205px;
	width: 108px;
}
#stage_4_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/stage_4_complete.png);
	background-repeat: no-repeat;
}
#stage_5_pic {
	position: absolute;
	left:476px;
	top:218px;
	width: 73px;
	width: 73px;
	z-index: 1001;
}
#stage_5_text {
	position: absolute;
	left:473px;
	top:22px;
	width: 108px;
}
 #stage_5_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/stage_5_complete.png);
	background-repeat: no-repeat;
}
#stage_6_pic {
	position: absolute;
	left:587px;
	top:92px;
	width: 73px;
	width: 73px;
	z-index: 1001;
}
#stage_6_text {
	position: absolute;
	left:583px;
	top:205px;
	width: 82px;
}
#stage_6_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/stage_6_complete.png);
	background-repeat: no-repeat;
}
#finished_pic {
	position: absolute;
	left:709px;
	top:218px;
	width: 73px;
	width: 73px;
	z-index: 1001;
}
#finished_text {
	position: absolute;
	left:705px;
	top:22px;
	width: 90px;
}
#finished_complete {
	position: absolute;
	left:0;
	top:0;
	width: 794px;
	height: 330px;
	background-image: url(img/finished.png);
	background-repeat: no-repeat;
}


/* ------------ Committee ---------------- */

#committee {margin: 30px 0;overflow: hidden;clear: both}
.committee_member {
	width: 255px;
	overflow: hidden;
	background-color: #eee;
	border: 1px dashed #bbb;
	margin: 0 5px 5px 0;
	float: left;
}
.member_headshot {
	width: 75px;
	height: 75px;
	border: 1px solid #bbb;
	float: left;
	margin: 5px 10px 5px 5px;
	background-position: 50% 50%;
}

.committee_member p {
margin-top: 25px;
font-size: 1em;
font-weight: bold;
line-height: 1.4em
}

.committee_member p span {
font-size: .8em;
font-weight: normal;
line-height: 1em;
}

.committee_member p span a, .committee_member p span a:visited {
text-decoration: none;
color: #666;
}

.committee_member p span a:hover {
text-decoration: underline;
}