/*
Edited: 11 April 2007 ()
Website: http://www.freethcartwright.co.uk
Created: 2 April 2007
Author: Laura Zucchetti
*/

@import url("home.css");/*This controls the homepage layout*/
@import url("one_col_pages.css");/*This controls the content pages with 1 col layout such as people search*/
@import url("two_col_pages.css");/*This controls the content pages with 2 col layout such as people profiles*/
@import url("three_col_pages.css");/*This controls the generic content pages with 3 col layout*/
@import url("typography.css");/*This is global typograph settings - none specific*/

/* 
ACCESSIBILITY
======================================
*/
#skip_to{
height:0;
padding:0;
}

#skip_to ul,
#skip_to li,
#skip_to a{
height:0;
padding:0;
margin:0;
text-indent:-999px;
list-style-type:none;
display:inline;
overflow:hidden;
position:absolute;
}

/*
GLOBAL LAYOUT VALUES
======================================
*/
body{
margin:0;
padding:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
background-color:#FFE2BA;
background-image:url(../images-css/body_bk.jpg);
background-repeat:repeat-x;
}

#outer {
margin:auto;
padding:0;
width:920px;
text-align:left;
}

.clear {
clear:both;
height:0;
width:0;
}

/*
This clear is the one needed for Safari only - 
position absolute is the one that fixes the space.
*/
div.clear {
width:0;
height:0;
padding:0;
margin:0;
overflow:hidden;
font-size:0em;
line-height:0;
/*position:absolute;*/
clear:both;
}

.clear_content {
clear:both;
height:0;
width:0;
font-size:0em;
line-height:0;
}

.left {
float:left;
}

.right {
float:right;
}


/* 
HEADER (rotating images, main nav and task bar)
======================================
*/

#branding {
width:100px;
float:left;
}

#branding h1 {
height:178px;
width:74px;
display:block;
text-indent:-9999px;
border:0;
margin:0;
padding:0;
font-size:1em;
background-image:url(../images-css/freeth_logo.jpg);
}

#wrap_main_nav {
float:right;
width:820px;
}

#brand_image {
background-image:url(../../images/rotating_images/image_01.jpg);
height:127px;
}

ul#main_nav {
width:796px; /*796+24=820px the 24 is the padding*/
margin:0;
padding:0 12px;
background:url(../images-css/main_nav_bk.jpg) repeat-x #9A0731;
list-style-type:none;
border-top:1px solid #CD5D7C;
border-bottom:1px solid #6F0524;
}

ul#main_nav li {
display:inline;
line-height:2.5em;
padding-right:14px;
margin:0;
list-style-type:none;
}

ul#main_nav li.contact_us {
padding-left:15px;
padding-right:0!important;
}

ul#main_nav li a {
color:#F5D4DF;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
}

ul#main_nav li.active_mn a {
color:#FFF;
}

#task_bar {
width:796px; /*796+24=820px the 24 is the padding*/
min-height:22px;
border-top:1px solid #FFF;
border-bottom:1px solid #AAA;
margin:0;
padding:0 12px;
background:url(../images-css/task_bar_bk.jpg) repeat-x #D2D2D2;
}

form#log_in {
float:left;
width:500px;
}

form#search_site {
float:right;
width:250px;
}

form#log_in dl,
form#search_site dl {
margin:0;
padding:0;
}

form#search_site dl {
float:right;
}

form#log_in dl dt,
form#search_site dl dt {
margin:0;
padding:0;
float:left;
}

form#log_in dl dt label,
form#search_site dl dt label {
line-height:2em;
padding-right:5px;
color:#333;
font-size:.9em;
}

form#log_in dl dd,
form#search_site dl dd{
margin:0;
padding:0;
float:left;
}

form#log_in dl dd input {
border:1px solid #CCC;
width:116px;
height:12px;
margin-top:3px;
margin-right:3px;
font-size:.9em;
}

form#log_in dl dd input#login {
margin-right:12px;
}

form#search_site dl dd input {
border:1px solid #CCC;
width:116px;
height:12px;
margin-top:3px;
margin-right:4px;
font-size:.9em;
}

form#log_in dl dd a#log_in_btn {
display:block;
width:35px;
height:20px;
background:url(../images-css/log_in_btn.jpg) no-repeat;
background-position:0 4px;
padding-left:20px;
line-height:2em;
color:#666;
font-size:.9em;
text-decoration:none;
}

form#search_site dl dd input#search_btn {
width:27px;
height:17px;
border:0;
margin:3px 0 0 0;
}

/* 
CONTENT BLOCKS
======================================
*/
#accred {
width:100px;
float:left;
}

#wrap_content {
float:right;
/*clear:both;*/
width:820px;
/*margin-left:100px;*/
background-color:#FFFFFF;
padding-bottom:15px;
}

/* 
BREADCRUMBS - This is on all layout pages with breadcrumbs
======================================
*/

#breadcrumbs {
width:798px;/*820-11-11=798*/
padding:12px 11px 0 11px;
height:3em;
}

#breadcrumbs ul {
margin:0;
padding:0;
list-style-type:none;
}

#breadcrumbs ul li {
float:left;
color:#999;
padding-right:0.5em;
line-height:19px;
font-size:1em;
}

#breadcrumbs li a {
color:#B8B8B8;
text-decoration:none;
font-size:1em;
}


/* 
BACK TO TOP LINKS
======================================
*/
/*
The page_nav's are for back to top
links and back to x page links
*/
#content ul.page_nav,
#blog_content ul.page_nav {
margin:0 0 1em 0;
padding:0;
list-style-type:none;
}

#content ul.page_nav li,
#blog_content ul.page_nav li {
padding:.2em 0;
font-size:1em;
line-height:1.5em;
}

#content ul.page_nav li a,
#blog_content ul.page_nav li a {
color:#949494;
font-weight:normal;
}

/* 
MAIN BOXES
======================================
*/

div.main_box {
width:176px;
border:1px solid #B20837;
margin:0 0 2em 0;
}

div.main_box h1 {
font-size:1.4em;
color:#FFFFFF;
background-image:url(../images-css/quote_h1_bk.jpg);
background-repeat:repeat-y;
margin:0;
padding:5px;
font-weight:normal;
}

div.main_box blockquote,
div.main_box cite {
margin:10px;
font-style:italic;
color:#333;
}

div.main_box cite {
color:#666;
display:block;
font-size:.9em;
}

div.main_box p,
div.main_box label {
margin:10px;
display:block;
}

div.main_box ul {
margin:10px;
padding:0;
list-style-type:none;
}

div.main_box ul li {
padding:0;
margin:0;
}

div.main_box img {
display:block;
margin-top:1em;
margin-right:auto;
margin-bottom:1em;
margin-left:auto;
border: 0px;
}

/*
Is the main_box for a team list? 
if so it needs this team_box class
*/
div.team_box ul {
margin:10px;
padding:0;
list-style-type:none;
border-top:1px solid #E6E6E6;
}

div.team_box ul li {
display:block;
padding:.25em .25em .25em 20px;
border-bottom:1px solid #E6E6E6;
color:#5E5E5E;
background-image:url(../images-css/main_box_bullet.gif);
background-repeat:no-repeat;
background-position:0% 50% ;
}

/* 
INFO_BOX - Full colour
======================================
*/

div.info_box {
width:178px;
background-image:url(../images-css/info_box_bk.jpg);
background-repeat:repeat-y;
margin:0 0 2em 0;
padding:5px 0;
}

div.info_box h1 {
font-size:1.4em;
color:#FFFFFF;
margin:0;
padding:5px;
font-weight:normal;
}

div.info_box p {
color:#FFFFFF;
margin:0;
padding:5px;
font-weight:normal;
}

div.info_box a {
color:#FFFFFF;
}

div.info_box img {
display:block;
margin-top:1em;
margin-right:auto;
margin-bottom:1em;
margin-left:auto;
border: 0px;
}

/* 
FOOTER
======================================
*/

#footer {
clear:both;
width:820px;
margin-left:100px;
min-height:40px;
padding-top:8px;
margin-bottom:20px;
}

#footer ul#footer_nav {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#footer ul#footer_nav li {
list-style-type:none;
display:inline;
line-height:2em;
padding:0 5px;
border-right:1px solid #BAAA94;
}

#footer ul#footer_nav li a {
color:#BAAA94;
text-decoration:none;
font-size:.9em;
}

#footer ul#footer_nav li a:hover {
color:#666;
}

#footer ul#footer_nav li.last_link {
border:0;
}

#accred ul#external_nav {
list-style-type:none;
margin-top:85px;
width:100px;
padding:0;
}

#accred ul#external_nav li {
margin-left:auto;
margin-right:auto;
list-style-type:none;
line-height:2em;
padding:0 0 10px 0;
}

#accred ul#external_nav li#chambers_btn a {
display:block;
width:74px;
height:18px;
background-image:url(../images-css/chambers_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
font-size:0.2em;
}

#accred ul#external_nav li#legal500_btn a {
display:block;
width:74px;
height:30px;
background-image:url(../images-css/legal500_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
font-size:0.2em;
}

#accred ul#external_nav li#lexcel_btn a {
display:block;
width:74px;
height:30px;
background-image:url(../images-css/lexcel_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
font-size:0.2em;
}