.left { float: left; }

.clear { clear: both; }

body
{
	background-color: #3b2d24;
	background-image: url(../images/background-top.gif);
	background-repeat: repeat-x;
	margin: 0px;
}

.body-hm
{
	background-color: #3b2d24;
	background-image: url();
	margin: 0px;
}

#main-wrap
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#masthead
{
	width: 980px;
	height: 146px;
}
#logo
{
	width: 220px;
	height: 146px;
	float: left;
}
#main-menu
{
	float: left;
	margin-top: 51px;
	height: 45px;
}


#main_navbar_thestory
{
	width: 204px;
	height: 45px;
	float: left;
}

#main_navbar_thestory a
{
	width: 204px;
	height: 45px;
	float: left;
	background-image: url(../images/nav-story-off.gif);
}

#main_navbar_thestory a:hover
{
	background-image: url(../images/nav-story-on.gif);
}




#main_navbar_ballastimeline
{
	width: 107px;
	height: 45px;
	float: left;
}

#main_navbar_ballastimeline a
{
	width: 107px;
	height: 45px;
	float: left;
	background-image: url(../images/nav-timeline-off.gif);
}

#main_navbar_ballastimeline a:hover
{
	background-image: url(../images/nav-timeline-on.gif);
}



#main_navbar_familyphotos
{
	width: 80px;
	height: 45px;
	float: left;
}

#main_navbar_familyphotos a
{
	width: 80px;
	height: 45px;
	float: left;
	background-image: url(../images/nav-familyphotos-off.gif);
}

#main_navbar_familyphotos a:hover
{
	background-image: url(../images/nav-familyphotos-on.gif);
}


#main_navbar_familytree
{
	width: 77px;
	height: 45px;
	float: left;
}

#main_navbar_familytree a
{
	width: 77px;
	height: 45px;
	float: left;
	background-image: url(../images/nav-familytree-off.gif);
}

#main_navbar_familytree a:hover
{
	background-image: url(../images/nav-familytree-on.gif);
}


#main_navbar_unclelouie
{
	width: 119px;
	height: 45px;
	float: left;
}

#main_navbar_unclelouie a
{
	width: 119px;
	height: 45px;
	float: left;
	background-image: url(../images/nav-unclelouie-off.gif);
}

#main_navbar_unclelouie a:hover
{
	background-image: url(../images/nav-unclelouie-on.gif);
}



#main_navbar_amazingstories
{
	width: 171px;
	height: 45px;
	float: left;
}

#main_navbar_amazingstories a
{
	width: 171px;
	height: 45px;
	float: left;
	background-image: url(../images/nav-amazinstories-off.gif);
}

#main_navbar_amazingstories a:hover
{
	background-image: url(../images/nav-amazinstories-on.gif);
}



#timeline-scroll
{
	width: 980px;
	height: 595px;
	overflow: scroll;
}

#timeline
{
	width: 7867px;
	height: 580px;
}

#hm-text
{
	background-image: url(../images/home-text.jpg);
	background-repeat: no-repeat;
	width: 980px;
	color: #753E12;
	font-family: Georgia;
	font-size: 13px;
	line-height: 18px;
	background-position: left bottom;
}

.hm-head
{
	color: #753E12;
	font-family: Georgia;
	font-size: 37px;
	line-height: 39px;
	text-align: center;
	padding-top: 10px;
}

.hm-text-1
{
	width: 426px;
	margin-top: 10px;
	margin-left: 50px;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 40px;
}

.hm-text-2
{
	width: 426px;
	margin-top: 10px;
	margin-left: 40px;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 40px;
}

#hm-button
{
	width: 346px;
	height: 82px;
	float: left;
}

#hm-button a
{
	width: 346px;
	height: 82px;
	float: left;
	background-image: url(../images/hm-click-btn-off.gif);
}

#hm-button a:hover
{
	background-image: url(../images/hm-click-btn-on.gif);
}





#footer
{
	background-color: #000;
	background-repeat: no-repeat;
	width: 980px;
	height: 60px;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
}

#footer-text { padding-top: 20px; }





#sons-1
{
	width: 980px;
	min-width: 95px;
}

#sons-2
{
	width: 980px;
	min-width: 289px;
}

#sons-3
{
	width: 980px;
	min-width: 31px;
}


#sons-text
{
	background-image: url(../images/home-text.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 980px;
	padding-bottom: 30px;
	color: #753E12;
	font-family: Georgia;
	font-size: 13px;
	line-height: 18px;
}


.text-1
{
	width: 415px;
	margin-top: 10px;
	margin-left: 50px;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 30px;
}

.text-2
{
	width: 426px;
	margin-top: 10px;
	margin-left: 40px;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 30px;
}

#sons-nav
{
	width: 980px;
	height: 45px;
}

#sons-nav-john
{
	width: 77px;
	height: 45px;
	float: left;
}

#sons-nav-john a
{
	width: 77px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-john-off.gif);
}

#sons-nav-john a:hover
{
	background-image: url(../images/sons-nav-john-on.gif);
}

#sons-nav-sam
{
	width: 67px;
	height: 45px;
	float: left;
}

#sons-nav-sam a
{
	width: 67px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-sam-off.gif);
}

#sons-nav-sam a:hover
{
	background-image: url(../images/sons-nav-sam-on.gif);
}


#sons-nav-bill
{
	width: 56px;
	height: 45px;
	float: left;
}

#sons-nav-bill a
{
	width: 56px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-bill-off.gif);
}

#sons-nav-bill a:hover
{
	background-image: url(../images/sons-nav-bill-on.gif);
}


#sons-nav-pete
{
	width: 64px;
	height: 45px;
	float: left;
}

#sons-nav-pete a
{
	width: 64px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-pete-off.gif);
}

#sons-nav-pete a:hover
{
	background-image: url(../images/sons-nav-pete-on.gif);
}


#sons-nav-con
{
	width: 61px;
	height: 45px;
	float: left;
}

#sons-nav-con a
{
	width: 61px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-con-off.gif);
}

#sons-nav-con a:hover
{
	background-image: url(../images/sons-nav-con-on.gif);
}


#sons-nav-louie
{
	width: 83px;
	height: 45px;
	float: left;
}

#sons-nav-louie a
{
	width: 83px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-louie-off.gif);
}

#sons-nav-louie a:hover
{
	background-image: url(../images/sons-nav-louie-on.gif);
}

#sons-nav-christos
{
	width: 110px;
	height: 45px;
	float: left;
}

#sons-nav-christos a
{
	width: 110px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-christos-off.gif);
}

#sons-nav-christos a:hover
{
	background-image: url(../images/sons-nav-christos-on.gif);
}

#sons-nav-theo
{
	width: 137px;
	height: 45px;
	float: left;
}

#sons-nav-theo a
{
	width: 137px;
	height: 45px;
	float: left;
	background-image: url(../images/sons-nav-theo-off.gif);
}

#sons-nav-theo a:hover
{
	background-image: url(../images/sons-nav-theo-on.gif);
}

.header-son
{
	font-size: 40px;
	line-height: 43px;
	margin-bottom: 10px;
}


.photogallery-1
{
	width: 490px;
	float: right;
	margin-top: 20px;
	height: 530px;
	overflow: scroll;
	margin-right: 20px;
}
.sons-text
{
	width: 400px;
	margin-top: 15px;
	margin-left: 50px;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 18px;
}

.fancybox
{
	float: left;
	margin-left: 20px;
	border: 1px #000 solid;
	margin-bottom: 15px;
}

.amazing-body
{
	background-image: url(../images/amazing-body.gif);
	background-repeat: repeat-y;
}

.amazing-book
{
	width: 290px;
	float: left;
	margin: 0px;
}
.amazing-text
{
	width: 600px;
	float: left;
	border-left: 1px #666 solid;
	padding-left: 20px;
	margin-top: 30px;
}

.amazing-head-text
{
	font-size: 34px;
	line-height: 34px;
	text-align: center;
	padding-bottom: 10px;
}

#hm-3
{
	background-color: #FFF;
	background-image: url(../images/home-2b.jpg);
	width: 980px;
	height: 597px;
	background-position: 0px 0px;
}