body{
font-family: "Helvetica","Arial";
}

.pagecolour1{
width: 100%;
height: 100%;
background-color: #e6e0dc;
}

.pagecolour2{
width: 100%;
height: 100%;
background-color: #dce6e3;
}

.pagecolour3{
width: 100%;
height: 100%;
background-color: #e4e6dc;
}

.pagecolour4{
width: 100%;
height: 100%;
background-color: #dedce6;
}

#wrapper{
padding: 0px 0px 0px 0px;
margin: 20px auto 0px auto;
width:430px;
height:auto;
/* background-color: aqua; */
}

#content{
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:auto;
width:430px;
/* background-color: green; */
border-top: 1px dotted #393536;
}

#top{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:165px;
width:430px;
/* background-color: blue; */
}

#logo{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:165px;
width:230px;
/* background-color: lime; */
float: left;
position: relative;
}

.logoplace{
position: absolute;
bottom: 10px;
left: 0px;
}

a:hover.logoplace{
border: 0;
background: none;
}

a:link.logoplace{
border: 0;
background: none;
}

a:visited.logoplace{
border: 0;
background: none;
}

#nav{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:165px;
width:200px;
/* background-color: maroon; */
float: left;
position: relative;
}

#footer{
padding: 10px 0px 0px 0px;
margin: 20px 0px 0px 0px;
height:50px;
width:430px;
border-top: 1px dotted #393536;
/* background-color: blue; */
position: relative;
}

.pt{
position: absolute;
right: 0px;
top:10px;
}

.photo{
padding: 10px;
background-color: #ffffff;
margin: 20px 0px 0px 0px;
}

/* Typography */

p{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
color:#393536; 
}

.heading{
font-size: 24px;
color: #ffffff;
background-color: #393536;
padding: 3px 10px 3px 10px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}

h1{
margin: 10px 0px 20px 0px;
}

.col1{
color:#00dbb6;
}

.whitequote{
margin: 10px 0 10px 0;
background-color: #D8D2CD;
padding: 10px 10px 10px 10px;
}


/* Nav */

#menu{
position: absolute;
bottom: 10px;
right: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
}

#menu ul{
list-style: none;
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px; 
}

#menu li{
padding: 0px 0px 0px 0px;
margin: 9px 0px 0px 0px;
line-height: 12px;
}

#menu li a{
text-decoration: none;
padding: 2px 3px 2px 3px;
color: #393536;
background:none;
border: none;
}

#menu li a:hover{
background-color: #ffffff;
font-weight: normal;
}

#menu li a.current{
background-color: #ffffff;
border-bottom: 1px solid #00dbb6;
font-weight: normal;
}


/* Links */

a:link {text-decoration: none; color:#393536; padding: 0px 2px 0px 2px; background-color: #ffffff; }
a:visited {text-decoration: none; color:#393536; padding: 0px 2px 0px 2px; background-color: #ffffff;}
a:active {text-decoration: none}
a:hover {text-decoration: none; border-bottom: 1px solid #00dbb6;}

.ptlink a:link {text-decoration: none;}
.ptlink a:visited {text-decoration: none}
.ptlink a:active {text-decoration: none}
.ptlink a:hover {text-decoration: none; border: none}