/* CSS Document */
 * {
 	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, sans-serif;
	line-height: 20px;
	color: #454444;
	background-color: #FFFFFF;
	background-image: url(../images/body_bg01.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#wrapper {
	display: block;
	width: 780px;
	padding: 8px 0 0 0;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: center;
}

#MainTable {
	width: 764px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}

#wrapper h1 {
	margin:0;
	display:none;
	padding:0;
	
}

/* ===================== header css ===================== */
td.Header {
	width: 764px;
	background-color: #454444;
	border-bottom: 6px white solid;	
}

td.Header .button {
	display: none;
}

td.Header a.Home {
	display: block;
	height: 21px;
	width: 43px;
	background: url(../images/header_button01_Home.gif) no-repeat;
	background-position: top;
}

td.Header a.Home:hover {
	background-position: bottom;
}


/* ===================== left content css ===================== */
#LeftNav {
	width: 198px;
	background-color: #8d8b8b;
	background-image: url(../images/leftnav_bg01.gif);
	background-repeat: no-repeat;
}

/* ===================== leftnav css ===================== */
#LeftNav ul {
	list-style-type: none;
	padding: 18px 0 17px 0;
	margin: 0;
}

#LeftNav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

#LeftNav ul li a .navigation{
	display: none;
}

/* ===================== company button ===================== */
#LeftNav ul li.company a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link01_Company.gif) no-repeat;
	background-position: left top;
}

#LeftNav ul li.company a:hover {
	background-position: left -30px;
}

#LeftNav ul li.company-on a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link01_Company.gif) no-repeat;
	background-position: left bottom;
}

#LeftNav ul li.company-on a:hover {
	background-position: left bottom;
}

/* ===================== brands button ===================== */
#LeftNav ul li.brands a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link02_Brands.gif) no-repeat;
	background-position: left top;
}

#LeftNav ul li.brands a:hover {
	background-position: left -30px;
}

#LeftNav ul li.brands-on a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link02_Brands.gif) no-repeat;
	background-position: left bottom;
}

#LeftNav ul li.brands-on a:hover {
	background-position: left bottom;
}

/* ===================== partners button ===================== */
#LeftNav ul li.partners a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link03_Partners.gif) no-repeat;
	background-position: left top;
}

#LeftNav ul li.partners a:hover {
	background-position: left -30px;
}

#LeftNav ul li.partners-on a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link03_Partners.gif) no-repeat;
	background-position: left bottom;
}

#LeftNav ul li.partners-on a:hover {
	background-position: left bottom;
}

/* ===================== press button ===================== */
#LeftNav ul li.press a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link04_Press.gif) no-repeat;
	background-position: left top;
}

#LeftNav ul li.press a:hover {
	background-position: left -30px;
}

#LeftNav ul li.press-on a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link04_Press.gif) no-repeat;
	background-position: left bottom;
}

#LeftNav ul li.press-on a:hover {
	background-position: left bottom;
}

/* ===================== careers button ===================== */
#LeftNav ul li.careers a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link05_Careers.gif) no-repeat;
	background-position: left top;
}

#LeftNav ul li.careers a:hover {
	background-position: left -30px;
}

#LeftNav ul li.careers-on a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link05_Careers.gif) no-repeat;
	background-position: left bottom;
}

#LeftNav ul li.careers-on a:hover {
	background-position: left bottom;
}

/* ===================== contact button ===================== */
#LeftNav ul li.contact a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link06_Contact.gif) no-repeat;
	background-position: left top;
}

#LeftNav ul li.contact a:hover {
	background-position: left -30px;
}

#LeftNav ul li.contact-on a {
	display: block;
	width: 198px;
	height: 30px;
	background: url(../images/leftnav_link06_Contact.gif) no-repeat;
	background-position: left bottom;
}

#LeftNav ul li.contact-on a:hover {
	background-position: left bottom;
}


/* ===================== brands showcase css ===================== */
#Brands ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: solid 6px white;
	border-bottom: solid 5px white;
}

#Brands ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

#Brands ul li a .navigation{
	display: none;
}

/* ===================== TimelineMaker button ===================== */
#Brands ul li.timeline a {
	display: block;
	width: 192px;
	height: 77px;
	background: url(../images/leftnav_button01_Brands.gif) no-repeat;
	background-position: left top;
}

#Brands ul li.timeline a:hover {
	background-position: left bottom;
}

/* ===================== Genealogy button ===================== */
#Brands ul li.genealogy a {
	display: block;
	width: 192px;
	height: 77px;
	background: url(../images/leftnav_button02_Brands.gif) no-repeat;
	background-position: left top;
}

#Brands ul li.genealogy a:hover {
	background-position: left bottom;
}


/* ===================== Meet Progeny showcase css ===================== */
#Meet table {
	padding: 0;
	margin: 30px 0 0 0;
	width: 192px;
	border-top: solid 10px #2b2b2b;
}

#Meet table.Photo {
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px 0;
	width: 192px;
	border-top: solid 6px #ffffff;
}

#Meet a .navigation{
	display: none;
}

#Meet td.header {
	height: 10px;
	background: url(../images/feature_bg01.gif) no repeat;
	background-position: left top;
}

#Meet ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 30px 0;
	width: 192px;
	border-top: solid 10px #2b2b2b;
}

#Meet table.Photo ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 192px;
	border-top: solid 10px #2b2b2b;
	border-bottom: solid 10px #726e6e;
}

#Meet ul li{
	display: inline;
	padding: 0;
	margin: 0;
}



/* ===================== Meet Title button ===================== */
#Meet td.meet0 a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link00_Title.gif) no-repeat;
	background-position: left top;
}

#Meet td.meet0 a:hover {
	background-position: left bottom;
}

/* ===================== Meet1 button ===================== */
#Meet td.meet1 a {
	display: block;
	width: 63px;
	height: 128px;
	background: url(../images/feature_link01_Meet1.gif) no-repeat;
	background-position: left top;
}

#Meet td.meet1 a:hover {
	background-position: left bottom;
}

/* ===================== Meet2 button ===================== */
#Meet td.meet2 a {
	display: block;
	width: 129px;
	height: 64px;
	background: url(../images/feature_link02_Meet2.gif) no-repeat;
	background-position: left top;
}

#Meet td.meet2 a:hover {
	background-position: left bottom;
}

/* ===================== Meet3 button ===================== */
#Meet td.meet3 a {
	display: block;
	width: 129px;
	height: 64px;
	background: url(../images/feature_link03_Meet3.gif) no-repeat;
	background-position: left top;
}

#Meet td.meet3 a:hover {
	background-position: left bottom;
}

/* ===================== Meet1a button ===================== */
#Meet ul li.meet1a a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link01a_Meet1.gif) no-repeat;
	background-position: left top;
}

#Meet ul li.meet1a a:hover {
	background-position: left bottom;
}

/* ===================== Meet2a button ===================== */
#Meet ul li.meet2a a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link02a_Meet2.gif) no-repeat;
	background-position: left top;
}

#Meet ul li.meet2a a:hover {
	background-position: left bottom;
}

/* ===================== Meet3a button ===================== */
#Meet ul li.meet3a a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link03a_Meet3.gif) no-repeat;
	background-position: left top;
}

#Meet ul li.meet3a a:hover {
	background-position: left bottom;
}


#Meet ul li.quote{
	display: block;
	padding: 26px 0 0 0;
	margin: 0;
}


/* ===================== Testimony showcase css ===================== */

#Testimony a .navigation{
	display: none;
}

#Testimony ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 30px 0;
	width: 192px;
	border-top: solid 10px #2b2b2b;
}

#Testimony ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

/* ===================== Testimony1 button ===================== */
#Testimony ul li.testimony1 a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link04_Testimony1.gif) no-repeat;
	background-position: left top;
}

#Testimony ul li.testimony1 a:hover {
	background-position: left bottom;
}

/* ===================== Testimony2 button ===================== */
#Testimony ul li.testimony2 a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link00_Title.gif) no-repeat;
	background-position: left top;
}

#Testimony ul li.testimony2 a:hover {
	background-position: left bottom;
}

/* ===================== Testimony3 button ===================== */
#Testimony ul li.testimony3 a {
	display: block;
	width: 192px;
	height: 31px;
	background: url(../images/feature_link05_Testimony3.gif) no-repeat;
	background-position: left top;
}

#Testimony ul li.testimony3 a:hover {
	background-position: left bottom;
}



/* ===================== content css ===================== */
#ContentWrapper {
	width: 566px;
	background-color: #ffffff;
}

#PhotoHome {
	width: 333px;
	float: left;
	margin: 0 0 6px 0;
}

#LogoHome {
	width: 227px;
	float: right;
	margin: 0 0 6px 0;
}


/* ===================== content subnav css ===================== */
#Subnav {
	width: 164px;
	height: 215px;
	float: left;
	background-color: #8d8b8b;
	background-image: url(../images/leftnav_bg01.gif);
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	line-height: 16px;
}

#Subnav ul.company {
	display: block;
	list-style-type: none;
	padding: 10px 15px 10px 15px;
	margin-top: 17px;
	background-color: #a6a5a5;
	border-top: 1px solid #d5d3d3;
	border-bottom: 1px solid #d5d3d3;
}

#Subnav ul.brands {
	display: block;
	list-style-type: none;
	padding: 6px 15px 10px 15px;
	margin-top:47px;
	background-color: #a6a5a5;
	border-top: 1px solid #d5d3d3;
	border-bottom: 1px solid #d5d3d3;
}


#Subnav ul.partners {
	display: block;
	list-style-type: none;
	padding: 6px 15px 10px 15px;
	margin-top:77px;
	background-color: #a6a5a5;
	border-top: 1px solid #d5d3d3;
	border-bottom: 1px solid #d5d3d3;
}

#Subnav ul.press {
	display: block;
	list-style-type: none;
	padding: 6px 15px 10px 15px;
	margin-top:107px;
	background-color: #a6a5a5;
	border-top: 1px solid #d5d3d3;
	border-bottom: 1px solid #d5d3d3;
}

#Subnav ul.careers {
	display: block;
	list-style-type: none;
	padding: 6px 15px 10px 15px;
	margin-top:118px;
	background-color: #a6a5a5;
	border-top: 1px solid #d5d3d3;
	border-bottom: 1px solid #d5d3d3;
}

#Subnav ul.contact {
	display: block;
	list-style-type: none;
	padding: 6px 15px 10px 15px;
	margin-top:132px;
	background-color: #a6a5a5;
	border-top: 1px solid #d5d3d3;
	border-bottom: 1px solid #d5d3d3;
}

#Subnav li a {
	text-decoration: none;
	font-weight: normal;
	color: #262525;
}

#Subnav li a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#Subnav ul.level2 {
	display: block;
	list-style-type: none;
	padding: 6px 0 5px 2px;
}


#Subnav ul.level2 li a {
	text-decoration: none;
	font-weight: normal;
	color: #3c3b3b;
	background: url(../images/content_arrow03_list.gif) no-repeat;
	background-position: left 4px;
	padding: 0 0 0 10px;
}

#Subnav ul.level2 li a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../images/content_arrow03_list.gif) no-repeat;
	background-position: left -8px;
	padding: 0 0 0 10px;
}


/* ===================== content interior page css ===================== */
#ContentHeaderWrapper {
	width: 396px;
	float: right;
}

#PhotoInterior {
	width: 163px;
	float: left;
	margin: 0 0 6px 0;
}

#LogoInterior {
	width: 227px;
	float: right;
	margin: 0 0 6px 0;
}

/* ===================== content css ===================== */
#Content {
	clear: both;
	background-color: #f1f1f1;
	border-top: 10px solid #726e6e;
	padding: 0 67px 30px 95px;
	margin: 0;
		font-size: 8pt;
	font-weight: normal;
	line-height: 20px;
	height: 100%;
}



#Content a {
	font-size: 8pt;
	text-decoration: underline;
	font-weight: normal;
	color: #c60f2e;
}

#Content a:hover {
	color: #454444;
	text-decoration: none;
}

/*

removed h1 tag, added content-header class to image instead...

#Content h1 {
	padding: 21px 0 21px 95px;
	margin: 0;
}

#content img.content-header {
	padding: 21px 0 21px 0;
	margin: 0;
}*/

#content {
	padding: 21px 50px 21px 95px;
	}
	
#content img.content-header {
	margin:0 0 21px 0;
}	

#Content h2 {
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #454444;
	letter-spacing: -0.01em;
	text-transform: lowercase;
	padding: 14px 0 0 0;
	margin: 0;
}

#Content h3 {
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 14px;
	font-weight: bold;
	color: #454444;
	letter-spacing: -0.01em;
	text-transform: lowercase;
	padding: 0;
	margin: 0;
}

#Content h4 {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #c60f2e;
	padding: 16px 0 0 0;
	margin: 0;
}

#Content h5 {
	border-bottom: 1px solid #8f8c8c;
	padding-top: 24px;
	margin-bottom: 24px;
}

#Content ul {
	margin: 14px 67px 14px 0;
	list-style-type: none;
}


#Content li {
	background: url(../images/content_arrow02_gray.gif) no-repeat;
	background-position: left 8px;
	font-size: 8pt;
	font-weight: normal;
	padding: 2px 14px;
}

#Content ul.MeetProgeny {
	margin: 7px 67px 14px 0;
	list-style-type: none;	
}

#Content ul.MeetProgeny li {
	background: none;
	display: inline;
	float: left;
	padding: 0 14px 0 0;
	margin:0 14px 0 0;
	border-right: 1px solid #8f8c8c;
}

#Content ul.MeetProgeny li.last {
	background: none;
	display: inline;
	float: left;
	padding: 0 14px 0 0;
	margin:0 14px 0 0;
	border-right: 0;
}

#Content ul.news {
	margin: 2px 67px 8px 0;
	list-style-type: none;
	line-height: 16px;
}

#Content ul.news li {
	background: url(../images/content_arrow01_red.gif) no-repeat;
	background-position: left 8px;
	font-size: 8pt;
	font-weight: normal;
	padding: 2px 14px;
	
}

#Content .Subtitle {
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #454444;
	letter-spacing: -0.01em;
	text-transform: lowercase;
}


/* ===================== content buttons ===================== */

#Content .button {
	display: none;
}

#Content a.PressKit {
	display: block;
	width: 104px;
	height: 12px;
	background: url(../images/button01_PressKit.gif) no-repeat;
	background-position: left top;
}

#Content a.PressKit:hover {
	background-position: left bottom;
}

#Content a.TMPro {
	display: block;
	width: 172px;
	height: 12px;
	background: url(../images/button02_TMPro.gif) no-repeat;
	background-position: left top;
}

#Content a.TMPro:hover {
	background-position: left bottom;
}

#Content a.Gene {
	display: block;
	width: 151px;
	height: 12px;
	background: url(../images/button03_Gene.gif) no-repeat;
	background-position: left top;
}

#Content a.Gene:hover {
	background-position: left bottom;
}

#Content a.More {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	width: 66px;
	height: 12px;
	background: url(../images/button04_More.gif) no-repeat;
	background-position: left top;
}

#Content a.More:hover {
	background-position: left bottom;
}

#Content a.Bob {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	width: 55px;
	height: 12px;
	background: url(../images/button05_Bob.gif) no-repeat;
	background-position: left top;
}

#Content a.Bob:hover {
	background-position: left bottom;
}

#Content a.Chris {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	width: 63px;
	height: 12px;
	background: url(../images/button06_Chris.gif) no-repeat;
	background-position: left top;
}

#Content a.Chris:hover {
	background-position: left bottom;
}

#Content a.Peggy {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	width: 65px;
	height: 12px;
	background: url(../images/button07_Peggy.gif) no-repeat;
	background-position: left top;
}

#Content a.Peggy:hover {
	background-position: left bottom;
}


/* ===================== sitemap css ===================== */
#Sitemap {
	background-color: #FFFFFF;
	margin: 0;
	font-family: Arial, sans-serif;
	color: #454444;
	font-size: 8pt;
	font-weight: normal;
	line-height: 20px;
}

#Sitemap h2 a {
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #454444;
	line-height: 20px;
	text-decoration: none;
}

#Sitemap h2 a:hover {
	color: #c60f2e;
	text-decoration: none;
}

#Sitemap ul {
	list-style-type: none;
	line-height: 20px;
	margin: 8px 0 8px 0;
}

#Sitemap ul li a {
	background: url(../images/content_arrow01_red.gif) no-repeat;
	background-position: left 8px;
	font-size: 8pt;
	font-weight: normal;
	color: #c60f2e;
	padding: 2px 14px;
	text-decoration: underline;	
}

#Sitemap ul li a:hover {
	background: url(../images/content_arrow01_red.gif) no-repeat;
	background-position: left 8px;
	font-size: 8pt;
	font-weight: normal;
	color: #454444;
	padding: 2px 14px;
	text-decoration: none;
}

#Sitemap ul li.Subnav a {
	background: none;
	font-size: 8pt;
	font-weight: normal;;
	color: #777777;
	text-decoration: underline;	
}

#Sitemap ul li.Subnav a:hover {
	background: none;
	color: #454444;
	text-decoration: none;
}

#Sitemap table td.border {
	border-left: 1px solid #cccccc;
	padding-left: 12px;
	margin-bottom: 24px;
}

/* ===================== privacy policy css ===================== */
#Privacy {
	background-color: #FFFFFF;
	backgroun: none;
	margin: 0 0 10px 0;
	font-family: Arial, sans-serif;
	color: #454444;
	font-size: 8pt;
	font-weight: normal;
	line-height: 20px;
}

#Privacy h1 {
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #454444;
	line-height: 20px;
	text-decoration: none;
}

#Privacy a {
	font-family: Arial, sans-serif;
	color: #c60f2e;
	font-size: 8pt;
	font-weight: normal;
	line-height: 20px;
	text-decoration: underline;
}

#Privacy a:hover {
	color: #454444;
	text-decoration: none;
}


/* ===================== timeline css ===================== */
.DateYear {
	display: block;
	width: 100px;
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 12px;
	font-weight: bold;
	color: #454444;
	line-height: 20px;
}

td.TimelineText {
	font-size: 8pt;
	color: #454444;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

td.TimelineBreak {
	background: url(../images/content_line.gif) repeat-x;
	height: 16px;
}

.DateTitle {
	font-family: Palatino Linotype, Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #c60f2e;
	line-height: 20px;
}




/* ===================== footer css ===================== */
td.Footer {
	width: 764px;
}

#Footer {
	display: block;
	color: #454444;
	font-size: 8pt;
	line-height: normal;
	margin: 6px 0 0 0;
	border-top: 10px solid #454444;
}

#Footer ul {
	display: inline;
	list-style-type: none;	
}

#Footer li {
	float: right;
	margin-top: 8px;
	padding: 0 6px 0 6px;
	border-right: 1px solid #454444;
}

#Footer a {
	display: block;
	color: #454444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
}

#Footer a:hover {
	color: #c60f2e;
	text-decoration: none;
}

#Footer .copyright {
	padding: 0;
	border-right: none;
}

#Footer .last {
	border-right: none;
}