@charset "utf-8";
/* You can use this website template anywhere you want, for anything you want. All I ask is that you link back to Blank CSS (www.blankcss.com) in some way. Thank you very much and enjoy! */

/******** Body Elements ********/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	
	color: #ffffff;
	background-color: #DBDCBC;
	background-repeat: repeat;
	background-image: url(../assets/bodybg1.jpg);
}

/******** Layout Elements ********/

.wrapper {
	width: 980px;
	margin: 0 auto;
	border: 1px;
}

.banner {
	height: 90px;
	width: 970px;
	margin: 0 auto;
	background-color: transparent;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	
}

.header {
	width: 100%;
	height: 200px;
	margin: 0px 0 2px 0;
	padding: 0px;
	text-align: center;
	
	background-image: url(../assets/header-bg.gif);
}


.content {
	margin: 15px 0 10px 195px;
	height: auto;
	padding: 5px 0 0 0;
	background-color: transparent;
}

.content1 {
	background-color: transparent;
	margin: 15px 0 10px 195px;
	width: 779px;
	
	margin-top: 5px;
}

.left {
	margin: 0 0 10px 0;
	float: left;
	width: 185px;
	padding: 15px 0 0 0;
	background-color: transparent;
}

.footer {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #cccccc;
		clear: both;
	text-align: center;
	background-image: url(../qmimages/gradient_2.gif);
	background-repeat: repeat;
}

/******** Document Styles ********/

h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}

h2 {
	margin: 0 0 15px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

h3 {
	font-size: 15px;
	font-weight: bold;
}	

h4 {
	color: #F00;
	font-size: 12px;
	text-align: left;
}

h5 {
	font-size: 11px;
	font-weight: bold;
	color: #33F; /** blue for sure **/
	text-align: left;
	line-height: 120%;
}

h6 {
	color: #F3C; /** pink for the dams **/
	font-weight: bold;
	font-size: 11px;
	text-align: left;

}

a {
font-size: 13px;
	line-height: 13px;
	color: #FF0;
	text-decoration: underline;
	font-weight: bold;
}

a, a:active, a:visited {
	color: #ff0;
	text-decoration: none;
}

/**a:static {
	color: #ffffff;
	
}**/
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.header a, .header a:active, .header a:visited {
	color: #ffffff;
}

.header a:hover {
	color: #ffffff;
	text-decoration: underline;
}

p {
	margin: 0 0 15px 0;
	line-height: 180%;
	text-indent: 15px;
	color: #ffffff;
	font-size: 13px;
	padding: 0 10px 0 10px;
}

.footer p {
	margin: 0;
	font-size: 13px;
	line-height: 13px;
	color: #ffffff;
	text-decoration: underline;
}


/******** List Styles Styles ********/

ul li {
	margin: 0 0 0 3px;
	list-style: none;
}

ul ul li {
	margin: 3px 0 3px 30px;
	list-style: circle;
}

ul ul {
	margin: 0 0 15px 0;
}

/******** IMAGE Layout Elements ********/

.multipic {
	
	height: auto;
}

.imagecaption_left {
width: 350px;
height: auto;
float: left;
margin: 0 auto;
 /* border: 1px solid #000000; */
padding: 5px;


}


.imagecaption_left p {
	line-height: 150%;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.imagecaption_right {
width: 350px;
height: auto;
float: right;
margin: 0 auto;
 /* border: 1px solid #000000; */
padding: 5px;


}


.imagecaption_right p {
	line-height: 150%;
	font-size: 12px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}
	
div.imageleft {
	float: left;
}

.imageleft { 
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 15px;
}
.imageright {
 float: right; 
 margin-right: 15px;
 margin-bottom: 10px;
  } 
  
.imgagecentre{
	padding-top: 0px;
	margin-top:0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	}
	
	

/************************************* IMAGE AND CAPTION STACKED IMAGES ***********************************************/
 div.imagecaption_left {
width: 660px;
height: auto;
margin: 0 auto;
 border: 1px solid #000000;
padding: 5px;


}


div.imagecaption_left p {
	line-height: 150%;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}


div.imagecaption_right {
width: 660px;
height: auto;
margin: 0 auto;
/* border: 1px solid #000000; */
padding: 5px;


}


div.imagecaption_right p {
	text-align: left;
	float: left;
	line-height: 150%;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

div.imagecaption_center {
width: 660px;
margin: 0 auto;
border: 2px solid #000000;
padding: 10px;

} 

div.imagecaption_center p {
	line-height: 150%;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

/*********************************** Table Class */

table {
	border-width: 2px;
	border-spacing: 1px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: #000;
}

table th {
		border-width: 2px;
	padding: 4px;
	border-style: solid;
	border-color: blue;
	background-color: #000;
}

table td {
		border-width: 2px;
	padding: 4px;
	border-style: solid;
	border-color: blue;
	background-color: #000;
	
}

.pedigree {
	width: 980px;
	table-layout: auto;
	margin: 0 auto;
	
	color: #000000;
}

/* multi pic **/

.imagecaption_left350 {
width: 350px;
height: auto;
float: left;
margin: 0 auto;
 /* border: 1px solid #000000; */
padding: 5px;


}


.imagecaption_left350 p {
	line-height: 150%;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.imagecaption_right350 {
width: 350px;
height: auto;
float: right;
margin: 0 auto;
 /* border: 1px solid #000000; */
padding: 5px;


}


.imagecaption_right350 p {
	line-height: 150%;
	font-size: 12px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

div.imagecaption_left350 {
width: 350px;
height: auto;
float: left;
margin: 0 auto;
 /* border: 1px solid #000000; */
padding: 5px;


}


div.imagecaption_left350 p {
	line-height: 150%;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

div.imagecaption_right350 {
width: 350px;
height: auto;
float: right;
margin: 0 auto;
 /* border: 1px solid #000000; */
padding: 5px;


}


div.imagecaption_right350 p {
	line-height: 150%;
	font-size: 12px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

/** gallery style pages links & females **/

#gallery{
	padding-left: 7px;
}

.gal1{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal2{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal3{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal4{
	width: 111px;
	text-align:center;
	padding: 5px;
	float:left;
}

.gal, .gal2, .gal3, .gal4 a{
	color:#FFFFFF;
}

.gtext{
	color: #007993;	
}

.gwiev{
	width: 96px;
	height: 31px;
	
	margin-top: 5px;
	padding-top: 15px;
}

.wiev{
	text-decoration:none;
	color:#FFFFFF;

}



/** contact form **/

#page-wrap {
	width: 650px;
	background: transparent;
	padding: 10px 50px 20px 50px;
	margin: 5px auto;
	
	/* height: auto !important;
	height: 500px; */
}

#contact-area {
	width: 620px;
	margin-top: 5px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 470px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right: 20px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}




<!--
.wrapper .pedigree table tr .pedboy .style3 strong {
	color: #0FF;
}
.wrapper .pedigree table tr .pedboy .style3 em {
	color: #FFF;
}

.wrapper .pedigree table tr .pedgirl .style3 em {
	color: #FFF;
}
.wrapper .pedigree table tr .pedgirl .style3 strong {
	color: #CCC;
}