* {
	margin: 0;
}

html {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}

#push {
	height: 60px;
}

#footer {
	height: 60px;
}

/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:120px;
	height:120px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(/images/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-60px 0 0 -60px; /* is width and height divided by two */
}
/* end Preloader */

#content {
     display: none;
  }

body.loaded #content {
     display: block;
}

body.loaded #progressContainer {
     display: none !important;
}

.FrontPageHeader {
	margin: 0 0 0 0;
}

#menuHome {
	width: 320px;
	height: 60px;
	position:absolute;
	background: #000000;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	left:50%; 
	top:50%; 
	margin: 100px 0 0 -100px;
}

#menuHome li {
	list-style: none;
	margin: 0 0 0 20px;
}

#menuHome a {
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 10px 0 0 5px;
	font-family: ShantiRegular, AsapRegular, Calibri, Arial, Tahoma, 'Times New Roman', sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50); 
	position: relative;
}

#menuHome a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


.FrontPageText {
	width: 720px;
	height: 300px;
	background: url(/images/smallerFrame.jpg);
	margin: 90px auto 40px auto;
	padding: 0 0;
	position: relative;
}

#mainContent {
	width: 960px;
	margin: 0 auto;
}

a {
	color: #ff8000;	
}

a:hover {
	color: #ff8000;
}

a:visited {
	color: 0000ff;
}

p {
	font-family: ShantiRegular, AsapRegular, Calibri, Arial, Tahoma, 'Times New Roman', sans-serif;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
}

h1	{
	font-size: 4em;
	font-family: ShantiRegular, AsapRegular, Calibri, Arial, Tahoma, 'Times New Roman', sans-serif;
	color: #3e3e4a;
/*	text-shadow: 2px 2px #000000; */
}

h2	{
	font-size: 16pt;
	font-family: ShantiRegular, AsapRegular, Calibri, Arial, Tahoma, 'Times New Roman', sans-serif;
	color: #130707;
}
	
h3	{
	font-size: 16pt;
	color: #130707;
}

h4	{
	font-size: 12pt;
	color: #ffffff;
}

h5 	{
	font-weight: normal;
	font-size: 10pt;
}

h6 	{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
}
	
.default {
	font-family: ShantiRegular, AsapRegular, Calibri, Arial, Tahoma, 'Times New Roman', 'sans serif';
	font-size: 12pt;
}
@font-face {
    font-family: 'CalligraffitiRegular';
    src: url('/fonts/Calligraffiti-webfont.eot');
    src: url('/fonts/Calligraffiti-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Calligraffiti-webfont.woff') format('woff'),
         url('/fonts/Calligraffiti-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AsapRegular';
    src: url('/fonts/Asap-Regular-webfont.eot');
    src: url('/fonts/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Asap-Regular-webfont.woff') format('woff'),
         url('/fonts/Asap-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ShantiRegular';
    src: url('/fonts/Shanti-Regular-webfont.eot');
    src: url('/fonts/Shanti-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Shanti-Regular-webfont.woff') format('woff'),
         url('/fonts/Shanti-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
    
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bottomToTop
 {
0%   {top:3000px;}
100% {top:0px;}
}

@-moz-keyframes bottomToTop /* Firefox */
{
0%   {top:3000px;}
100% {top:0px;}
}

@-webkit-keyframes bottomToTop /* Safari and Chrome */
{
0%   {top:3000px;}
100% {top:0px;}
}

@-o-keyframes bottomToTop /* Opera */
{
0%   {top:3000px;}
100% {top:50px;}
}

@-moz-keyframes hideTop /* Firefox */
{
0%   {top:0px;}
100% {top:-2000px;}
}

@-webkit-keyframes hideTop /* Safari and Chrome */
{
0%   {top:0px;}
100% {top:-2000px;}
}

@-o-keyframes hideTop /* Opera */
{
0%   {top:0px;}
100% {top:-2000px;}
}

@keyframes fadeIn 
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}

@-moz-keyframes fadeIn 
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}

@-webkit-keyframes fadeIn 
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}

@-o-keyframes fadeIn 
{
0%   {opacity: 0.0;}
100% {opacity: 1.0;}
}

#bigFrame {
	width: 100%;
	height: 780px;
	background-color: #ffffff;
	margin:80px 0 0 0;
	position: relative;
}

.dataBackground, #showPage, #showPlayers {
	color: #000000;
}

.dataBackground {
	width: 960px;
	height: 540px;
	margin: 0 auto 0 auto;
	position: relative;
}

.dataBackground table {
	margin: 30px 0 0 40px;
	color: #909090; 
}

.dataBackground table p {
	color: #909090;
}

.dataBackground h5 {
	padding: 50px 0 0 0;
}


.column1 {
	width: 600px;
	margin: 40px 0 0 170px;
	float:left;
	position:relative;
	text-align: justify; 
}

.column1 img {
	width: 600px;
	height: 452px;
	margin: 10px 0 0 0px;
	float:left;
	position: relative;
}

.column2 {
	width: 860px;
	margin: 20px 0 20px 0;
	float:left;
	position:relative; 
}

.image1 {
	width: 400px;
	margin: 50px 0 0 20px;
	float:left;
	position: relative;
}

.image1 h5 {
	margin 20px 0 0 0;
}

.image2 {
	width: 400px;
	margin: 50px 0 0 20px;
	float:left;
	position: relative;
}

.image2 a {
	margin 20px 0 0 0;
}

.images1 {
	width: 800px;
	height: 250px;
	margin: 20px 0 0 60px;
	float:left:
	position: relative;
}

.images2 {
	width: 800px;
	height: 250px;
	margin: 20px 0 0 10px;
	padding: 0 0 0 0;
	float:left:
	position: relative;
}

.images2 img {
	padding: 0 0 0 70px;
}

#showPage {
	width: 720px;
	height: 420px;
	margin: -10px 0 0 -10px;
	padding: 0 0;
	position: relative;
}

#showSites {
	width: 620px;
	margin: 0 auto 0 auto;
}

#showSites img {
	border: 0;
}

#selectSlideShow {
	width: 400px;
	margin: 40px 0 0 230px;
}

#selectSlideShow a {
	padding: 0 0 0 30px;
	color: #021e02;
}

#selectSlideShow a:hover {
	color: #ff8000;
}

#slideShow1 {
	display: none;
	margin: 50px 0 0 100px;
	width: 720px;
	height: 540px;
}

#slideShow2 {
	display: none;
	margin: 50px 0 0 100px;
	width: 720px;
	height: 540px;
}

#slideShow3 {
	display: none;
	margin: 50px 0 0 100px;
	width: 720px;
	height: 540px;
}

#imgViewer1 {
	display: none;
	margin: 50px 0 0 30px;
	width: 820px;
	height: 580px;
}

#imgViewer2 {
	display: none;
	margin: 50px 0 0 30px;
	width: 820px;
	height: 580px;
}

#imgViewer3 {
	display: none;
	margin: 50px 0 0 30px;
	width: 820px;
	height: 580px;
}

#homeImg {
	margin: -60px 0 0 245px;
	float: left;
	position: relative;
}

#homeImg img {
	border: 0;
}

#litter {
	margin: 0 0 0 50px;
}

#thumb0 {
	margin: 0 0 0 100px;
}

#thumb1 {
	margin: 0 0 0 200px;
}

#thumb2 {
	margin: 0 0 0 300px;
}

#thumb3 {
	margin: 0 0 0 400px;
}

#thumb4 {
	margin: 0 0 0 500px;
}

#thumb5 {
	margin: 0 0 0 600px;
}

#copyright {
	width: 300px;
	margin: 40px 0 0 380px;
	float: left;
	position: relative;
}

#copyright h6 {
	color: #ffffff;
}

#copyright a {
	color: #ffffff;
}

#copyright a:hover {
	color: #ff8000;
}

#links {
	margin: 30px 0 0 170px;
}

#details {
	margin: 20px 0 0 20px;
}

#details a {
	color: #ffffff;
	text-decoration: none;
}

#details a:hover {
	color: #ff8000;
}

#flashContent1, #flashContent2, #flashContent3 {
	margin: 0 0 0 -30px;
}

#iframe {
	width: 400px;
	height: 400px;
	frameborder: 0;
	scrolling: auto;
}

#pedigree {
	width: 800px;
	background-color: #000000;
}

#pedigree td {
	border: 1px solid #ffffff;
}

#pedigree td.p1 {
	width: 17%;
	text-align: center;
}

#pedigree td.p2 {
	width: 19%;
	text-align: center;
}

#pedigree td.p3 {
	width: 39%;
	text-align: center;
}

#pedigree td.p4 {
	width: 39%;
	text-align: center;
}

.center {
	text-align: center;
}