@import url("../default/style.css");

.getStartedButton
{
	background: url("../default/images/btn_wizard_lft.png") no-repeat left top;
	display: block;
	height: 48px;
	line-height: 48px;
    position: absolute;
    right: 30px;
	text-align: center;
	text-decoration: none;
    top: 190px;
	width: 200px;
	z-index: 100;
}

.getStartedButton span
{
	background: url("../default/images/btn_wizard_rt.png") no-repeat right top;
	color: #FFF;
	display: block;
	font: 18px bold Arial, Helvetica, Sans-Serif;
	height: 48px;
	line-height: 48px;
	margin: 0 0 0 26px;
	overflow: hidden;
	padding: 0 30px 0 4px;
	width: 166px;
}

#Container
{
    background: url("images/bg_home_tile.jpg") left bottom repeat-y;
}

#ContentContainer
{
    background: url("images/bg_home_content.jpg") left bottom no-repeat;
}

#Content
{
    font-size:125%;
    line-height:1.4em;
    padding-right: 30px;
    padding-top:30px;
    width:280px;
}

#HomeBanner
{
    position:relative;
}

#HomeButtons
{
    float: left;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 30px;
    padding-bottom: 0;
    width: 276px;
}

#HomeButtons li
{
    margin-bottom: 2em;
    overflow: hidden;
    padding: 0 0 0 65px;
    position: relative;
    width: 211px;
}

#HomeButtons li h3,
#HomeButtons li p
{
    margin: 0;
}

#HomeButtons a.icon
{
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

#HomeButtons .cardButton a.icon
{
    background: url(../default/images/icon_ecard.png) left top no-repeat;
    height: 44px;
    width: 48px;
}

#HomeButtons .storyButton a.icon
{
    background:url(../default/images/icon_share_story.png) left top no-repeat;
    height:40px;
    width:49px;
}

#HomeButtons .eventButton a.icon
{
    background:url(../default/images/icon_event.png) left top no-repeat;
    height:38px;
    width:48px;
}

#HomeButtons .donateButton a.icon
{
    background:url(../default/images/icon_donate.png) left top no-repeat;
    height:32px;
    width:48px;
}

#HomeButtons .personalPageButton a.icon
{
    background:url(../default/images/icon_honour.png) left top no-repeat;
    height:37px;
    width:48px;
}

#HomeButtons .shareButton a.icon
{
    background:url(../default/images/icon_fb.png) left top no-repeat;
    height:32px;
    width:48px;
}

#HomeStories
{
    background:#F8F9FB;
    float:right;
    margin:10px 0 0 0;
    padding:0;
    list-style-type:none;
    width:282px;
}

#HomeStories h3
{
    margin:0;
    padding:0;
}

#HomeStories li
{
    border-bottom:solid 2px white;
    padding:20px 40px;
}

#HomeStories li.altrow
{
    background:#EDF6F3;
}