﻿body {font-family:arial;
    color:#6c9bb0;}
    
h1 {font-family:Arial;
	color:#0065a7
}

h2 {font-family:Arial;
	color:#0065a7
}

a:link {color:#6c9bb0;}
a:visited {color:#6c9bb0;}
a:hover {color:#6c9bb0;}
a:active {color:#6c9bb0;}

label {float: left;
        width: 10em;
        margin-right: 1em;
        text-align: left;
}

/*Main Page Layout*/
#wrap {width:98%   ;
    margin:0 auto;}
    
#titlebar {width:98%;
    height:150px;
    -moz-border-radius: 2em 2em 0em 0em;
    border-radius: 2em 2em 0em 0em;
    box-shadow:inset 0 0 5px #0065a7;}
    
#navbar {position:relative;
    width:98%;
    height:50px;
    top:-1px;
    }
    
#mainbody {position:relative;
    width:98%;
    height:100%;
    top:-2px;
    }
    
#body {position:relative;
    width:98%;
    height:550px;
    left:50px;
    top:30px;}
    
#footer {position:relative;
    width:100%;
    height:20px;
    text-align:center;}
    
#testleft {position:absolute;
	width: 200px;
	height: 200px;
	top: 386px;
	left: 150px;}
	
#testright {position:absolute;
	width: 200px;
	height: 200px;
	top: 370px;
	left: 550px;}
    
/*Classes*/

/* .button {background-color: #008CBA;}*/

.button {
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white;
  color: black;
  border: 2px solid #04AA6D;
}

.button1:hover {
  background-color: #04AA6D;
  color: white;
}

.button2 {
  background-color: white;
  color: black;
  border: 2px solid #008CBA;
}




.logotitle {background-image:url("images/logosmall.jpg");
    position:relative;
    width:110px;
    height:140px;
    top:5px;
    left:30px;
    background-repeat:no-repeat}

.headertitle {background-image:url("images/headertitle.jpg");
    position:relative;
    width:100%;
    height:140px;
    top:-135px;
    left:200px;
    background-repeat:no-repeat}
    
.navhome {position:absolute;
    width:142px;
    height:50px;
    left:-1px;
    top:-1px;
    background-image:url("images/home.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}
    
.navtherapist {position:absolute;
    width:142px;
    height:50px;
    left:142px;
    top:-1px;
    background-image:url("images/counsellors_old.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}

.navfaq {position:absolute;
    width:142px;
    height:50px;
    left:285px;
    top:-1px;
    background-image:url("images/faq.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}
    
.navmethods {position:absolute;
    width:142px;
    height:50px;
    left:428px;
    top:-1px;
    background-image:url("images/methods.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}
    
.navfees {position:absolute;
    width:142px;
    height:50px;
    left:571px;
    top:-1px;
    background-image:url("images/fees.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}
    
.navtestimonials {position:absolute;
    width:142px;
    height:50px;
    left:714px;
    top:-1px;
    background-image:url("images/testimonials.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}
    
.navcontact {position:absolute;
    width:142px;
    height:50px;
    left:857px;
    top:-1px;
    background-image:url("images/contact.jpg");
    -moz-box-shadow:inset 0 0 5px #0065a7;
    -webkit-box-shadow:inset 0 0 5px #0065a7;
    box-shadow:inset 0 0 5px #0065a7;}
    
.emma {position:absolute;
    width: 200px;
    height: 50px;
    top: 200px;
    left: 150px;}
	
.cat {position:absolute;
    width: 200px;
    height: 50px;
    top: 200px;
    left: 550px;}
	
.emmapic {background-image:url("images/emma.jpg");
    position:absolute;
    width: 152px;
    height: 200px;
    top: 260px;
    left: 170px;
    background-repeat:no-repeat}
	
.catpic {background-image:url("images/cat.jpg");
    position:absolute;
    width: 152px;
    height: 200px;
    top: 260px;
    left: 570px;
    background-repeat:no-repeat}
	
.map {position:absolute;
    width:430px;
    height:360px;
    top:280px;
    left:505px;}
        
.contact {position:absolute;
    width:230px;
    height:360px;
    top:330px;
    left:80px;}

