﻿/* ANCESTRY OTTO DEFAULTS */
.otto_0{
	margin: 10px auto 0 5%;
	position: relative;
	width: 100%;
	height: auto;
	z-index: auto;
	float: none;
}
.otto_1{
	margin: 10px auto 0 5%;
	position: relative;
	width: 100%;
	max-width: 134px;
	height: 134px;
	z-index: auto;
	float: left;
	text-align: left;
}
.otto_2 {
	margin: 0 0 0 2%;
	font-size: medium;
	font-weight: normal;
	color: #000080;
	width: 100%;
	max-width: 260px;
	height: auto;
	float: left;
	z-index: auto;
	text-align: left;
}
.otto_3{
	margin: 10px auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 400px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: left;
}
.otto_4 {
	margin: 1.5% auto 0 auto;
	width: 100%;
	max-width: 400px;
	height: auto;
	float: none;
	z-index: auto;
	text-align: left;
}
.otto_5{
	margin: 10px 1.5% 0 0%;
	position: relative;
	width: 100%;
	max-width: 150px;
	height: auto;
	z-index: auto;
	float: left;
	text-align: left;
}
.ot_1{
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 275px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: center;
}
.ot_2{
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 350px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: center;
}
@media only screen and (max-width:900px) {
.otto_0{
	margin: 10px auto 0 5%;
	position: relative;
	width: 100%;
	height: auto;
	z-index: auto;
	float: none;
}
.otto_1{
	margin: 10px auto 0 5%;
	position: relative;
	width: 100%;
	max-width: 134px;
	height: 134px;
	z-index: auto;
	float: left;
	text-align: left;
}
.otto_2 {
	margin: 0 0 0 2%;
	font-size: medium;
	font-weight: normal;
	color: #000080;
	width: 100%;
	max-width: 260px;
	height: auto;
	float: left;
	z-index: auto;
	text-align: left;
}
.otto_3{
	margin: 10px auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 400px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: left;
}
.otto_4 {
	margin: 1.5% auto 0 auto;
	width: 100%;
	max-width: 400px;
	height: auto;
	float: none;
	z-index: auto;
	text-align: left;
}
.otto_5{
	margin: 10px 1.5% 0 0%;
	position: relative;
	width: 100%;
	max-width: 150px;
	height: auto;
	z-index: auto;
	float: left;
	text-align: left;
}
.ot_1{
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 275px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: center;
}
.ot_2{
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 350px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: center;
}
}
@media only screen and (max-width:600px) {
.otto_0{
	margin: 10px auto 0 5%;
	position: relative;
	width: 100%;
	height: auto;
	z-index: auto;
	float: none;
}
.otto_1{
	margin: 10px auto 0 5%;
	position: relative;
	width: 100%;
	max-width: 134px;
	height: 134px;
	z-index: auto;
	float: left;
	text-align: left;
}
.otto_2 {
	margin: 0 0 0 2%;
	font-size: medium;
	font-weight: normal;
	color: #000080;
	width: 100%;
	max-width: 260px;
	height: auto;
	float: left;
	z-index: auto;
	text-align: left;
}
.otto_3{
	margin: 10px auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 400px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: left;
}
.otto_4 {
	margin: 1.5% auto 0 auto;
	width: 100%;
	max-width: 400px;
	height: auto;
	float: none;
	z-index: auto;
	text-align: left;
}
.otto_5{
	margin: 10px 1.5% 0 0%;
	position: relative;
	width: 100%;
	max-width: 150px;
	height: auto;
	z-index: auto;
	float: left;
	text-align: left;
}
.ot_1{
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 275px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: center;
}
.ot_2{
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	max-width: 350px;
	height: auto;
	z-index: auto;
	float: none;
	text-align: center;
}
}

