* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
/*
IE/Win isn't happy about stretching the table in a 100% height
(it stretches fixed-height cells, rather than just the variable-height one)
so we remove the pretiness for IE/Win, and just have it beautiful
in browsers that work.
We do this using the * html hack (how do the IE team manage to make things so wrong?)
* html, * html body {
height: auto;
}
*/
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 70%;
/* background-color: #fff; */
background-color: #000;
}
table {
margin-top: 10px;
width: 770px;
height: 100%;
margin-left: auto;
margin-right: auto;
border: 0;
border: 1px solid white;
}
th, td {
border: 0;
}
#header {
height: 64px;
/* background-color: #fff; */
background-color: #646464;
}
#header h1 {
/* background: transparent url(/res/img/branding/Russells_logo_s.jpg) 100% 50% no-repeat; */
background: transparent url(/res/img/branding/Russells_logo_s.jpg) 100% 50% no-repeat;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
height: 100%;
}
#header a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
text-indent: -9999px;
}
#illustration {
background: #4c4c4c url(/res/img/branding/main_rec.jpg) 50% 50% no-repeat;
width: 100%;
height: 100%;
}
.services #illustration {
background: #fff url(/res/img/branding/services_wai.jpg) 50% 50% no-repeat;
}
.contact #illustration {
background: #fff url(/res/img/branding/contact_rec.jpg) 50% 50% no-repeat;
}
#text ul#personnelList {
border: 1px solid #fff;
border-width: 1px 0 0 0;
width: 50%;
float: right;
margin: 0;
list-style: none;
}
#text ul#personnelList li {
line-height: 1.5;
border: 1px solid #fff;
border-width: 0 1px 1px 1px;
}
#text ul#personnelList li a {
display: block;
width: 100%;
color: #fff;
text-decoration: none;
}
#text ul#personnelList li a:hover {
background-color: #efefef;
color: #646464;
}
/*
*/
#text ul#personnelList li a span {
display: block;
padding: 0 12px;
}
#departmentForm {
padding: 1px;
width: 45%;
float: left;
}
#departmentForm select {
float: left;
}
#departmentForm input {
float: right;
}
#text #person {
border: 1px solid #fff;
width: 45%;
margin-bottom: 12px;
}
#text #person dt, #text #person p {
font-weight: 900;
margin: 6px 12px;
padding: 0;
}
#text #person dd {
margin: 0 0 12px 12px;
padding: 0;
}
#text #person p {
border: 1px solid #fff;
margin: 12px 12px;
}
#text #person p a {
display: block;
width: 100%;
text-decoration: none;
}
#text #person p span {
display: block;
padding: 2px 8px;
text-align: center;
}
#text #person p a:hover {
color: #646464;
background-color: #efefef;
}
/*
*/
.tallLink, .currentPageTallLink {
background-color: #ccc;
width: 20px;
border-left: 1px solid #fff;
}
.tallLink a, .currentPageTallLink a {
cursor: pointer;
line-height: 100%;
vertical-align: top;
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}
.tallLink a img, .currentPageTallLink a img {
display: block;
border: 0;
}
#first {
background-color: #efefef;
}
#second {
background-color: #e0e0e0;
}
#third {
background-color: #d0d0d0;
}
#fourth {
background-color: #c1c1c1;
}
#fifth {
background-color: #b1b1b1;
}
.currentPageTallLink#first,
.currentPageTallLink#second,
.currentPageTallLink#third,
.currentPageTallLink#fourth,
.currentPageTallLink#fifth {
/* background-color: #4c4c4c; */
background-color: #fe2f35;
}
tbody {
vertical-align: top;
}
#primaryNavigation {
height: 21px;
/* background-color: #efefef; */
/* background-color: #ee3338; */
background-color: #fe2f35;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
#primaryNavigation ul {
float: right;
clear: both;
height: 21px;
}
#primaryNavigation li {
display: block;
float: left;
height: 21px;
/* background-color: #efefef; */
/* background-color: #ee3338; */
background-color: #fe2f35;
}
#primaryNavigation a {
text-decoration: none;
display: block;
text-indent: -9999px;
background: transparent url(/res/img/navigation/blackline.jpg) 100% 0 no-repeat;
width: 100%;
height: 21px;
line-height: 21px;
}
#homePN {
width: 62px;
background: transparent url(/res/img/navigation/home.jpg) 18px 0 no-repeat;
}
#homePN a:hover {
width: 62px;
background: transparent url(/res/img/navigation/homeroll.jpg) 18px 0 no-repeat;
}
#aboutusPN {
width: 83px;
background: transparent url(/res/img/navigation/aboutus.jpg) 18px 0 no-repeat;
}
#aboutusPN a:hover {
width: 83px;
background: transparent url(/res/img/navigation/aboutusroll.jpg) 18px 0 no-repeat;
}
#whyusePN {
width: 133px;
background: transparent url(/res/img/navigation/whyuse.jpg) 18px 0 no-repeat;
}
#whyusePN a:hover {
width: 133px;
background: transparent url(/res/img/navigation/whyuseroll.jpg) 18px 0 no-repeat;
}
#servicesPN {
width: 81px;
background: transparent url(/res/img/navigation/services.jpg) 18px 0 no-repeat;
}
#servicesPN a:hover {
width: 81px;
background: transparent url(/res/img/navigation/servicesroll.jpg) 18px 0 no-repeat;
}
#contactPN {
width: 79px;
background: transparent url(/res/img/navigation/contact.jpg) 18px 0 no-repeat;
}
#contactPN a:hover {
width: 79px;
background: transparent url(/res/img/navigation/contactroll.jpg) 18px 0 no-repeat;
}
#contactPN a {
background-image: none;
}
#footer {
background-color: #3a3a3a;
/* background-color: #07102b; */
color: #fff;
/* height: 42px; */
height: 30px;
text-align: right;
}
#flashContainer {
/* height: 250px; */
height: 219px;
width: 770px;
background-color: #000;
color: #f00;
}
.services #flashContainer {
width: 665px;
}
.contact #flashContainer {
width: 728px;
}
#empty {
height: 121px;
min-height: 121px;
background-color: #4c4c4c;
/* background-color: #47506b; */
color: #fff;
}
#text {
background-color: #646464;
/* background-color: #616a85; */
color: #fff;
padding: 35px 32px 54px 58px;
}
#text p {
line-height: 1.5em;
margin: 1em 0;
}
#text a {
text-decoration: none;
}
#text a:link {
color: #ccc;
}
#text a:visited {
color: #bbb;
}
#text a:hover {
/* color: #fff; */
color: #ee3338;
text-decoration: underline;
}
#text a:active {
color: #fff;
}
#text ul, #text ol {
margin: 1em 0 1em 2em;
}
#text ul li {
/* margin-bottom: 5px; */
}
#personnelList.ul li {
margin-bottom: 0px;
}
#text dd {
margin-left: 2em;
}
#text h2 {
color: #c5c5c5;
font-weight: normal;
text-transform: uppercase;
width: 100%;
height: 22px;
line-height: 22px;
overflow: hidden;
font-size: 18px;
margin-bottom: 1em;
text-indent: -9999px;
background: transparent url(/res/img/titles/welcome.gif) 0 50% no-repeat;
}
.aboutus #text h2 {
background: transparent url(/res/img/titles/about_us.gif) 0 50% no-repeat;
}
.whyuse #text h2 {
background: transparent url(/res/img/titles/why_use_russells.gif) 0 50% no-repeat;
}
.services #text h2 {
background: transparent url(/res/img/titles/services.gif) 0 50% no-repeat;
}
.contact #text h2 {
background: transparent url(/res/img/titles/contact.gif) 0 50% no-repeat;
}
#commercial #text h2 {
background: transparent url(/res/img/titles/services_commercial.gif) 0 50% no-repeat;
}
#litigation #text h2 {
background: transparent url(/res/img/titles/services_litigation.gif) 0 50% no-repeat;
}
#conveyancing #text h2 {
background: transparent url(/res/img/titles/services_conveyancing.gif) 0 50% no-repeat;
}
#wills_and_probates #text h2 {
background: transparent url(/res/img/titles/services_wills_probate.gif) 0 50% no-repeat;
}
#matrimonial #text h2 {
background: transparent url(/res/img/titles/services_matrimonial.gif) 0 50% no-repeat;
}
#employment #text h2 {
background: transparent url(/res/img/titles/services_employment.gif) 0 50% no-repeat;
}
#personnel #text h2 {
background: transparent url(/res/img/titles/contact_personnel.gif) 0 50% no-repeat;
}
#map_and_contact_details #text h2 {
background: transparent url(/res/img/titles/contact_map_directions.gif) 0 50% no-repeat;
}
#text h2 span {
color: #fff;
}
#text h3 {
font-size: 1.25em;
}
#text h4 {
font-size: 1.1em;
}
#contactInformation, #pdf {
width: 260px;
float: left;
clear: left;
}
#contactInformation .caption {
font-weight: 900;
color: #efefef;
display: block;
width: 8em;
float: left;
}
#contactInformation #address {
margin-left: 8em;
}
#flashMap {
width: 322px;
float: right;
border: 1px solid #fff;
padding: 18px;
margin: 0 0 12px 0;
}
#pdf a {
display: block;
background: transparent url(/res/img/icons/pdficon.gif) 0 50% no-repeat;
height: 32px;
line-height: 32px;
vertical-align: middle;
padding-left: 40px;
}
#embeddedMap {
margin: 12px 0;
}
#acrobatDownload {
font-style: italic;
clear: left;
}
#acrobatDownload a img {
border-width: 0;
}
#footer p {
/* line-height: 42px; */
line-height: 30px;
padding-right: 32px;
}
/* fix IE/Win 3pixel jog, comment hack to leave IE/Mac alone \*/
* html #contactInformation #address {
height: 1%;
}
* html body {
height: auto;
}
/* end Mac/IE hiding */
#text #secretaries {
border: 1px solid #fff;
width: 45%;
margin-bottom: 12px;
}
#text #secretaries dt, #text #secretaries p {
font-weight: 900;
margin: 6px 12px;
padding: 0;
}
#text #secretaries dd {
margin: 0 0 12px 12px;
padding: 0;
}
#text #secretaries p {
border: 1px solid #fff;
margin: 12px 12px;
}
#text #secretaries p a {
display: block;
width: 100%;
text-decoration: none;
}
#text #secretaries p span {
display: block;
padding: 2px 8px;
text-align: center;
}
#text #secretaries p a:hover {
color: #646464;
background-color: #efefef;
}
select {
width: 250px;
}
option:hover {
background-color: #fe2f35;
}