body {
    margin:0;
    font:12px Arial, Helvetica, sans-serif;
    color: #021B35;
    line-height: 21px;
    padding: 0;
    margin: 0;
}
p {
    margin: 0;
    padding: 0 0 25px 0;
    border: 0;
    text-align: justify;
}
p span{
    font:14px Arial, Helvetica, sans-serif;
    line-height: 23px;
    margin: 0;
    padding: 0 0 25px 0;
    border: 0;
}
a {
    color: #0099FF;
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

/*'button' rollover
_____________________________________________________________________________*/
a.button {
    color: #021B35;
    padding: 10px 15px;
    text-align: center;
    font:14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 30px;
    border-bottom: solid #0099FF 1px;
    border-top: solid #0099FF 1px;
    background: #E6E6E6;
    text-decoration: none;
    margin: 0;
}
a:hover.button {
    background: #0099FF;
}
.button p {
    margin: 0;
    padding: 0;
}

/*image
_____________________________________________________________________________*/

img {
    border-style: solid;
    border-color: #021B35;
    border-width: 2px;
    float: right;
    margin: 4px 0 4px 4px;
    padding: 3px;
}
img.left {
    float: left;
    margin: 4px 8px 4px 0;
}

img.no-border {
    border: none;
    float: left;
    padding: 3px;
}

img.img-clear {
    float: left;
    clear: both;
    border-style: solid;
    border-color: #021B35;
    border-width: 2px;
    margin: 10px 0;
    padding: 3px;
}

/*unordered list
_____________________________________________________________________________*/

ul {
    padding: 0;
    margin: 0 0 20px 0;
}
li {
    color: #0099FF;
    font-weight: bold;
    text-decoration: none;    
    padding: 0 0 0px 15px;
    background: url('/styles/images/blue-arrow.gif') no-repeat left top;
    list-style: none;  
}

/*horizontal rule
_____________________________________________________________________________*/

hr {
	border: 0;
	height: 1px;
	background-color: #808080;
	margin: 0 0 20px 0;
        clear: both;
}

/*blockquote
_____________________________________________________________________________*/

blockquote {
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-top: solid #0099FF 1px;
    border-bottom: solid #0099FF 1px;
    background: #E6E6E6;
}
blockquote p{
    padding: 10px 10px 0px 10px;
    font:13px Arial, Helvetica, sans-serif;
    line-height: 26px;
}
cite {
    font-size: 11px;
    font-weight: bold;
    color: #021B35;
    float: right;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    padding: 0;
}

/*header
_____________________________________________________________________________*/

#header {
    width: 900px;
    margin: 0 auto;
    padding: 15px 0 10px 0;
}
.logo {
	margin:0;
	float:left;
	display:inline;
}
.logo a {
	display:block;
	text-indent:-9999px;
	background:url(/styles/images/logo.gif) no-repeat;
	height:121px;
	width:358px;
	overflow:hidden;
}
.offices p{
    width: 400px;
    float: right;
    margin: 0;
    font: 13px Arial, Helvetica, sans-serif;
    text-align: right;
}
.offices strong {
    color: #00ADEE;
    font-weight: bold;
}
.offices span {
    font: 13px Arial, Helvetica, sans-serif;
    color: #999999;
}

/*main image header
_____________________________________________________________________________*/

.main-image {
    width: 100%;
    /*height: 300px;*/
    height: 230px;
    color: #fff;
    background-color: #021B35;
    border-top-color: #CCCCCC;
    border-top-width: 10px;
    border-top-style: solid;
    clear: both;
    overflow: hidden;
}
.main-image-internal {
    width: 100%;
    height: 120px;
    color: #fff;
    background-color: #021B35;
    border-top-color: #CCCCCC;
    border-top-width: 10px;
    border-top-style: solid;
    clear: both;
    overflow: hidden;
}
.main-image-inner-internal {
    width: 900px;
    height: 120px;
    margin: 0 auto;
    background: url(/styles/images/internal-header.gif) no-repeat;
}
.main-image-inner {
    width: 900px;
    /*height: 300px;*/
    height: 230px;
    margin: 0 auto;
    background: url(/styles/images/home.gif) no-repeat;
}
.transparent {
    width: 450px;
    height: 300px;
    background: #021B35;
    filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.main-image-text {
    width: 450px;
    height: 270px;
    padding: 5px;
    float: left;
}
h2 {
    font:35px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 20px;
    margin: 0;
    font-weight: bold;
}
h2 span {
    color: #00ADEE;
}
h3 {
    font:15px Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0 20px;
    line-height: 25px;
}
h4 {
    font:26px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #021B35;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 25px;
}
h4 span {
    color: #00ADEE;
}
h5 {
    font:18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #021B35;
    margin: 0;
    padding: 0 0 20px 0;
    clear: both;
}
h6 {
    font:18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0 0 20px 0;
}

/*main content layout
_____________________________________________________________________________*/

#main-content {
    width: 100%;
    height: 100%;
}
.main-content-inner {
    width: 900px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}
#middle-column {
    width: 438px;
    height: 100%;
    float: left;
    padding: 0 0 0 20px;
}
#left-column {
    width: 210px;
    height: 300px;
    float: left;
}
#right-column {
    width: 210px;
    height: 100%;
    float: left;
    padding: 0 0 0 20px;
}

/*Navigation
_____________________________________________________________________________*/

ul.navigation {
    border-bottom: solid #0099FF 1px;
    line-height: 30px;
    padding: 0;
    margin: 0;
}
.navigation li {
    padding: 0;
    border-top: solid #0099FF 1px;
    margin: 0;
    display: block;
    background-image: none;
}
.navigation li a {
    padding: 0 0 0 8px;
    color: #021B35;
    text-decoration: none;
    display: block;
    background-image: none;
}
.navigation li a:hover {
  background-color: #E6E6E6;
}
li.sub-heading a {
    line-height: 30px;
    display: block;
    background: url('/styles/images/blue-arrow-down.gif') no-repeat right center;
}
ul.sub-nav {
    line-height: 30px;
    padding: 0;
    margin: 0;
    background-color: #fff;
}
.sub-nav li a{
    padding: 0 0 0 16px;
    font-weight: normal;
    background-image: none;
    display: block;

}

.sub-nav li a:hover {
    background-color: #E6E6E6;
}     
    
/*selected item*/
li.selected {
    padding: 0 0 0 0px;
    font-weight: bold;
    color: #0099FF;
    background-color: #E6E6E6;
}
li.selected-sub {
    color: #021B35;
    padding: 0 0 0 0px;
    font-weight: normal;
    background-color: #E6E6E6;
}


/*People profiles list and contact details lists
_____________________________________________________________________________*/
ul.person {
    padding: 0;
    margin: 0 0 20px 0;
}
.person li {
    padding: 0;
    margin:0;
    color: #021B35;
    background-image: none;
    font-weight: normal;
    margin: 3px 0;
}
.person li span {
    font-weight: bold;
}

/*google maps div
--------------------------------------------------------------------------------*/

.map {
    padding: 0;
    margin: 0 0 20px 0;
}


/*News story date
_____________________________________________________________________________*/

.news-date {
    display: block;
    color: #666666;
    margin: -20px 0 -15px 0;
}

/*side boxes
_____________________________________________________________________________*/

.grey-side-box {
    width: 190px;
    background: #E6E6E6;
    padding: 10px;
    margin: 0 0 20px 0;
    float: left;
}
.grey-side-box img{
    border: none;
    margin: 0px;
    padding: 0px;
    float: inherit;
}
a.news-link {
    display: block;
    color: #021B35;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    padding: 0 15px 0 0;
    background: url('/styles/images/lightblue-arrow.gif') no-repeat right top;
}
a:hover.news-link {
    display: block;
    color: #021B35;
    font-weight: bold;
    text-decoration: underline;
    text-align: right;
}
ul.news-item {
    padding: 0;
    margin: 0;
    
}
ul.news-item li{
    padding: 0 0 10px 15px;
    background: url('/styles/images/blue-arrow.gif') no-repeat left top;
    list-style: none;
    font:12px Arial, Helvetica, sans-serif;
    color: #021B35;
    text-decoration: none;
}
ul.news-item li a{
    display: block;
}
ul.news-item li span{
    display: block;
    color: #666666;
}

/*Middle boxes 
----------------------------------------------------------------*/

.grey-box-half {
    width: 185px;
    background-color: #E6E6E6;
    margin: 10px 5px 10px 5px;
    padding: 10px;
    float: left;
}
.grey-box-half img {
    border: none;
    margin: 0px;
    padding: 0px;
    float: inherit;
}
.blue-box-half {
    width: 185px;
    background: #021B35;
    color: #fff;
    margin: 10px 5px 10px 5px;
    padding: 10px;
    float: left;
}
.blue-box-half img {
    border: none;
    margin: 0px;
    padding: 0px;
    float: inherit;
}


.grey-box-full {
    width: 400px;
    background-color: #E6E6E6;
    margin: 10px 5px 10px 5px;
    padding: 10px;
    clear: both;
}
.grey-box-full img {
    border: none;
    margin: 0px;
    padding: 0px;
    float: inherit;
}
.blue-box-full {
    width: 400px;
    background: #021B35;
    color: #fff;
    margin: 10px 5px 10px 5px;
    padding: 10px;
    clear: both;
}
.blue-box-full img {
    border: none;
    margin: 0px;
    padding: 0px;
    float: inherit;
}



/*Rollover image - Quality solicitors logo
_____________________________________________________________________________*/

.rollover-image {
	display:block;
	height:140px;
	width:140px;
	overflow:hidden;
	border: 0;
        margin-left:auto;
        margin-right:auto;
        padding: 0 0 5px 0;
}
a.rollover-image {
	height:140px;
	width:140px;
	display:block;
	overflow:hidden;
	border: 0;
}
a.rollover-image:hover {
        display: block;

	text-indent:-140px;
	border: 0;
}

/* Blue side box
_____________________________________________________________________________*/

.blue-side-box {
    width: 190px;
    background: #021B35;
    color: #fff;
    padding: 10px;
    margin: 0 0 20px 0;
    float: left;
}
ul.contact {
    padding: 0;
    margin: 0;
}
ul.contact li{
    padding: 0 0 10px 30px;
    list-style: none;
    font:12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
}
ul.contact li a {
    display: block;
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}
ul.contact li a:hover {
    text-decoration: none;
}
li.telephone {
    background: url('/styles/images/telephone.gif') no-repeat left top;
}
li.email {
    background: url('/styles/images/email.gif') no-repeat left top;
}
li.address {
    background: url('/styles/images/address.gif') no-repeat left top;
}

/*services at bottom
_____________________________________________________________________________*/

#services {
    font:13px Arial, Helvetica, sans-serif;
    width: 900px;
    margin: 0 auto;
    clear: both;
    padding: 20px 0 0 0;
}
#services-box-left {
    width: 210px;
    float: left;
    padding: 0 0 10px 0;
}
.services-box {
    width: 210px;
    float: left;
    margin: 0 0 0 20px;
    padding: 0 0 10px 0;
}
ul.services-list li{
    padding: 0 0 0 8px;
    color: #666666; 
    list-style: none;
    line-height: 30px;
    border-bottom: solid #0099FF 1px;
    background: #fff;
    font-weight: normal;
}
ul.services-list a{
    font:13px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
    color: #666666;
    line-height: 30px;
    display: block;
}
ul.services-list a:hover{
    text-decoration: underline;
}
ul li.service-heading {
    font:14px Arial, Helvetica, sans-serif;
    list-style: none;
    color: #021B35;
    font-weight: bold;
    line-height: 30px;
    border-bottom: solid #0099FF 1px;
    border-top: solid #0099FF 1px;
    background: #E6E6E6;
}
ul li.service-heading a{
    font:14px Arial, Helvetica, sans-serif;
    list-style: none;
    color: #021B35;
    font-weight: bold;
    line-height: 30px;
    display: block;
}
ul li.service-heading a:hover{
    text-decoration: underline;
}

/*footer
_____________________________________________________________________________*/

#footer-holder {
    width: 100%;
	overflow: auto;
	font:11px Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #021B35;
    background: #CCC;
    clear: both;
    padding: 10px 0 10px 0;
}
#footer-inner {
    width: 900px;
    margin: 0 auto;
}
#footer-inner-left {
    width: 600px;
    float: left;
}
#footer-inner-right {
    width: 200px;
    float: right;
    text-align: right;
    padding: 0;
}
#footer-holder a {
    text-decoration: underline;
    color: #021B35;
}
#footer-holder a:hover {
    text-decoration: none;
    color: #021B35;
}


/*Forms -----------------------------------------------------------------------------*/

fieldset {
    border: none;
    padding: 7px 0 4px 7px;
    margin: 0 0 20px 0;
    background: #E6E6E6;
}
fieldset h5 {
    margin: 0 0 -15px 0;
    padding-top: 0;
}
.submit {
    background: #021B35;
    line-height: 20px;
    text-align: center;
    padding: 6px 10px;
    width: auto;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    clear: both;
    margin: 10px 0;
}
.submit:hover {
    background: #00ADEE;
    color: #fff;
}

input {
    width: 90%;
    margin: 0 0 5px 0;
        background: #fff;
        padding: 3px;
        display: block !important;
        clear: both;
}
label {
    display: block;
}
select {
    width: 96%;
    padding-top: 5px;
    margin: 0 0 5px 0;
}
select option {
    padding: 3px;
}
label.radio {
    margin: 0;
    padding: 0;
}
label input {
    display: inline !important;
    float: left;
    text-align: left;
    width: 30px;
    margin-top: 3px;
}