* {

  margin:0;

  padding:0;

}



body {

  font-family:Lucida Bright,Georgia,Sans;

  font-size:12px;

  line-height:1.4em;

  color:#444;

  background-color:#323232;

}



h1, h2, h3, h4, h5 {

  margin:0 0 1em 0;

}



h3 {

  font-size:14px;

}



a {

  color:#f60;

  text-decoration:none;

}



a:hover {

  color:#630;

}



li {

  list-style-type:none;

}



img {

  border:none;

}



#headerContainer {

  margin:21px auto 0 auto;

  width:998px;

  background-image:url(../images/headerBG.jpg);

  background-repeat:no-repeat;

  background-color:#24292C;

}



#headerContainer #logo {

  float:left;

  margin:19px 0 0 20px;

}



#loginContainer {
  float:right;
  margin:27px 25px 0 0;
  text-align:right;;
  width:440px;
}

#loginContainer a:hover{
  color:#F60;
  text-decoration:underline;
}




#loginContainer input {

  float:left;

  margin:0 0 0 5px;

  border:1px solid #000;

}



#loginContainer .inputField {

  padding:0 0 0 5px;

  width:168px;

  height:20px;

  background-color:#696969;

}



#headerContainer #loginContainer #loginButton {

  float:left;

  padding:0 0 0 0;

  width:64px;

  height:22px;

  background-image:url(../images/loginBG.jpg);

  background-color:#636363;

}



#mainNav {

  float:right;
  /*width:71.5em;*/
  width:858px;
  margin:71px 0 0 0;
  }



#mainNav li {

  float:left;

  margin:0 2px 0 0;

  display:inline;

}



#mainNav li a {

  float:left;

  padding:7px 20px;

  font-family:sans-serif;

  font-size:12.5px;

  font-weight:bold;

  color:#CCC;

  background-color:#333;

}



#mainNav li a:hover {

  color:#F93;

  background-color:#242424;

}



#mainNav #activeMainNav {

  color:#000;

  background-image:url(../images/activeMainNavBG.png);

  background-repeat:repeat-x;

  background-color:#B45701;

}



/* ---->>> Sub Navigation <<<--- */



#mainSubNavOutline {

  clear:both;

  margin:0 0 0 4px;

  width:990px;

  height:9px;

  background-image:url("../images/navLine.png");

  background-color:#B25500;

}



#mainSubNav {

  clear:both;

  margin:0 0 0 4px;

  padding:0 0 0 25px;

  width:965px;

  height:32px;

  border-bottom:1px solid #000;

  background-image:url(../images/subNavBG.png);

  background-color:#B25500;

  background-repeat:repeat-x;  

}



#mainSubNav li {

  float:left;

  display:inline;

  padding:8px 0 0 0;

}



#mainSubNav li a{

  font-family:arial, sans-serif;

  font-size:12px;

  color:#ffbe62;

}



#mainSubNav li a:hover{

  color:#FFF;

}



#mainSubNav li span{

  color:#930;

  padding:0 25px 0 13px;

}



#mainSubNav #mainSubNavActive{

  color:#000; 

}



#profileNav {

  float:left;

  margin:20px 0 -5px 0;

  width:590px;

  clear:both;

  color:#E3DCC5;

}



#profileNav li {

  padding:0 10px 0 0;

  display:inline;

  list-style-type:none;

}



#profileNav li a{

  padding:0 10px 0 0;

  display:inline;

  list-style-type:none;

}







/* ---->>> Content Area <<<--- */



#contentAreaContainer {

  margin:0 auto;

  padding:0 4px 10px 4px;

  width:990px;

  background-image:url(../images/contentAreaBG.jpg);

  background-repeat:repeat-y;

  background-color:#F1EDDC; 

}



#contentAreaContainerAdmin {

  margin:0 auto;

  padding:0 4px 10px 4px;

  width:990px;

  background-image:url(../images/contentAreaBGWhole.jpg);

  background-repeat:repeat-y;

  background-color:#F1EDDC;
  background-position:-1px 0;

}



#mainContentArea {

  float:left;

  padding:20px 0 0 0;

  width:668px;

}



#mainContentAreaAdmin{

  float:left;

  padding:50px 0 0 0;

  width:990px;

}



#mainContentAreaAdmin h1{

  float:Left;

  margin:0 0 0 30px;

}



.mainContentBox {

  float:left;

  margin:0 0 20px 0;

  padding:0 45px 10px 45px;

  line-height:2em;

  width:578px;

}



.mainContentBox table{

  clear:both;

  margin:20px auto 0 auto;

}



.mainContentBox table tr td{

  float:left;

  margin:0 0 0 10px;

  width:180px;      

}



.featuredUpcominLitters {

  float:left;

  padding:20px 0 20px 0;

  border-bottom:1px dashed #CCC;

}



.featuredUpcominLitters p a span{

  font-family:Arial, Helvetica, sans-serif

  font-size:10px;

}



#introContainer {

  float:left;

  margin:0 0 -20px 0;

  padding:0 140px 24px 40px;

  width:488px;

  /*height:19em; */

  background-image:url(../images/introDogBG.jpg);

  background-position:bottom right;

  background-repeat:no-repeat;

}



#introContainer h1, .mainContentBox h1, .ourDogsItem h1 {

  margin:0 0 .5em 0;

  font-size:22px;

  font-weight:normal;

  line-height:26px; 

}



#introContainer p {

  margin:23px 0 0 0;

  font-size:14px;

  line-height:25px;

}



.ourDogsItem h1 a{

  color:#630;

}



.ourDogsItem h1 a:hover{

  color:#F63;

}



.ourDogsItem address {

  margin:15px 0 10px 0;

  font-style:normal;

  font-size:11px;

  line-height:1.2em;

}



.dogDescription {

  float:right;

  width:430px;

}





.mainContentHeading {

  float:left;

  margin:20px 0 0 0;

  padding:13px 0 13px 35px;

  width:634px;

  font-family:arial,sans-serif;

  font-size:16px;

  font-weight:bold;

  color:#630;

  background-image:url(../images/mainContentHeading3.jpg);

  background-repeat:no-repeat;

}



.featuredDogs tr td{

  width:180px;

  height:148px;

}



.featuredDogLeft {

  float:left;

  padding:16px;

  background-image:url(../images/featuredDogBGLeft.jpg);

  background-repeat:no-repeat;
  width:148px;
  height:116px;

}



.featuredDogRight {

  float:left;

  padding:16px 16px 16px 16px;

  background-image:url(../images/featuredDogBGRight.jpg);

  background-repeat:no-repeat;
  width:148px;
  height:116px;

}



.featuredDog {

  float:left;

  padding:16px 16px 16px 16px;

  background-image:url(../images/featuredDogBG.gif);

  background-repeat:no-repeat;
  width:148px;
  height:116px;

}



.mainContentBox table .featureDogsDetails td {

  padding:0;

  text-align:center;

  width:180px;

  height:60px;

}



/* ---->>> Contact Us <<<--- */



#contactUsForm {

  font-family:arial,sans-serif;

  font-weight:bold;

  color:#630;

}

#contactUsForm .generalInput {

  font-size:18px;

}



#contactUsForm .generalInput, #contactUsForm select, #contactUsForm textarea {

  display:block;

  margin:0 0 10px 0; 

  padding:3px 3px 3px 5px;

  background-color:#FFF;

  border:1px solid #CDC4B6;

}



#submit {

  padding:3px 20px;

}



#subject {

  width:580px;

}



#contactUsForm textarea {

  width:580px;

  height:200px;

}

#contactUsForm h2 {
  padding:15px;
  color:red;
  font-size:25px;
  text-align:center;
  text-decoration:blink;
  background-color:yellow;
  border:1px solid red;

}



/* ---->>> Contact Us Right Column <<<--- */



#contactUsFormRight {

  font-family:arial,sans-serif;

  font-weight:bold;

  color:#630;

  /*background-color:#FFF;  */

}



#contactUsFormRight label{

  font-weight:normal;

  font-size:11px;

  color:#630;

  /*background-color:#FFF;  */

}



#contactUsFormRight .generalInput {

  width:240px;

  font-size:18px;

  background-color:#CBC4B4;

}



#contactUsFormRight .generalInput, #contactUsFormRight select, #contactUsFormRight textarea {

  display:block;

  clear:both;

  margin:0 0 5px 0;

  padding:0 0 0 5px;

  background-color:#d3cdbe;

  border:1px solid #bcb4a1;

}



#submitRight{

  /*padding:3px 20px;*/

}



#subjectRight {

  width:240px;

}



#contactUsFormRight textarea {

  width:240px;

  height:150px;

}

/* ---->>> Our Dogs <<<--- */

.dogProfile {

}



.dogProfile h1, .dogProfile h4 a{

  font-family:arial, sans-serif;

  font-weight:normal;

  color:#630;

  line-height:26px;

}

.dogProfile h4 {

  margin:0 0 .5em 0;

  font-size:18px;

}



.dogVideo{

  margin:0 auto;

  width:425px;

  height:373px;

}



.dogProfile table {

  margin:0 0 50px 40px;

  width:553px;

  /*

  border-top:1px solid #CEC7B7;

  border-left:1px solid #CEC7B7;

  border-bottom:1px solid #CEC7B7;

  */

}



.dogProfile table tr td {

  padding:10px;

  height:30px;

}



.dogProfile table tr td img {

  float:left;

  border:5px solid #FFF;

}



.dogProfile table tr td a:hover img {

  float:left;

  border:5px solid #F63;

}





.dogProfile ul {

  margin:0 0 0 20px;

}



.dogProfile tr .malePedigree, .dogProfile tr .femalePedigree {

  border:1px solid #EDE9DE;

}



.dogProfile #dogProfilePhotos {

  width:460px;

  margin:0 auto 0 auto;

  clear:both;

}



#dogProfilePhotos li{

  float:left;

  margin:0 0 7px 7px;

}



#dogProfilePhotos li a{

  float:left;

  border:5px solid #FFF;

}



#dogProfilePhotos li a:hover{

  float:left;

  border:5px solid #F63;

}



#dogProfilePhotos li a img{

  float:left;
  width:70px;
  height:70px;

}



.ourDogsItem, .dogProfile {

  float:left;

  margin:20px 0 0 0;

  padding:0 40px 20px 35px;

  width:593px;

  border-bottom:1px dashed #CCC;

}



.ourDogsItemPhoto, .ourDogsItemPhoto2{

  float:left;

  margin:0 0 20px 0;

  padding:14px 15px 12px 22px;

  width:100px;

  font-family:arial,sans-serif;

  font-size:11px;

  text-align:center;

  line-height:13px;

  color:#630;

}



.ourDogsItemPhoto {

 margin:0 20px 0 0;

  background-image:url(../images/ourDogsPicBG1.jpg);

  background-repeat:no-repeat;

}



.ourDogsItemPhoto2 {

  margin:0 20px 0 -20px;

  background-image:url(../images/ourDogsPicBG2.jpg);

  background-repeat:no-repeat;

}



.ourDogsItemPhoto:hover, .ourDogsItemPhoto2:hover{

  color:#444;

}



.ourDogsItemPhoto img, .ourDogsItemPhoto2 img{

  float:left;

  margin:0 0 15px 0;
  width:98px;
  height:98px;

}



.ourDogsItem p{

  margin:5px 0 0 0;

}



#ourDogsLastItem, #ourDogsLastItem2, #ourDogsLastItem3, #ourDogsLastItem4, #ourDogsLastItem5, #ourDogsLastItem6, #ourDogsLastItem7 {

  border:none;

}



.bullet li{

  line-height:2em;

}



.bullet li h5 {

  font-family:Arial, Helvetica, sans-serif;

  font-size:15px;

  color:#630;

}



#littersProfileBullets {

  margin:0;

  padding:10px;

  float:right;

  width:275px;



}



#littersProfileBullets li{

  margin:0 0 1em 0;

  padding:0 0 1em 0;

  border-bottom:1px dashed #CCC;

}



#littersProfileBullets .noline{

  border:none;

}



#littersProfileBullets li strong{



}



#litterSubNav {

  float:right;

  margin:20px 0 0 0;

  padding:0 0 10px 25px;

  font-family:arial, sans-serif;

  text-align:center;

  width:545px;

 /*

 background-image:url(../images/littersNavBG.jpg);

  background-position:bottom;

  background-repeat:no-repeat;	

  */

  border-bottom:1px dashed #CCC;

}



#litterSubNav li {

  float:right;

  display:inline;

  color:#DFDBD1;

}



#litterSubNav li a{

  padding:0 10px;

  font-family:Arial, Helvetica, sans-serif;

  font-size:13px;

  font-weight:bold;

  display:inline;

} 



#litterSubNav li a img{

  margin:0 0 -2px 0;

  padding:0 5px 0 0;

}



.litters {

  float:right;

  padding:20px 0;

  margin:0 auto;

  width:560px;

  border-bottom:1px dashed #CCC;

}



.litters li{

  float:left;

  width:180px;

  text-align:center;

}





.litters .pairID{

  float:left;

  font-size:11px;

  padding:50px 0 66px 25px;

  color:#630;

}



.litters .pairID:hover{

  color:#F63;

}



.litters .pairID strong{

  margin:0 0 0 0;

  font-size:35px;

}



.littersPairLists {

  margin:0 auto;

}



/* ---->>> Right Column Area <<<--- */



#rightColumn {

  float:left;

  margin:0 0 0 14px;

  width:295px;

}



#sideContactNumbers{

  float:left;

  padding:0 20px 0 0;

  margin:0 0 0 0;

  width:291px;

  background-color:#CBC4B4;

  border-bottom:20px solid #CBC4B4;

}



#sideContactNumbers .label{



  padding:0 0 0 20px;

  width:5em;

  margin:0 0 .4em 0;

}



.rightColumnContainer {

  float:left;

  padding:20px 20px 20px 20px;

  margin:16px 0 0 0;

  width:251px;

  background-color:#CBC4B4;

  /*

  background-image:url(../images/rightColumnBG.jpg);

  background-repeat:repeat-y;

  */

}



.rightColumnContainerContact {

  float:left;

  padding:20px 20px 20px 20px;

  margin:16px 0 0 0;

  width:251px;

  background-color:#CBC4B4;

}



.rightColumnContainer h5{

  float:left;

}



.rightColumnContainer a{

  float:right;

  margin:0 0 10px 0;

  color:#630;

  width:200px;

}



.rightColumnContainer a:hover{

  color:#F63;

}



.rightColumnHeading {

  float:left;

  margin:15px -20px -16px 0;

  padding:13px 15px 13px 20px;

  width:256px;

  font-family:arial,sans-serif;

  font-size:16px;

  font-weight:bold;

  color:#630;

  text-align:center;

  background-image:url(../images/rightColumnHeading.jpg);

  background-repeat:no-repeat;

}



/* ---->>> Footer <<<--- */



#footer {

  margin:0 auto 50px auto;

  width:998px;

  height:149px;

  color:#A69E83;

  background-image:url(../images/footerBGBlack.jpg);

  background-repeat:no-repeat;

  background-color:#000;
  background-position:-1px 0;

}



#footer p{

  float:left;

  padding:8px 0 0 25px;

  font-family:arial,sans-serif;

}



#footer ul{

  float:right;

  padding:8px 20px 0 0;

  font-family:arial,sans-serif;
  color:#434343;

}



#footer ul li{

  padding:0 5px 0 0;

  display:inline

}



#footer ul li a{

  padding:0 5px 0 0;

  color:#A69E83;

}



#footer ul li a:hover{

  color:#F93;

}

#credit {
  padding:0 0 0 50px;
  font-family:Arial, Verdana, Sans-Serif;
  font-size:11px;
  color:#A69E83;
}

#credit a {
  color:#927857;
}

#credit a:hover {
  color:#F93;
}


#credit strong {
  padding:0 7px;
  color:#434343;
}





/* ---->>> Extras <<<--- */



.blocker {

  text-indent:-5000px;

  clear:both;

}



.note {

  float:left;

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  font-style:italic;

  margin:1em 0 3em 75px;

  color:#630;

  width:440px;

  clear:both;

}



#pedigree tr td a{

  font-size:12px;

  font-family:georgia,lucide bright, arial;

  font-weight:bold;

}



#pedigree tr td span {

  font-size:10px;

  

  color:#999;

}



#partnersLinks li a {

  font-weight:bold;

  font-size:14px;

  line-height:2em;

  color:#630;

}



#partnersLinks li a:hover {

  color:#F30;

}

#partnersLinks li .linkEditDelete {
  font-size:12px;
  color:#f60;
  font-weight:normal;
}

#partnersLinks li .linkEditDelete:hover {
  color:#630;
}


.top {

  float:right;

  margin:0 0 -10px 0;

  padding:0 0 0 10px;

  clear:both;

  font-family:arial,sans-serif;

  font-size:10px;

  background-image:url(../images/top.gif);

  background-repeat:no-repeat;

  background-position:left;

}



.top:hover {

  background-image:url(../images/top_over.gif);
  background-repeat:no-repeat;
  background-position:left;

}



.rightColumnContainer .more {

  float:right;

  color:#F60;

  text-align:right;

}



#rightColumn .moreOrnament {

  float:left;

  padding:3px 0 35px 0;

  color:#C60;

  width:291px;

  text-align:center;

  background-image:url(../images/linkOrnament.jpg);

  background-repeat:no-repeat;

}



#rightColumn .moreOrnament:hover {

  color:#F60;

  background-image:url(../images/linkOrnament_over.jpg);

  background-repeat:no-repeat;

}



.rightColumnContainer .more:hover {

  color:#630;

  text-decoration:none;

}



.ourDogsItem .more{

  float:left;

  margin:15px 0 0 0;

}





#moreUpcomingLitters {

  float:left;

  margin:25px 0 0 220px;

}



.dogStep {

  float:left;

  padding:0 8px 0 0;

}



.ourDogsItem .newsDate {

  font-family:arial,sans-serif;

  font-size:11px;

  color:#630;

}



#promptResult {

  float:left;

  margin:30px 0 0 80px;

  padding:20px;

  font-family:sans-serif;

  font-size:18px;

  font-weight:bold;

  color:#825700;

  background-color:#FFF4BF;

  border:4px solid #FFC552;

}



.newsPhoto {

  float:right;

  padding:30px 0 0 15px;

}



.newsPhoto li{

  display:block;

}



#newsContainer {

  line-height:2em;

  border:none;

}





/* ---->>> Admin <<<--- */



.adminForm {

  border:1px soid red;

}



.adminForm tr td {

  border:1px solid #F1EDDC;

  background-color:#E6E1CB;

}



.formLabel {

  font-family:arial, sans-serif;

  font-weight:bold;

  text-align:right;

  width:150px;

}



.adminForm .semenTableLabel {

  background-color:#F1EDDC;

}



.adminForm .semenTableLabel h5 {

  margin:0 0 -5px 0;

  font-family:arial, sans-serif;

  font-size:16px;

  font-weight:bold;

}



.adminForm .tableSpacer {

  background-color:#F1EDDC;

}



#pedigreeAdmin tr td {

  border:1px solid #F1EDDC;

  background-color:#E6E1CB;

}



#pedigreeAdmin tr .noPedigreeData {

  background-color:#F1EDDC;

}



#adminButtons {

  float:left;

  margin:-30px 0 0 80px;

}



#adminButtons a{

  float:left;

  margin:0 30px 30px 0;

  padding:5px 10px 5px 10px;

  font-family:arial,sans-serif;

  font-weight:bold;

  font-size:15px;

  color:#FFF;

  background-color:#F60;

}



#mainSubNav #addDogLink {

  float:right;

  margin:0 25px 0 0;

}



#addDogMenu {

  float:left;

  margin:0 0 0 30px;

  border:1px soid red;

}



#addDogMenu li {

  display:inline;

}



#addDogMenu li a{

  padding:5px 10px;

  font-family:arial, sans-serif;

  font-weight:bold;

  border:1px solid #F60;

}



#addDogMenu li #current {

  color:#630;

  border:1px solid #630;

}

.testiAuthor {
  font-size:11px;
  font-style:italic;
  color:#630;
}





/* ---->>> Lightbox <<<--- */



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}
	
#m1 {
    position:absolute;
    float:left;
    visibility:hidden;
  }
  
#m1 a {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    border-bottom:1px solid #A8977B;
    background-color:#957B5A;
  }
  
#m1 a:hover {
    color:#F93;
    background-color:#333;
  }