@font-face {
   font-family: 'geosanslightregular';
  src: url('geosanslight-webfont.eot');
  src: url('geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
     url('geosanslight-webfont.woff') format('woff'),
     url('geosanslight-webfont.ttf') format('truetype'),
     url('geosanslight-webfont.svg#geosanslightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* THIS WAS IN THE HTML; MOVED HERE*/
#serviceAreas {
	width: 100%;
}

.dogChair {
	float: right;
	padding-top: -10px;
}

#linusClyde {
	padding-bottom: 10px;
	width: 230px;
	float: right;
	padding-right: 20px;
	text-align: center;
}

.linusClydephoto {
	float: right;
}

body,td,th {
	color: #eee7c4;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.right {
}

.andraya {
	float: right;
	padding-left: 10px;
}

.muneca {
	float: left;
	padding-right: 10px;
}
#rotatorServices {
	width: 500px;
}

.addressSignoff {
	font-size: 14px;
	font-family: geosanslightregular;
	color: #f5f1dc;
	padding-bottom: 10px;
	letter-spacing: 2px;
}
/* END WAS IN THE HTML; MOVED HERE*/


a, img
{
  border:none;
}

a
{
    text-decoration:none;
    color:#66adde;
}

.mail
{
    position:absolute;
    top:50%;
    text-align:center;
    width:100%;
}

#links a
{
    font-family: geosanslightregular;
}

a:hover
{
    color:#a09386;
}

body,html {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	margin:0;
	padding:0;
}

.wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
}

.navigation
{
  z-index:100;
  width:100%;
  text-align:center;
  font-family: geosanslightregular;
  color:#f5f1dc;
  text-shadow:1px 1px 2px #000;
  background-color:#402919;
  font-size:20px;
	margin:0;
	padding:0;
}

.stuck
{
  position:fixed;
  top:0;
}

.navigation a:hover
{
    color: #998b7d;
    transition: color 045s ease-in-out;
    -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
    -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
    -o-transition: color 0.4s ease-in-out; /* Opera */
}

.navigation a
{
    color:#f5f1dc;
    text-decoration: none;
    transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out; /* Firefox 4 */
    -webkit-transition: color 0.4s ease-in-out; /* Safari and Chrome */
    -o-transition: color 0.4s ease-in-out; /* Opera */
}
.sticky-wrapper {
	height: 54px;
}
.navigation ul
{
  height: 54px;
  list-style-type:none;
  padding:0;
  margin:0;
}

.navigation li
{
  display:inline-block;
  padding:15px;
}
.navigation li.action
{	background:#0073d5;
	border-radius: 2px;
	color: #fff;
	padding: 6px; 
	text-shadow: none;  
}
.navigation li.action a {
	font-size: 12px;
}
.doggy
{
	list-style:none;
	color: #eee7c4;
	font-size: 16px;
	font-weight:normal;

}

.doggy li
{
    min-height:30px;
    background: transparent url(../images/doggy_bullet.png) no-repeat 0 0px;
    padding-left:35px;
    padding-top:5px;
    text-align:left;
}

#landing
{
	background: url(../images/backgrounds/landing.jpg);
	height:auto;
	min-height:100%;
	background-repeat: no-repeat;
}

#home
{
	background-image: url(../images/backgrounds/home.jpg);
	height:auto;
	min-height:100%;
	background-repeat: no-repeat;  
}

#about
{
	background-image: url(../images/backgrounds/about.jpg);
	height:auto;
	min-height:100%;
	background-repeat: no-repeat;
}

#services
{
  background-image: url(../images/backgrounds/services.jpg);
  height:auto;
	background-repeat: no-repeat;
}

#testimonials
{
  background-image: url(../images/backgrounds/testimonial.jpg);
	height:auto;
	min-height:100%;	
	background-repeat: no-repeat;
}

#gallery
{
  background-image: url(../images/backgrounds/gallery.jpg);
	height:auto;
	min-height:100%;
	background-repeat: no-repeat; 
}

#links
{
  background-image: url(../images/backgrounds/links.jpg);
	height:auto;
	min-height:100%;
	background-repeat: no-repeat; 
}

#contact
{
  background-image: url(../images/backgrounds/contact.jpg);
	height:auto;
	min-height:100%;
	background-repeat: no-repeat;
}


.mainsection {
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	color:White;
	z-index:1;
	overflow-x:hidden;
}

.caption {
	text-align:center;
	font-family: geosanslightregular;
	font-weight:normal;
	color:#f5f1dc;
	font-size:15px;
}

.contactBlock
{
    width:700px;
}

.contactBlock img
{
    width:100%;
    min-width:150px;
    max-width:206px;
}

.contentBuffer
{
  height:100px;
}

.bufferBottom
{
  height:0;
}


#landing .contentWrapper
{
    background-image: url(../images/backgrounds/stripes.jpg);
	background-repeat:repeat;
}

.contentHeader
{
	width:80%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	text-align:center;
	font-family: geosanslightregular;
	font-weight:normal;
	color:#f5f1dc;
	font-size:47px;
	margin-bottom:10px;
	letter-spacing: 6px;
	padding-bottom: 0px;
}
.contentHeader header h1 {
	padding-top: 70px;
}
.contentHeader h1
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: geosanslightregular;
	font-weight:normal;
	color:#f5f1dc;
	font-size:47px;
	margin-bottom:10px;
	letter-spacing: 6px;
	padding-bottom: 0px;
	padding-top: 14px;
}

.contentHeader h3
{
  font-size:24px;
  font-weight:normal;
  letter-spacing:3px;
  text-shadow:1px 1px 2px #000;
}
.contentHeader h4
{
  font-size:16px;
  font-weight:normal;
  letter-spacing:1px;
  text-shadow:1px 1px 2px #000;
}

.contentHeader a
{
  color:#f5f1dc;
  text-decoration:none;
}

.headerImg
{
  width:100%;
  min-width:300px;
}

.content
{
  float:none;
  color: #736357;
}

.content h1
{
	font-family: Arapey;
	color: #c7b699;
	font-size:32px;
	margin:0;
	font-weight:normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.content h2
{
	font-family: Arapey;
	color: #c7b299;
	font-size: 47px;
	font-weight:normal;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0;
}

.content h3
{
  color:#66adde;
  font-family: geosanslightregular;
  font-weight:normal;
  margin:30px 0 10px 20px;
}

.content h4
{
  font-family: geosanslightregular;
  font-weight:normal;
  margin:0 20px 20px 20px;
  padding:0;
}

.content em
{
  margin:5px 0 20px 20px;
}

.content p
{
	margin:0 20px 10px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height: 1.7em;
	color: #eee7c4;
}

.content .quoteSrc
{
	text-align:right;
	width:90%;
	font-style:italic;
}

.content .divider
{
  height:1px;
  background-color:#a09386;
  margin:25px 0 25px 0;
}

.callout
{
	
	vertical-align:middle;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 20px;
	/*margin-bottom: 140px;*/
}

.calloutAuthor
{
	font-family: Arapey;
	font-style:italic;
	color: #c7b699;
	font-size:25px;
	padding-left: 40px;
}

.calloutInset
{
  width:100%;
  text-align:center;
}

.contactInset img
{
  width:100%;
  min-width:400px;
}

.copyright
{
	width:100%;
	text-align:center;
	font-family: geosanslightregular;
	color:#c7b299;
	font-size:10px;
	font-weight:normal;
	letter-spacing: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 20px;
}

.left
{

}

.left img
{
  float: left;
  border:none;
  margin:5px;
}

.right
{

}

.right img
{
  float: right;
  border:none;
  margin:5px;
}

.column
{
  float:left;
  position:relative;
  min-height:400px;
}


.logo
{
  width:15%;
  text-align:center;
  height:100%;
}

.logo img
{
  padding-top:20px;
}

.two
{
	width:75%;
	float:left;
}

.center
{
	width:50%;
}

.preview
{
  padding-top:50px;
  width:35%;
  text-align:center;
  font-family: geosanslightregular;
}

.preview .caption img
{

  max-width:100%;
}

.clear
{
  clear:both;
}

.downLink
{
  text-align:center;
}

.footer
{
	width:100%;
	padding:10px 0 10px 0;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#D2BEAC;
	/*background-color:#402919;*/
  font-size:18px;
	padding:40px 0 40px 0;
	font-variant: small-caps;
	letter-spacing: 5px;
	font-weight: bold;
}

.linksTable
{
    float:left;
    width:50%;
}

.dwLinks
{
    float:right;
}

.linksTable td
{
  padding-bottom:20px;
}



.textInput
{
	width:400px;
	height:30px;
	border:1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
  color:#4c3627;
	padding:0;
	margin:0;
	margin-bottom:10px;
	-webkit-box-shadow: 0 0 0 10px #000;
	box-shadow: -1px 1px 5px #777;
	border-radius:3px;
}

#phone {
	display: none;
}

.cats
{
    float:left;
}

.ipadonly
{
    display:none;
}
  

@media only screen and (max-width: 1024px)
{
    .calloutAuthor
    {
	    padding:0;
	    text-align:center;
	    float:none
    }

    .tableServiceArea table,thead,tbody,tfoot,th,td,tr
    {
        display:block;
        text-align:center;
    }
    
    .italicBody
    {
        text-align:center;
    }
    
    .dwLinks
    {
        float:none;
        width:100%;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    
    .cats
    {
        float:none;
        width:100%;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
    }
    
    .linusClydephoto {
	    float: none;
    }
    
    #linusClyde
    {
        width:100%;
        text-align:center;
        padding:0;
        padding-bottom:20px;
    }
    
  .noipad
  {
      display:none;
  }
  
  .ipadonly
  {
      display:inline-block;
      width:100%;
      text-align:center;
      padding:15px;
  }
  
    .andraya, .muneca
    {
        display:inline-block;
        width:100%;
        text-align:center;
        padding:0;
    }
    
    
  .navigation
  {
    font-size:16px;
  }
  
  .navigation ul li
  {
    padding:5px;
  }
  
  .column
  {
    float:none;
    min-height:0px;
  }
  
  .column .caption
  {
      padding-bottom:10px;
  }
  
  .center
  {
    width:80%;
    margin-left:auto;
    margin-right:auto;
  }

  .content h1, h2, h3, h4, em, p
  {
	text-align:center;
	padding-bottom: 10px;
	margin:0;
  }
  
  .content p
  {
      text-align:left;
  }
    
    .content .divider
    {margin:0;}

  .two
  {
    width:80%;
    margin-left:auto;
    margin-right:auto;
  }
  
  .logo
  {
    width:100%;
    margin-bottom:10px;
  }
  
  .callout
  {
    padding-left:20px;
    padding-right:20px;
  }
  
  .preview
  {
    padding-top:0;
    width:100%;
    text-align:center;
  }

  .preview .caption
  {
    display:inline-block;
    padding:10px;
  }

.italic {
	font-style: italic;
}

  .preview .caption img
  {
    max-height:250px;
  }
  
  .headerImg
  {
    content:url("../images/doglinesm.png");
    max-width:481px;
    min-width:300px;
  }
  
  .contactBlock
  {
      width:100%;
  }
  
  .contactBlock p
  {
      text-align:center;
  }
  
  .contactInput
  {
    width:100%;
    text-align:center;
  }
  
    .linksTable
    {
        width:450px;
        position:relative;
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
  
  .right img
  {
    display:block;
    float:none;
    margin-left:auto;
    margin-right:auto;
  }

  .left img
  {
    display:block;
    float:none;
    margin-left:auto;
    margin-right:auto;
  }
  
  .content em
  {
    text-align:center;
    display:block;
  }
  
  #landing, #home, #about, #services, #testimonials, #gallery, #links, #contact
  {
    background-image:none;
  }
  
  .wrapper
  {
    position:relative;
    z-index:2;
  }
  
  .iPadbg
  {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:1024px;
    z-index:-100;
    background-image:url(../images/backgrounds/home.jpg);
  }
  
    .iPadContact
  {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:1024px;
    z-index:-100;
    background-image:url(../images/backgrounds/contact.jpg);
    background-repeat:no-repeat;
  }
  
  .textInput
{
    width:300px;
}

}

@media screen and (orientation:portrait)
{
    .iPadContact
    {
        background-size:auto 100%;
       -webkit-background-size: auto 100%;

    }
}

@media screen and (orientation:landscape)
{
    .iPadContact
    {
       background-size:100% auto;
       -webkit-background-size: 100% auto;
    }
}


@media only screen and (max-width: 400px)
{
 .noiphone
 {
     display:none;
 }
 .cats
 {
     max-width:300px;
 }
 .linksTable
 {
     max-width:300px;
     overflow:hidden;
 }
  .contentBuffer
  {
    min-height:100px;
  }
  
  .content h1
  {
    font-size:24px;
  }
  
  .contentHeader p
  {
      font-size:30px;
  }
  
  .textInput
  {
    width:200px;
    margin:0;
  }
  
      .linksTable
    {
        width:300px;
        position:relative;
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
    .italicBody {
	font-family: "Arapey :400italic";
	font-style: italic;
}

}

/* Portrait */

@media screen and (orientation:portrait) and (max-width: 400px)
{
    .iPadbg
    {
       background-size:75% auto;
       -webkit-background-size: 75% auto;
    }
}

/* Landscape */

@media screen and (orientation:landscape) and (max-width: 400px)
{
    .iPadbg
    {
       background-size:75% auto;
       -webkit-background-size: 75% auto;
    }
}