/*  
Theme Name: Burt Brill and Cardens
Theme URI: http://www.i-zimbra.com
Description: Burt Brill and Cardens Theme by Hazlitt Eastman.
Version: 1.0
Author: Hazlitt Eastman
Author URI: http://www.i-zimbra.com

*/

/* ####### Main site area styling ####### */

/* ###################################### */



#site {

position: absolute;

background: transparent;

top:10px;

left: 50%;

margin: 0;

margin-left: -485px;

margin-bottom: 20px;

width: 970px;

height: auto;

padding: 0;

}



/* ####### Top links above Logo styling ####### */

/* ############################################ */



#toplinks {

float: left;

width: 950px;

height: auto;

padding: 7px 10px 4px 10px;

background: #fff;

margin-bottom: 2px;

color: #152155;

text-align: right;

}



#toplinks p {

margin-bottom: 0;

}



#toplinks a {

color: #152155;

text-decoration: underline;

}



/* ####### Masthead Area styling ####### */

/* ##################################### */



#masthead {

float: left;

width: 970px;

height: 120px;

padding: 0;

background: url('images/_content/bbc-law-solicitors-sussex.jpg');

margin-bottom: 2px;

color: #152155;

}

#mastheadworth {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-solicitors-worthing.jpg');
} 

#mastheadgen {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-law-solicitors-sussex.jpg');
}

#mastheadcomm {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-commercial-law.jpg');
}

mastheadabout {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-about-us.jpg');
}

#mastheadcivil {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-civil-law.jpg');
}

#mastheadcontact {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-contact.jpg');
}

#mastheademp {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-employment-law.jpg');
}

#mastheadfam {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-family-law.jpg');
}

#mastheadlegal {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-legal-services.jpg');
}

#mastheadmed {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-mediation.jpg');
}

#mastheadpriv {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-private-clients.jpg');
}

#mastheadproperty {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-property-law.jpg');
}

#mastheadbrighton {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-solicitors-brighton.jpg');
}

#mastheadeg {
float: left;
width: 970px;
height: 120px;
padding: 0;
margin-bottom: 2px;
color: #152155;
background: url('images/_content/bbc-solicitors-east-grinstead.jpg');
}


.eyecandy {

float: left;

width: auto;

height: auto;

}



.logo {

float: right;

width: auto;

height: auto;

margin: 20px 20px 0 0;

}



#masthead p {

float: left;

width: 420px;

height: auto;

margin: 60px 40px 0 0;

color:#6170B5;

font-size: 1.5em;

font-weight: normal;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}



.strapline {

font-style: italic;

line-height: 1.4em;

}



/* ####### Top level Navigation ####### */

/* #################################### */



#navigation {

clear: both;

float: left;

width: 970px;

height: auto;

background: #fff;

margin-bottom: 2px;

list-style: none;

}



#navigation li {

float: left;

}



#navigation li a {

float: left;

width: auto;

height: auto;

margin: 8px 20px;

font-size: 1.4em;

font-weight: normal;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}



/* ####### Main area wrapping div ####### */

/* ###################################### */



#page {

clear: both;

float: left;

width: 970px;

height: auto;

background: #fff;

margin-bottom: 2px;

}



/* ####### Left Navigation ####### */

/* ############################### */



#leftnav {

clear: both;

float: left;

width: 210px;

height: auto;

list-style: none;

}



#leftnav li {

clear: left;

float: left;

width: 210px;

height: auto;

}



#leftnav li a {

float: left;

width: 180px;

height: auto;

padding: 14px 0 12px 30px;

background: #DDE3FF url('images/_buttons/left-nav-bg-off.jpg') no-repeat;

font-size: 1.6em;

font-weight: normal;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

color: #1B2968;

}



.cat1 #leftnav li#category1 a {

background: transparent url('images/_buttons/left-nav-bg-on.jpg') no-repeat;

}



.cat2 #leftnav li#category2 a {

background: transparent url('images/_buttons/left-nav-bg-on.jpg') no-repeat;

}



.cat3 #leftnav li#category3 a {

background: transparent url('images/_buttons/left-nav-bg-on.jpg') no-repeat;

}



.cat4 #leftnav li#category4 a {

background: transparent url('images/_buttons/left-nav-bg-on.jpg') no-repeat;

}



.cat5 #leftnav li#category5 a {

background: transparent url('images/_buttons/left-nav-bg-on.jpg') no-repeat;

}



.cat6 #leftnav li#category6 a {

background: transparent url('images/_buttons/left-nav-bg-on.jpg') no-repeat;

}



.cat1 #leftnav li#category1 li a {

background: transparent;

background-image: none;

}



.cat2 #leftnav li#category2 li a {

background: transparent;

background-image: none;

}



.cat3 #leftnav li#category3 li a {

background: transparent;

background-image: none;

}



.cat4 #leftnav li#category4 li a {

background: transparent;

background-image: none;

}



.cat5 #leftnav li#category5 li a {

background: transparent;

background-image: none;

}



.cat6 #leftnav li#category6 li a {

background: transparent;

background-image: none;

}



#leftnav li ul {

float: left;

list-style: none;

width: auto;

height: auto;

background: #dde3ff url('images/_buttons/left-subnav-bg.jpg') no-repeat top left;

margin-bottom: 0;

}



#leftnav li ul li {

float: left;

width: 210px;

height: auto;

border-bottom: 1px solid #fff;

}



#leftnav li ul li a {

float: left;

width: 180px;

height: auto;

padding: 7px 0 5px 30px;

background: transparent;

background-image: none;

font-size: 1.2em;

font-weight: normal;

font-family: "helvetica","arial",sans-serif;

color: #F0792C;

}



/* ####### Center Column 3 column layout ####### */

/* ############################################# */



#center-col {

float: left;

width: 430px;

height: auto;

padding: 15px 20px;

}



p.breadcrumb {

color: #999;

font-size: 1.1em;

}



/* ####### Content Column 2 column layout ####### */

/* ############################################# */



#content-col {

float: left;

width: 720px;

height: auto;

padding: 15px 20px;

}



p.breadcrumb {

color: #999;

font-size: 1.1em;

}





.content-list {

margin: 0px 0px 20px 0px;

padding-left: 20px;

font-size: 1.2em;

}



/* ####### Right Column 3 column layout ####### */

/* ############################################ */



#right-col {

float: right;

width: 290px;

height: auto;

margin-top: 40px;

}



.right-lists {

float: left;

width: 290px;

height: auto;

padding: 20px 0 0 0;

background: #dde3ff url('images/_pf/right-col-top.jpg') no-repeat top left;

margin-bottom: 1.8em;

}



.right-lists ul {

float: left;

width: 290px;

height: auto;

list-style: none;

font-size: 1.2em;

margin: 0 0 0 0;

padding: 0 0 20px 0;

background: transparent url('images/_pf/right-col-btm.jpg') no-repeat bottom left; 

}



.right-lists ul li {

float: left;

width: 230px;

height: auto;

margin: 0 20px;

line-height: 1.5em;

margin-bottom: .5em;

text-indent: 0;

padding: 0 0 0 0;

padding-left: 20px;

background: url('images/_icons/doc-bullet.gif') no-repeat;

}



.right-lists h3 {

padding: 0 20px;

width: 250px;

}



/* ####### Footer ####### */

/* ###################### */



#footer {

float: left;

width: 950px;

height: auto;

padding: 7px 10px 4px 10px;

background: #fff;

margin-bottom: 2px;

color: #f0792c;

text-align: left;

}



#footer p {

margin-bottom: 0;

}



#copyright {

float: left;

width: 950px;

height: auto;

padding: 7px 10px 4px 10px;

background: transparent;

margin-bottom: 2px;

color: #999;

text-align: center;

}



/* ####### Contact Form ####### */

/* ############################ */



fieldset {

float: left;

width: 680px;

height: auto;

padding: 20px;

border: 1px solid #1b2968;

}



fieldset p {

clear: left;

float: left;

width: 100%;

height: auto;

margin-bottom: 0;

}



label {

clear: left;

float: left;

font-size: 1.2em;

width: 120px;

height: auto;

margin: 0 0 0 0;

}



label span {

color: #c00;

}



input {

float: left;

border: 1px solid #1b2968;

width: 350px;

}



textarea {

float: left;

border: 1px solid #1b2968;

width: 350px;

}



select {

float: left;

border: 1px solid #1b2968;

width: 350px;

}



.submit-btn {

clear: left;

float: left;

border: 0;

width: 50px;

margin-top: 0;

}



/* ####### Sundry styles ####### */

/* ############################# */



.floatleft {

float: left;

margin-right: 1.8em;

margin-bottom: 1.8em;

}



.floatright {

float: right;

margin-left: 1.8em;

margin-bottom: 1.8em;

}



a.bluelinks {

color: #000094;

}

* {
   padding:0;
   margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address, hr {
    margin-bottom: 20px;
}

html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

body {
	background: #F4F3E6 url('images/_backgrounds/background.jpg') repeat-x;
	font-family: "helvetica","arial",sans-serif;
	font-size: 62.5%;
	color: #555;
	margin: 0px;
}

p {
  	font-size: 1.2em;
  	line-height: 1.8em;
	font-weight:normal;
	padding: 0;
	margin: 0;
	margin-bottom: 1.8em;
}

ul {
	line-height: 1.8em;
	margin-bottom: 1.8em;
}

img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a img {
	border: none;
}

a {
	color: #F0792C;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

h1 {
color:#1b2968;
font-size: 1.8em;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0;
margin-bottom: 1em;
border-bottom: 1px solid #1b2968;
}
  
h2 {
color:#1b2968;
font-size: 1.4em;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0;
margin-bottom: 1em;
}

h3 {
font-size: 1.4em;
font-weight: bold;
color: #1B2968;
}

hr {
width: 100%;
clear: left;
float: left;
margin: 0  0 1.8em 0;
height: 1px;
border: 0;
border-top: 1px solid #F4F3E6;
}