* {font-family: Arial, Helvetica, sans-serif;}

p, h1, h2, h3, h4 {	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	line-height: 1.6em;
	color: #000000;
	font-weight: normal;
	text-decoration:none;}
li, p, .button, .dogbehaviourbutton, .supportbutton, .discoverycallbutton, .button2, .button3   {font-size: 1.2em;}
li {line-height: 1em;
	font-weight: normal;}
#navigation li {line-height: 1.5em !important;}
h4 {font-size: 1.8em; line-height: 1.4em; color: #000000; position:auto;}
h1 {font-size: 2.6em; line-height: 1.2em; color: #411469;}
h2 {font-size: 2.4em; line-height: 1.4em; color: #411469;}
h3 {line-height: 1.7em; color: #411469;}
.purple {color: #411469;}
.purplelarge {font-size: 5.4em !important; line-height: 1.4em; color: #411469;}
.caps {text-transform: uppercase; }
.margintop{ margin-top: -20px;}
a:link, a:visited, a:hover, a:active  {text-decoration: none; color:inherit;}
.succeed {color:#d9860f !important; font-weight:bold !important;}

ul li { list-style:disc; margin:0%; padding:0%; text-indent:0%}
body { word-wrap: break-word;}
.mobile {font-size: 2.5em; color: #000000; font-weight: normal;}
.email {font-size: 1.3em; color: #411469; text-decoration:none; font-weight: normal;}
.center {color:#fff;}

/*Header*/
#header { margin:0% auto; top:0%; left:0%; width:960px; padding:20px; height:110px;}
#logo {background-image: url(/images/logo.jpg); width:320px; height:144px; position: relative; margin-left:30px; margin-top:20px; display: block; float:left;}
#calltoaction {position: relative; top:40px; right:20px; width:600px; height:100px; text-align: right; float:right;}
#signin {position: relative; top:0%; right:20px; width:100px; height:15px; text-align: right; float:right; border-radius: 15px; padding: 10px; color:#ffffff; text-transform: uppercase; text-align:center;}

#signin, #navigation, .button, .button2, .button3, .dogbehaviourbutton, .supportbutton, .discoverycallbutton {background-image: url(images/buttonfade.png); background-size: contain;}
.succeedbutton {background-image: url(images/buttonfadeorange.png); background-size: contain;}

/*Navigation*/
#navigation { text-align: center; width: 100%; margin-top:50px; height: 41px; padding-bottom:9px; align-content: center;}
	.nav {margin:0% auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:white;}
	.nav li {display: inline-block; overflow:visible; padding-top:15px; padding-right: 40px; padding-left: 10px; }
	.nav li:hover {font-weight: bold;}

/*Insurance*/
#insurance { text-align: center; width: 100%; margin-top:0px; height: 41px; padding-top:18px; align-content: center; background-image:url(images/buttonfadeblue.png); background-size: contain;}
	.insure {text-transform: uppercase; margin:0% auto; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:white;}

/*Reflections Page*/
.reflection {font-style:italic; font-size:1.5em; width:800px;}
#reflections #imgright {margin-left:550px; top:280px;}

/*Footer*/
#footer { text-align: center; background-color: #411469; width: 100%; margin:0px; margin-top:50px; height: 300px; padding-bottom:9px; align-content: center;}
	.footercontent {margin:0% auto; font-weight:bold; color:white;  position: relative; width:900px; height: 260px; vertical-align: top;  display: inline-block; top:20px;}
	.footercontent p {line-height:1em !important;text-align: left; color: #fff; margin: 0px; display: inline-block; width:220px; height: 250px; vertical-align: top;}
	.footercontent a:hover, #footemail a:hover {font-weight: bold;}
	#copyright, #footemail {position: absolute; width: 100%; text-align: center; color: #fff !important;}
	#copyright {margin-top:-20px; }
	#footemail {margin-top:-60px; font-size:1.5em !important; color:#FFF !important;}
	#footemail a {margin-right:20px;}

/*Homepage*/
#welcomecontent { margin:0% auto; width: 900px; padding:50px;}
#fullwidth {width:900px !important; font-size: 2.4em !important; line-height: 1.4em !important; color: #411469 !important;}
#reducedwidth {width:470px;}
#welcomecontentintro {width:500px;}
#dogbehaviourcontainer .columns {
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;
 
   -webkit-column-gap: 50px;
      -moz-column-gap: 50px;
           column-gap: 50px;
}

#dogfieldcontent { margin:0% auto; width: 900px; padding:50px;}
#dogfieldcontent h2, #dogfieldcontent h3, #dogfieldcontent p {padding-left:300px;}
#dogbehaviourcontainer { width: 100%; padding-bottom:60px; background-color: #dad0e8}

/*Booking Page*/
#booking #welcomecontent h2, #booking #welcomecontent h3 {width:900px;}
#rulescontainer { width: 100%; height: 1650px; background-color: #dad0e8}
#welcome #rulescontainer { width: 100%; height: 1400px; background-color: #dad0e8}
#rulescontent { margin:0% auto; width: 900px; padding:50px; }

/*Image Positions*/
#imgright {position: absolute; width:300px; height:450px; top:500px; margin-left:50px; display: inline-block;}
#aboutme #imgright, #signinpage #imgright {margin-left:550px; top:450px;}
#k9field #imgright {margin-left:600px; top:350px;}
#support #imgright {margin-left:550px; margin-top:-50px;}
#imgleft {position: absolute; width:300px; height:500px; margin-left:-150px; margin-top:-350px; display: inline-block;}
#getstarted #imgright {margin-left:550px; top:350px;}
#dogbehaviour #imgright {margin-left:550px; top:400px !important;}

/*About Me Page*/
#logos {margin:0% auto; width: 900px; height:200px;}
.logos {position: relative; border: 0px; display: inline-block; vertical-align: middle; padding-right:50px;}
#testimonials { position:relative; margin-top:50px; width:100%; height:150px; text-align:center; font-size:2em; font-style:italic; background-color:#d7d7d7; padding-top:75px;}
#testies {margin:0 auto; width:700px !important;}

/*How Can We Help Page*/
#dogbehaviour #dogbehaviourcontainer { width: 100%; height: 200px; background-color: #dad0e8}
#dogbehaviourcontent, #rulescontent { margin:0% auto; width: 900px; padding:50px; }

/*Dog Field Page*/
#openingtimes h2 { font-size: 2.5em; }
#openingtimes p { font-size: 2em; line-height: 1.5em; margin-top:-30px;}
#k9field li {line-height:1.6em !important;}

#mudwatch { height:200px !important;}

/*Get Started Page*/
#reveal1, #reveal2, #reveal3 {display:none; height:auto; margin-bottom:50px;}
#revealclick1, #revealclick2, #revealclick3 {visibility:visible;}
#getstarted .button {width:400px !IMPORTANT; height:50px !important;}
#getstarted #footer {margin-top:100px;}
#getstarted #welcomecontent h2, #getstarted #welcomecontent h3 {width:900px;}

/*Purple Button Styles*/
.button, .button2, .button3 {
  	border-radius: 15px;
  	padding: 20px;
	color:#ffffff;
	text-transform: uppercase;
	text-align:center;
	margin-top:30px;
}

.succeedbutton {
  	border-radius: 15px;
  	padding: 20px;
	color:#411469;
	text-transform: uppercase;
	text-align:center;
	margin-top:30px;
}

.dogbehaviourbutton {width:600px !important;
  	border-radius: 15px;
  	padding: 20px;
	color:#ffffff;
	text-transform: uppercase;
	text-align:center;
	margin-bottom:30px;
}
.supportbutton {width:500px !important;
  	border-radius: 15px;
  	padding: 20px;
	color:#ffffff;
	text-transform: uppercase;
	text-align:center;
	margin-bottom:30px;
}
.discoverycallbutton {width:300px !important;
  	border-radius: 15px;
  	padding: 20px;
	color:#ffffff;
	text-transform: uppercase;
	text-align:center;
	margin-bottom:30px;
}



#dogfieldcontent .button {margin-left:300px; margin-right:70px; height: 40px}
#dogbehaviourcontent .button {height: 20px}
#booking .button {width: 900px !important; height:20px !important;}
#welcomecontent .button {width:200px; height: 40px; margin-top:-10px; display: inline-block; margin-right:30px;}
#welcomecontent .button3 {width:200px; height: 20px; margin-top:-10px; display: inline-block; margin-right:30px;}

.button:hover, .button2:hover, .dogbehaviourbutton:hover, .supportbutton:hover, .discoverycallbutton:hover #signin:hover {background-image: url(images/buttonfadehover.png); background-size: contain; color:#dad0e8; font-weight: bold;}

.succeedbutton:hover {background-image: url(images/buttonfadehoverorange.png); background-size: contain; font-weight: bold;}


/*Support packages page*/

#supportboxleft {
    display: inline-block;
	width:33%;
	background:purple;
	text-align:center;
    color: white;
}

#supportboxmiddle {
	display: inline-block;
	width:33%;
    background:blue;
	text-align:center;
    color: white;
}

#supportboxright {
	display: inline-block;
	width:33%;
    background:silver;
    text-align:center;
    color: white;
}

#packagescontainer {
	
	text-align:center;
 
}

#supportboxleft p, #supportboxmiddle p, #supportboxright p {
	color: white;
}

#supportboxleft ul li, #supportboxmiddle ul li, #supportboxright ul li {
	
}

#support #dogbehaviourcontainer { width: 100%; height: 270px; background-color: #dad0e8}

  /* Services Table styles */

th {background-color: #411469; color:white; font-weight:bold; font-family: Helvetica, Arial, "sans-serif"; center; padding:5px; border:2px solid white;}	

td {color:black; font-family: Helvetica, Arial, "sans-serif"; text-align: center; padding:5px;}

.grey {background-color: #d4d4d4;}

.tick {font-size:2.0em; color:#00c82f;}

table {
    border:none;
    border-collapse: collapse;
	margin-bottom:50px;
	width:540px;
}

table td {
    border-right: 2px solid #000;
}

table td:first-child {
    border-left: none;
}

table td:last-child {
    border-right: none;
}

  /* mobile specific styles */
@media only screen and (max-device-width: 480px) {
h4 {font-size: 4.0em;
	line-height: 1.6em; }
h1 {font-size: 5.2em; line-height: 1.5em;}
h2 {font-size: 4.5em; line-height: 1.5em; }
h3, p {font-size: 2.6em; line-height: 1.8em; }
ul {font-size: 1.6em; line-height: 1.5em; }
#header {width:100% !important; padding:20px; height:300px;}
#logo{background-repeat: no-repeat; background-position: center; background-size: 70%; width:90% !important; height:300px; position: relative; margin-left:0%; margin-top:0%; display: block; float:none;}
#calltoaction {position: relative; top:40px; right:0%; width:90%; height:100px; text-align: center !important; float:none;}
.mobile {font-size: 4.5em;}
.email {font-size: 1.8em;}
#navigation { text-align: center; background-color: #411469; width: 100%; margin-top:200px; height: 500px !important; padding-bottom:9px; align-content: center;}
.nav li {overflow:visible; padding-top:15px; padding-right: 40px; padding-left: 10px; font-size: 1.5em !important; display: block; }
#imgleft {visibility: hidden !important;}
#imgright {visibility: hidden !important;}
#welcomecontent h2, #welcomecontent h3 {width:90%;}
#welcomecontentintro {width:90%;}
#dogfieldcontent h2, #dogfieldcontent h3, #dogfieldcontent p {padding-left:0%;}
#dogbehaviourcontainer .columns {
   -webkit-column-count: 1;
      -moz-column-count: 1;
           column-count: 1;
 
   -webkit-column-gap: 50px;
      -moz-column-gap: 50px;
           column-gap: 50px;
}
#insurance { text-align: center; width: 100%; margin-top:0px; height: 120px; padding-top:25px; align-content: center; background-image:url(images/buttonfadeblue.png); background-size: contain;}
	.insure {text-transform: uppercase; margin:0% auto; font-size:2.25em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:white;}

#dogbehaviourcontainer {height: 3000px; width: 100%}
	#welcomecontent .button {height:100px !important; margin-bottom:50px;}
#dogbehaviourcontent {width: 90%;}
	.button, .dogbehaviourbutton, .supportbutton {height: 230px !important; padding-top:50px; padding-bottom:0%; font-size:3.2em !important; display: block;}
	.button2, .button3, .discoverycallbutton {height: 100px !important; width:95% !important; padding-top:50px; margin-bottom:50px; margin-left:-20px; padding-bottom:0%; font-size:3.2em !important; display: block;}
#dogfieldcontent .button {margin-left:0%; margin-right:0%; height: 40px; width:90% !important; margin-bottom:50px; padding-bottom:0%;}
#dogbehaviourcontent .button {height: 20px}
#welcomecontent .button {height: 40px; display: block; margin-right:0px; width:90% !important;}
#getstarted .button {width:450px; height:250px !important;}
#footer {height: 800px;}
#dogbehaviour #dogbehaviourcontainer {height: 800px !important;}
#k9field .supportbutton { width:100% !important; height:170px !important;}
#support .supportbutton { width:95% !important; height:100px !important;}
#support .welcomecontent { width:95% !important;}
#support #dogbehaviourcontainer {height: 800px !important;}
#openingtimes h2 { font-size: 5.5em !important; }
#openingtimes p { font-size: 5.5em !important; line-height: 1.5em; margin-top:-30px;}
#k9field #welcomecontent {margin-top:30px !important; height:5500px;}
#footemail {font-size: 3.0em !important; margin-top:200px; z-index:999999999;}
	#copyright {margin-top:350px; }
table {
	width:95%;
font-size:2.0em;
}
#footer img {width:auto; height:90px;}
.footercontent p {padding-right:30px; font-size:1.9em; width:20%; line-height:1.5em;}
}

blahk9field #imgright { position: relative; top: 0px !important; margin: 0px; visibility: visible !important; width: 90% !important;}
blahk9field #imgright img {width:100% !important; }
blahk9field #imgright .button {margin-top:300px !important; }