/* General */

body { font-size: 75%; font-family: Arial,sans-serif; line-height: 1.4; background: url(../display_images/bg.jpg) repeat-x #ebebeb; color: #555; padding: 0; margin: 0; letter-spacing: -0.02em;	 }

p { margin: 5px 0px 10px 0px;}

ul { padding: 0; margin: 10px 0 10px 15px; }
li { padding: 0 0 0 0px; list-style-type: square;}

a, a:link, a:active, a:visited { color: #5a975a; text-decoration: none; }
a:hover { color: #222; }

img { border: none; }

h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; }
h1 { font-size: 2.0em; color: #5a975a; background: url(../display_images/dotted_line.gif) bottom left repeat-x; padding: 0 0 15px 0; }
h2 { font-size: 1.3em; color: #333; }
h3 { font-size: 1.1em; color: #333; margin: 5px 0 0 0; }

table { text-align: left; }
td { color: #777; }
th { padding: 0 0 5px 0; }

/* Layout */

#container { position: relative; width: 940px; margin: 0 auto; }

#header { height: 76px; border-bottom: 2px solid #d3d3d3; padding: 18px 0 0 0; margin: 0 0 20px 0; }
#header li { float: left; list-style-type: none; margin: 0 20px 0 0; }
#header-right: { float: left; }

#logo { float: left; width: 645px; }

#primary-nav li { float: left; list-style-type: none; margin: 40px 20px 0 0; overflow: hidden; }
#primary-nav li.home { width: 42px; height: 13px; }
#primary-nav li.services { width: 102px; height: 13px; }
#primary-nav li.contact { width: 87px; height: 13px; }
#primary-nav li.home a { background-image: url(../display_images/nav/home.gif); }
#primary-nav li.services a { background-image: url(../display_images/nav/ourservices.gif);  }
#primary-nav li.contact a { background-image: url(../display_images/nav/contactus.gif); }
#primary-nav li.selected a, #primary-nav li a:hover { background-position: 0 27px; }
#primary-nav li a { display: block; text-indent: -9999px;}

#sub-nav { position:absolute; top: 10px; right: 0px; }

#footer { clear: both; padding: 30px 0 20px 0; }
#footer .footer-teaser { float: left; width: 140px; border-top: 2px solid #5a975a; border-bottom: 1px solid #c4c5c7; padding: 0 0 10px 0; margin: 0 20px 0 0; }
#footer .footer-teaser h2 { margin: 10px 0 5px 0; }
#footer-contact { float: left; background: #d7d7d8; padding: 10px 15px; width: 430px; color: #969696; line-height: 1.3em; }
#footer-contact-left { float: left; width: 143px; }
#footer .copyright { float: right; font-size: 0.9em; color: #969696; margin: 15px 0 20px 0; }
#footer-contact-right div { float: right; width: 280px; background: url(../display_images/dotted_line.gif) repeat-x; padding: 5px 0; }
#footer-contact-right div img { position: relative; top: 2px; margin: 0 5px 0 0; }

#main-column { float: left; width: 597px; margin: 0 40px 0 0; }
#secondary-column { float: left; width: 300px; margin: 48px 0 30px 0; }
#secondary-column h2 { background: url(../display_images/dotted_line.gif) bottom left repeat-x; padding: 0 0 5px 0; margin: 0 0 15px 0; }

#introduction { font-size: 1.4em; color: #444; padding: 20px 0; background: url(../display_images/dotted_line.gif) bottom left repeat-x; margin: 0 0 20px 0; }

#callout { background: url(../display_images/callout.gif) 20px 20px #fff no-repeat; padding: 40px 20px 20px 20px; font-size: 1.3em; color: #999; margin: 0 0 30px 0; }
#callout .name { color: #555; font-size: 0.8em; margin: 5px 0 0 0; }

/* Homepage */

#intro-large { font-size: 1.5em; color: #222; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d3d3d3; line-height: 1.3em; }
#intro-small { clear: both; color: #5a975a; font-size: 1.4em; padding: 10px 0 0 0; }
#homepage-image { float: left; padding: 4px; background: #fff; border: 1px solid #bfbfbf; }

#homepage-content { float: left; width: 620px; margin: 0 0 0 20px; }
#homepage-content h1 { display: none; }
.homepage-column { float: left; width: 300px; }
.home-column-left { margin: 0 20px 0 0; }

.homepage-column h2 { border-top: 2px solid #5a975a; background: #fff; color: #222; padding: 5px 10px; margin: 0 0 10px 0; }
.padding { padding: 0 10px; }

/* Services */

#solicitors { clear: both; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin: 0; padding: 20px 0 }
#solicitors h2 { float: left; width: 160px; font-size: }
#solicitors img { float: left; margin: 0 55px 0 0; width: 102px; }
#solicitors img.last { margin: 0; }

#map { float: right; border: 1px solid #ccc; }


/* Other */

.clear { clear: both; height: 1px; overflow: hidden; }