/*  page atts */

body {  background-color: #336600;}

html, body, * {padding:0px; margin:0px; }

html, body {height: 100%; }

/*  div tags  */

#colcon {  background-image: url(page-layout/linear.jpg);  background-position: center center;  background-repeat: no-repeat;  background-size: cover;
  background-color: #ffffff; display: flex;   flex-direction: row;   flex-wrap: wrap;    justify-content: center;    align-items: center; }

#colmiddle {	 width:1000px; margin-left:auto;	margin-right:auto; }

#col1 {width:300px; float:left;margin-bottom:10px;}

#col1 img {padding-top:10px; }

#col2 {width:400px; float:left;margin-bottom:10px;}

#col3 {width:300px;  float:left;margin-bottom:10px;}

#col3 img {padding-top:10px; }


#container {margin-bottom:10px;margin-top:10px;	width:1000px; 	margin-right: auto;	margin-left: auto;	padding-bottom:10px;	padding-top:10px;}

#footer {height:50px; margin-left:auto; margin-right:auto; width:1000px;}

#gallerybox {width:1000px; margin-left:auto;	margin-right:auto; }

#homebox {width:1000px;margin-left:auto;margin-right:auto;}

#homebody
{  border: #336600 solid thin;

/* Location of the image */
  background-image: url(page-layout/back.jpg);
    /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
    /* Background image doesn't tile */
  background-repeat: no-repeat;
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
    /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;
  height:900px;
  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
    justify-content: center;
    align-items: center;

	}



#mainbody {	width: 100%;	margin-right: auto;	margin-left: auto;	margin-top:20px;}

#menu{	height: 150px;	width: 100%; background-color: #336600;}

#menu img{margin-top:10px;}

#menumiddle {	width:1000px;	margin-left:auto;	margin-right:auto;	}

#menuright{width:300px; float:left;  }

#menuleft{width:675px; float:left;}

#about-pagebanner {height:400px; margin-left:auto; margin-right:auto; 
  background-image: url(page-layout/bannerback.jpg);  background-position: center center;  background-repeat: no-repeat;  background-size: cover;
  background-color: #ffffff; display: flex;   flex-direction: row;   flex-wrap: wrap;    justify-content: center;    align-items: center;}

#about-pagebanner img{display: block;
    margin-left: auto;
    margin-right: auto;}  
  
#profbox {width:100%; height:300px; margin-top:600px;   background:#7f7f7f;   background:rgba(255,255,255,0.5);}

#prof {margin-left:auto; margin-right:auto; width:1000px; }


/*  classes */



/*  links */


#footer a:link { 	color: #ffffff;	text-decoration: none; width:100px; padding-right:10px;	font-family:verdana; }
#footer  a:visited {       color: #ffffff;    }
#footer a:hover{    color: #66ff66;}
#footer a:active{       color: #ffffff;    }

#menu a:link { 	color: #ffffff;	text-decoration: none; width:100px; font-size: 0.9em;  padding-right:10px;	font-family:verdana; }
#menu  a:visited {       color: #ffffff;    }
#menu a:hover{    color: #66ff66;}
#menu a:active{       color: #ffffff;    }

a:link { 	color: #336600;	text-decoration: none; }
a:visited {       color: #336600;    }
a:hover{    color: #66ff66;}
a:active{       color: #336600;    }

a:link { 	color: #336600;	text-decoration: none; }
a:visited {       color: #336600;    }
a:hover{    color: #336600; text-decoration:underline;}
a:active{       color: #336600;    }

*/

/*  fonts */

p {
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
H1 {
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-weight: normal;
}

#gallerybox {font-family: Georgia, "Times New Roman", Times, serif;}
#footer p{font-size: 1.0em;	font-family: verdana;	color: #ffffff;	font-weight: normal; margin-top:40px;}
#menu a{ 	text-align: left; }
#menu H1 {	font-size: 1.0em;	text-align: right; font-family: verdana;	color: #ffffff;	font-weight: normal; margin-top:10px; margin-left:0px;}

#mainbod P{ 	text-align: left; padding:10px;}

#colcon p{font-size:1.4em; padding-left:10px; padding-right:10px;}
#colcon h1{padding-left:10px; padding-right:10px;padding-top:10px;}
#prof p{font-size:1.4em; padding-right:10px;}
#prof h1 { padding-top:10px; }
#gallerybox h1{margin-left:30px; padding-right:10px;padding-top:10px;}

/*  responsive */

#mobileheader, #mobilemenu, #mobilefooter {display:none;}

/* gallery here */
.celloutline {
	width: 300px;
	height:260px;
	float: left;
	margin-bottom: 10px;
	text-align: center;
	margin-left: 12px;
	margin-right: 12px;
border: solid #fff thin;

}

#gallerycontainer {
	width: 1000px;
	clear: none;
	overflow:hidden;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	
}
.galleryImgWrapper {
	
	width: 300px;
	float: none;
	height: 200px;
	margin-right: 10px; overflow:hidden;
	
}
.galleryImgWrapper img {	padding: 10px; width:250px; height:auto;}

/*price table */
#pricetable{width:100%;}
.priceleft{width:70%; float:left; margin-top:10px;}
.priceright{width:30%; float:left;margin-top:10px;}
.itally{font-style: italic;}
.pricespace{clear:both;}
.dogpriceleft{width:50%; float:left; margin-top:10px;}
.dogpriceright{width:50%; float:left;margin-top:10px;}