/*
THEME NAME: Purely PR
THEME URI: http://www.purelypr.co.uk
DESCRIPTION: Theme for the Reading UK based PR company Purely PR
VERSION: 1.6.1
AUTHOR: Jonny Wing
AUTHOR URI:
TAGS: 
*/

body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
line-height: 150%;
color: #7d7c78;
margin: 0;
padding: 0;
background-color: #333;
}
a {
color: #7d7c78;
}
a:hover {
color: #333;
}
div#access {
display: none;
}
div#page {
background-image: url(images/headerbg.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
background-color: #fff;
}
div#holder {
width: 740px;
margin: 0 auto;
position: relative;
padding: 0;
}
div#holder div#adjuster {
margin: 0 10px 0 -10px;
}
div#holder div#logo {
position: absolute;
background-image: url(images/logo.png);
background-repeat: no-repeat;
height: 183px;
width: 165px;
text-indent: -4000px;
top:0;
left: 8px;
}
div#holder p#latestnews {
background-image: url(images/latestnewstitle.png);
background-position: 0 7px;
background-repeat: no-repeat;
height: 15px;
padding: 4px 0 0 105px;
margin: 0 0 0 176px;
color: #fff;
}
div#holder div#littledude {
background-repeat: no-repeat;
height: 142px;
width: 398px;
text-indent: -4000px;
float: right;
margin: 35px 0 -10px 0;
}
div#holder div.homedude {
background-image: url(images/homedude.png);
}
div#holder div.whatwecostdude {
background-image: url(images/whatwecostdude.png);
}
div#holder div.whatwedodude {
background-image: url(images/whatwedodude.png);
}
div#holder div.whowearedude {
background-image: url(images/whowearedude.png);
}
.clearall {
clear:both;
}
div#wrapper {
margin: 0 0 0 0;
}
div#wrapper div#menu {
float: left;
width: 145px;
border-right: 1px solid #edefee;
text-align: right;
}
div#wrapper div#menu ul {
margin: 0 30px 0 0;
padding: 0;
list-style-type: none;
text-align: right; 
}
div#wrapper div#menu ul li {
color: #006a82;
font-weight: bold;
line-height: 120%;
margin: 0 0 13px 0;
}
div#wrapper div#menu ul li a {
color: #a5ada8;
font-weight: normal;
}
div#wrapper div#menu ul li.selected a {
font-weight: bold;
text-decoration: none;
}
div#wrapper div#menu ul li a:hover {
color: #333;
}
div#wrapper div#menu img {
padding:0;
margin:90px 20px 0 0;
}
div#wrapper div#content {
float: right;
width: 565px
}
div#wrapper div#content h1 {
background-repeat: no-repeat;
height: 25px;
text-indent: -4000px;
margin: 0;
}
div#wrapper div#content h2 {
font-size:100%;
font-weight: bold;
margin-top:12px;
}
/* TITLES */
div#wrapper div#content h1.hometitle {
background-image: url(images/hometitle.png);
}
div#wrapper div#content h1.whatweoffer {
background-image: url(images/whatweoffertitle.png);
}
div#wrapper div#content h1.whatwecost {
background-image: url(images/whatwecosttitle.png);
}
div#wrapper div#content h1.whoispurelypr {
background-image: url(images/whoispurelyprtitle.png);
}
div#wrapper div#content h1.contactus {
background-image: url(images/contacttitle.png);
}
div#footerwrapper {
margin: 20px 0 0 0;
border-top: 12px solid #e7e7e7;
background-color: #c7cac1;
background-image: url(images/footerendbg.png);
background-repeat: repeat-x;
background-position: bottom;
}
div#footerwrapper div#footer {
width: 740px;
margin: 10px auto 20px auto;
position: relative;
padding: 0 0 0 0;
font-size: 90%
}
div#footerwrapper div#footer a {
color:#7d7c78;
text-decoration: underline;
}
div#footerwrapper div#footer a:hover {
color:#333;
}
div#footerwrapper div#footer div#contactus, div#footerwrapper div#footer div#thecompany, div#footerwrapper div#footer div#ourfriends {
width:225px;
float: left;
margin: 0 0 40px 15px;
}
div#footerwrapper div#footer div#ourfriends {
width:210px;
margin: 0 0 0 35px;
}
div#footerwrapper div#footer h2 {
background-repeat: no-repeat;
text-indent: -4000px;
margin: 10px 0 0 0;
}
div#footerwrapper div#footer div#contactus h2 {
background-image: url(images/contactustitle.png);
}
div#footerwrapper div#footer div#thecompany h2 {
background-image: url(images/thecompanytitle.png);
}
div#footerwrapper div#footer div#ourfriends h2 {
background-image: url(images/ourfriendstitle.png);
margin-bottom: 10px;
}
div#footerwrapper div#footer div#ourfriends span {
display: block;
margin-bottom: 5px
}
div#eyewash {
height: 50px;
text-align: center
}
div#eyewash p {
font-size: 80%;
color: #fff;
}
div#eyewash img {
vertical-align: middle;
}