* {
margin: 0px;
padding: 0px;
}

.news-img {
	float:left;
	width: 109px;
}

.news-img img {
	float:left;
}

.news-item {
	border-bottom:1px solid #DDDBDC;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

ul {
list-style-type: none;
}

.screenreaders {
display: none;
}

body {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
background-color: #f2f2f2;
padding: 40px 0px 20px 0px;
}

#container {
width: 906px;
margin: 0 auto;
border: solid 1px #bcbbbb;
padding: 15px;
background:  #FFFFFF url(http://www.theproffice.co.uk/img/prca-logo.gif) no-repeat right top;
}

#header {
width: 906px;
height: 188px;
float: left;
position: relative;
}

.headerBlue {
}

.headerGreen {

}

.headerGrey {

}

.headerPastel-blue {

}

.headerPink {

}

.headerPurple {

}

.headerRed {

}

.headerOrange {

}

#header img {
position: absolute;
top: 80px;
left: 0px;
}

#logo {
width: 500px;
height: 55px;
float: left;
margin: 12px 0px 0px 20px;
background: url(http://www.theproffice.co.uk/img/titles/proffice_logo_large.jpg) no-repeat;
}
#logo span {
display: none;
}

#topContact {
width: 280px;
float: right;
padding: 10px 30px 0px 0px;
}
#topContact li {
text-align: right;
}

#navigation {
width: 906px;
height: 32px;
float: left;
padding: 2px 0px 5px 0px;
background-color: #ffffff;
}
#navigation li {
display: block;
float: left;
margin-right: 2px;
position: relative;
}
#navigation .navLast {
margin-right: 0px;
}

#navigation .navLastDrop {
width: 70px!important;
}

#navigation ul li ul {
position: absolute;
top: 30px;
left: 0px;
padding: 8px 10px;
border: solid 1px #e8e8e8;
background-color: #ffffff;
}
#navigation ul li ul li {
display: block;
float: left;
border-bottom: solid 1px #e8e8e8;
}

#mainContent {
width: 816px;
float: left;
padding: 40px 40px 40px 50px;
}

.mainContentBlue {
background: url(http://www.theproffice.co.uk/img/line-blue.gif) repeat-x
}

.mainContentVivid-blue {
background: url(http://www.theproffice.co.uk/img/line-blue-vivid.gif) repeat-x
}

.mainContentChalk-blue {
background: url(http://www.theproffice.co.uk/img/line-blue-chalk.gif) repeat-x
}

.mainContentRoyal-blue {
background: url(http://www.theproffice.co.uk/img/line-blue-royal.gif) repeat-x
}

.mainContentGreen {
background: url(http://www.theproffice.co.uk/img/line-green.gif) repeat-x
}

.mainContentGrey {
background: url(http://www.theproffice.co.uk/img/line-blue.gif) repeat-x
/*background: url(http://www.theproffice.co.uk/img/line-grey.gif) repeat-x*/
}

.mainContentPastel-blue {
background: url(http://www.theproffice.co.uk/img/line-pastel-blue.gif) repeat-x
}

.mainContentPink {
background: url(http://www.theproffice.co.uk/img/line-pink.gif) repeat-x
}

.mainContentTurqoise {
background: url(http://www.theproffice.co.uk/img/line-turBlue.gif) repeat-x
}


.mainContentPurple {
background: url(http://www.theproffice.co.uk/img/line-purple.gif) repeat-x
}

.mainContentRed {
background: url(http://www.theproffice.co.uk/img/line-red.gif) repeat-x
}

.mainContentOrange {
background: url(http://www.theproffice.co.uk/img/line-orange.gif) repeat-x
}

#contentLeft {
width: 530px;
float: left;
padding-right: 40px;
text-align: justify;
}

#contentLeft ul {
padding-top: 20px;
}
#contentLeft li {
padding: 2px 0px 2px 20px;
background: url(http://www.theproffice.co.uk/img/bullet.gif) no-repeat left center;
}

.mainContentBlue #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet.gif) no-repeat left center!important;
}

.mainContentVivid-blue #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-blue-vivid.gif) no-repeat left center!important;
}

.mainContentChalk-blue #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-blue-chalk.gif) no-repeat left center!important;
}

.mainContentRoyal-blue #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-blue-royal.gif) no-repeat left center!important;
}

.mainContentGreen #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-green.gif) no-repeat left center!important;
}

.mainContentGrey #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-grey.gif) no-repeat left center!important;
}

.mainContentPastel-blue #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-pastel-blue.gif) no-repeat left center!important;
}

.mainContentPink #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-pink.gif) no-repeat left center!important;
}

.mainContentTurqoise #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-turBlue.gif) no-repeat left center!important;
}

.mainContentPurple #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-purple.gif) no-repeat left center!important;
}

.mainContentRed #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-red.gif) no-repeat left center!important;
}

.mainContentOrange #contentLeft li {
background: url(http://www.theproffice.co.uk/img/bullet-orange.gif) no-repeat left center!important;
}
#contentRight {
width: 240px;
float: left;
margin: 0px;
padding: 0px;
}

#contactBox {
width: 234px;
margin-top: 30px;
float: left;
background: url(http://www.theproffice.co.uk//img/box/side-contact-box-right.gif) repeat-y right;
}
#contactBoxTop {
width: 234px;
height: 15px;
float: left;
background: #ffffff url(http://www.theproffice.co.uk//img/box/side-contact-box-top.gif) no-repeat bottom;
}
#contactBoxMiddle {
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 25px;
font-size: 11px;
color: #666666;
width: 209px;
float: left;
border-left: solid 1px #e9e9e9;
}
#contactBoxMiddle li {
padding-bottom: 5px;
list-style-type: none;
background: none;
}
#contactBoxBottom {
width: 234px;
height: 15px;
float: left;
background: url(http://www.theproffice.co.uk//img/box/side-contact-box-bottom.gif) no-repeat;
}
.telIcon {
background: url(http://www.theproffice.co.uk/img/icon-tel.gif) no-repeat left center!important;
padding-left: 20px;
}
.emailIcon {
background: url(http://www.theproffice.co.uk/img/icon-email.gif) no-repeat left center!important;
padding-left: 20px;
}

#existingMemberBox {
margin-top: 30px;
width: 250px;
height: 280px;
float: left;
background: url(../img/press-centre-hor-repeat.gif) repeat-y right;
}
#existingMemberHeader {
width: 215px;
height: 80px;
background: url(http://www.theproffice.co.uk//img/press-centre-existing-member.gif) no-repeat;
}
#NewVisiterBox {
margin-top: 30px;
padding-top: 80px;
width: 230px;
float: left;
background: url(http://www.theproffice.co.uk//img/press-centre-new-visitor.gif) no-repeat 30px 0px;
}

.articleBox {
width: 410px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.articleTop {
width: 410px;
padding-left: 0px;
}

#signOutBox {
color: #FFFFFF;
background-color: #c0c0c0;
padding: 2px 5px;
margin-bottom:30px;
font-size: 11px;
}

#galleryOuterBox {
width: 504px;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}
.galleryBox {
width: 167px;
height: 167px;
float: left;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
text-align: center;
}
.imgVert {

}

#footer {
width: 806px;
clear: both;
background: url(http://www.theproffice.co.uk//img/bottom_border.gif) repeat-x bottom;
padding: 0px 50px 15px 50px;
}


/***** Link style *****/
a, a:visited {
color: #676566;
font-size: 11px;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

#signOutBox a, #signOutBox a:visited{
color: #FFFFFF;
padding-left: 5px;
text-decoration: underline;
}
#signOutBox a:hover {
text-decoration: none;
}

#navigation ul li ul li a, #navigation ul li ul li a:visited {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 2px 0px;
color: #5b5b5c;
text-align:left;
width: 150px;
text-decoration: none;
display: block;
float: left;
}
#navigation ul li ul li a:hover {
text-decoration: underline;
}
#navigation ul li ul li {
float: left;
}

#contactBoxMiddle a, #contactBoxMiddle a:visited {
color: #666666;
text-decoration: underline;
}
#contactBoxMiddle a:hover {
text-decoration: none;
}

#topContact a, #topContact a:visited, #footer a, #footer a:visited  {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
text-decoration: underline;
}

#topContact a:hover, #footer a:hover {
text-decoration: none;
}
#whatWeDoSub {
width: 150px;
}
#whatWeDoSub .subLast {
border-bottom: none;
}

#contentLeft a, #contentLeft a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
#contentLeft a:hover {
text-decoration: none;
}

/***** font style *****/
p {
padding-top: 20px;
line-height: 20px;
}

h3 {
color: #54728C;
font-weight: bold;
font-size: 16px;
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.mainContentTurqoise h3 {
color: #40d1e2;
font-weight: bold;
font-size: 16px;
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.articleIcon {
background: url(http://www.theproffice.co.uk//img/icon-press-articles.gif) no-repeat right center;
}
.galleryIcon {
background: url(http://www.theproffice.co.uk//img/icon-picture-gallery.gif) no-repeat right center;
}

.teamIcon {
background: url(http://www.theproffice.co.uk//img/icon-people.gif) no-repeat right center;
}

.listStyle1 {
color: #4B6F89;
font-size: 14px;
font-weight: bold;
}

#topContact li, #footer p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}

#topContact li {
padding-bottom: 4px;
}
.textRight, #mainContent .textRight {
text-align: right;
}
#mainContent .articleDate {
color: #5C5C5C;
font-size: 12px;
padding-bottom: 0px;
font-weight: bold;
}
.articleBox .articleBold {
font-weight: bold;
color: #235379;
line-height: 19px;
text-align: left;
font-size: 15px;
}
#mainContent .articleBody {
line-height: 19px;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.articleBox p {
text-align: justify;
padding: 0px;
}
.pdfLink {
background: url(http://www.theproffice.co.uk/img/icon_pdf.gif) no-repeat left center;
padding-left: 20px;
padding-bottom: 2px;
text-align: right:
}

.bold {
font-weight: bold;
}

.articleList li {
padding-bottom: 12px;
}

input {
background-color: #FFFFFF!important;
}
.clear {
clear: both;
}






/** navigation ***/
#navigation span {
display: none;
}

a.buttonHome {
width: 128px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-home.gif) no-repeat 0px 0px;
}
a.buttonAbout {
width: 128px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-about.gif) no-repeat 0px 0px;
}
a.buttonTeam {
width: 127px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-team.gif) no-repeat 0px 0px;
}
a.buttonWhatWeDo {
width: 128px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-what-we-do.gif) no-repeat 0px 0px;
}
a.buttonNews {
width: 128px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-news.gif) no-repeat 0px 0px;
}
a.buttonPress {
width: 127px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-press.gif) no-repeat 0px 0px;
}
a.buttonContact {
width: 128px;
height: 30px;
display: block;
float: left;
background: url(http://www.theproffice.co.uk//img/button-contact.gif) no-repeat 0px 0px;
}

a.buttonHome:hover {
background: url(http://www.theproffice.co.uk//img/button-home.gif) no-repeat 0px -30px;
}
a.buttonAbout:hover {
background: url(http://www.theproffice.co.uk//img/button-about.gif) no-repeat 0px -30px;
}
a.buttonTeam:hover {
background: url(http://www.theproffice.co.uk//img/button-team.gif) no-repeat 0px -30px;
}
a.buttonWhatWeDo:hover {
background: url(http://www.theproffice.co.uk//img/button-what-we-do.gif) no-repeat 0px -30px;
}
a.buttonNews:hover {
background: url(http://www.theproffice.co.uk//img/button-news.gif) no-repeat 0px -30px;
}
a.buttonPress:hover {
background: url(http://www.theproffice.co.uk//img/button-press.gif) no-repeat 0px -30px;
}
a.buttonContact:hover {
background: url(http://www.theproffice.co.uk//img/button-contact.gif) no-repeat 0px -30px;
}

a.linkWhatWeDo, a.linkWhatWeDo:visited {
font-weight: normal;
text-decoration: none;
}
a.linkWhatWeDo:hover {
font-weight: bold;
}

.teamName {
font-weight: bold;
color: #235379;
line-height: 19px;
font-size: 16px;
border-bottom: 1px solid #235379;
}

.teamPosition {
font-weight:normal;
font-size: 14px;
color: #CCCCCC;
margin-top: 5px;
margin-bottom: -18px;
text-align: left!important;
}
.teamPosition  p{
padding-top: 0px;
}

.teamContact {
font-weight: normal;
color: #235379;
line-height: 19px;
text-align:right!important;
font-size:11px;
padding-top: 15px;
}
.teamContact p{
padding-top: 0px;
}

.teamContact a, .teamContact a:visited {
font-weight: bold;
color: #235379;
line-height: 19px;
text-align:right!important;
font-size:11px;
text-decoration:underline;
}

.teamContact a:hover {
text-decoration:none;
}

.teamPhoto {
float: left;
width: 163px;
}
.teamBox {
float: left;
width: 466px;
border-left: 1px solid #e9e9e9;
padding: 30px 60px 20px 40px;
}

#case-studies.teamBox {
padding:10px 10px 10px 19px;
width: 513px;
}

#case-studies.teamBox a {
float: left;
padding:0 0 0 36px;
margin: 5px 35px 5px 0;
background: grey;
line-height:24px;
background: url(http://www.theproffice.co.uk/img/pdf-icon.gif) left no-repeat;
text-align:left;
width:175px;
}

.teamOuterBox {
width: 566px;
display: block;
background: url(http://www.theproffice.co.uk/img/box/theteam-box-right.gif) repeat-y right;
margin:20px 0 0;
}
.teamBoxTop { 
width: 566px;
height: 11px;
float: left;
background: #ffffff url(http://www.theproffice.co.uk/img/box/theteam-box-top.gif) no-repeat bottom;
}
.teamBoxBottom {
width: 566px;
height: 15px;
clear: both;
background:url(http://www.theproffice.co.uk/img/box/theteam-box-bottom.gif) no-repeat top;
}

.jpgBullet {
padding: 2px 0px 2px 25px;
background: url(http://www.theproffice.co.uk/img/jpeg-icon.gif) no-repeat 2px 3px;
}

.teamList li{
padding: 2px 0px 2px 20px;
background: url(http://www.theproffice.co.uk/img/team-arrow-bullet.gif) no-repeat 4px 8px;
}
.teamList {
padding: 0px 0px 0px 10px;
}

#flashcontent {
   vissssibility:hidden;
   width:230px; 
   height:230px;
}