/* 
  -------------------------------------------
  Select Legal Systems Limited
  www.selectlegal.co.uk
  -------------------------------------------
*/
html {
	background: #73ADD7 url(http://www.selectlegal.co.uk/images/design/gradient.gif) repeat-x;
}
body {
	padding: 0;
	margin: 0;
	background: url(http://www.selectlegal.co.uk/images/design/sky.jpg) no-repeat center top;
	color: #666;
	width: 100%;
	display: table;
	
	font-size: 100%;
	font:80% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
/* --- headings --------------------- */
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
	font-size: 1.8em;
	font-weight:lighter;
	margin-top:10px;
}
h2 {
	font-size: 1.6em;
	font-weight:lighter;
	margin: 18px 0;
}
h3 {
	font-size: 1.4em;
	font-weight:normal;
	color:#336699;
	margin: 14px 0;
}
h4 {
	font-size: 1.2em;
	font-weight:normal;
	color:#336699;
	margin: 16px 0;
}
p {
	line-height:1.6em;
}	
/* ============================================= */
/* ============ layout styles ================== */
/* ============================================= */
#outer-wrapper {
	padding: 0;
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
	margin-top:70px;
}
#contentwrapper {
	background-color: #FFF;
	font-size: 0.9em;
}
/* --- floated columns --------------------- */
/* available width 960 */
/* 750 + 180 + 20 (padding) = 960 */
.maincolumn {
	background-color: #FFF;
	float: right;
	width: 750px;
	min-height:1200px; /* maintain length of sidebar background image on shorter pages */
	padding: 0 10px; /* 2 x 10 = 20 padding*/
	background-image:url(http://www.selectlegal.co.uk/images/design/sidebar-bg.jpg);
	background-repeat:repeat-y;
	background-position:left center;
}
.sidebarwrapper {
	float: right;
	width: 180px;
	padding:0;
	margin:0;
}
.maincontent {
	padding: 12px;
}
/* --- sidebar --------------------- */
.sidebarbox {
	padding:0;
	margin-right: 8px;
	margin-top:30px;
}
.sidebarbox h2 {
	color:#336699;
	border-bottom: 1px solid #336699;
	padding-right:3px;
	margin:0;
	font-size:1em;
	font-variant:small-caps;
}
.sidebarbox img {
	border:none;
	padding:0 3px 0 0;
}
/* ============================================= */
/* ============ tagline styles ================= */
/* ============================================= */
#tagline {
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 0.7em;
}
#tagline ul {
	margin:0 0 0 4px;
	padding:0;
}
#tagline .topmenu li {
	float:left;
	list-style-type: none;
	padding:8px 2px;
}
#tagline .topmenu li a:link, #tagline .topmenu li a:visited {
	color:#666;
	text-decoration:none;
}
#tagline .topmenu li a:hover, #tagline .topmenu li a:active {
	color:#AA0000;
}
/* --- call us -------------------- */
#call-us {
	float:left;
	margin-left:60px;
	padding-left:20px;
	background-image:url(http://www.selectlegal.co.uk/images/phone-icon.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#call-us p.number {
	line-height:2em;
	color:#336699;
	margin:0;
	padding:0 0 0 5px;
	font-size:1.5em;
	font-weight:bold;
}
/* --- search --------------------- */
#search {
	padding:4px 4px 4px 0;
	float:right;
}
#search label.hide{
    display: none;
}
#search input.btn {
   font-variant:small-caps;
	 font-size:1.1em;
	 background-image:url(http://www.selectlegal.co.uk/images/search-btn-bg.jpg);
	 color:#FFF;
}
/* ============================================= */
/* ============ masthead styles ================== */
/* ============================================= */
#masthead {
	overflow: hidden;
	border-top:1px solid #ccc;
	padding: 0;
	background-image:url(http://www.selectlegal.co.uk/images/design/masthead-bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
#masthead img {
	display: block;
	border:none;
}
#masthead .logo {
	float:left;
}
#masthead .strapline {
	float:left;
	width: 420px;
}
#masthead .strapline img {
	padding-left: 80px;
}
#masthead .right-edge {
	float:left;
	width:100px;
}
/* ============================================= */
/* ============ footer styles ================== */
/* ============================================= */
.footer {
	overflow: hidden;
	margin-top: 0;
	padding:10px;
	border-top: 1px dotted #ccc;
	font-size: 0.7em;
}
.footercolumn1 {
	float: left;
	width: 50%;
}
.footercolumn2 {
	float: right;
	width: 50%;
}
.footer p {
	margin:0;
	padding:3px 0 0 0;
	line-height:1.2em;
}
.footercolumn2 div.navs {
	float:right;
}
.footercolumn2 .footermenu li {
	float:left;
	list-style-type: none;
	padding:0 4px;
}
.footercolumn2 .footermenu li a:link, .footercolumn2 .footermenu li a:visited {
	color:#000;
	text-decoration:none;
}
.footercolumn2 .footermenu li a:hover, .footercolumn2 .footermenu li a:active {
	color:#AA0000;
}
.footercolumn2 p {
	text-align:right;
	padding: 3px 0 0 0;
}

/* ============================================= */
/* ============ global styles ================== */
/* ============================================= */
/* --- lists --------------------- */
img {
	border:none;
}
ul{
	margin:0;
	padding:0;
}
li {
	list-style-type:none;
	line-height:1.5em;
}
.maincontent ul {
	margin-left:30px;
}
.maincontent li {
	list-style-type:disc;
	padding: 5px 0;
}
.maincontent ol li{
	list-style-type:decimal;
	padding: 3px 0;
}

/* --- links --------------------- */
a:link, a:visited {
	color:#336699;
	text-decoration:underline;
}
a:hover, a:active {
	color:#333333;
	text-decoration:underline;
}
.maincontent a {
	font-weight:bold;
} 
a.btt:link, a.btt:visited {
	padding-left:20px;
	background: transparent url(http://www.selectlegal.co.uk/images/arrow-north-on.jpg) no-repeat left center;
}
a.btt:hover, a.btt:active {
	padding-left:20px;
	background: transparent url(http://www.selectlegal.co.uk/images/arrow-north-over.jpg) no-repeat left center;
}
/* --- side menu links --------------------- */
ul.sidemenu {
	margin:15px 0;
}
ul.sidemenu li {
	list-style-type: none;
	padding:3px 0;
	line-height:normal;
}

ul.sidemenu li a:link, ul.sidemenu li a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 12px;
	background-image:url(img/nav-arrow-off.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
ul.sidemenu li a:hover, ul.sidemenu li a:active {
	color: #AA0000;
	text-decoration: none;
	padding-left: 12px;
	background-image:url(img/nav-arrow-on.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
/* current markers */
body#homepage a#home, body#aboutpage a#about,
body#contactpage a#contact, body#case-managementpage a#case-management,
body#case-trackingpage a#case-tracking, body#compatibilitypage a#compatibility,
body#compliancepage a#compliance, body#conveyancingpage a#conveyancing,
body#debtpage a#debt, body#crimepage a#crime,
body#case-studiespage a#case-studies, body#familypage a#family,
body#hardwarepage a#hardware, body#installationspage a#installations,
body#personal-injurypage a#personal-injury, body#practice-managementpage a#practice-management,
body#accountspage a#accounts, body#time-recordingpage a#time-recording,
body#directpage a#direct, body#careerspage a#careers,
body#privacypage a#privacy, body#trainingpage a#training,
body#support-servicespage a#support-services, body#testimonialspage a#testimonials,
body#website-developmentpage a#website-development, body#linkspage a#links,
body#newspage a#news
{
	color:#AA0000;
	text-decoration: none;
	padding-left: 12px;
	background-image:url(img/nav-arrow-on.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

/* --- pull quote --------------------- */
div.pullquote {
	float: right;
	width: 350px;
	margin: 10px;
	border: 2px dotted #ccc;
	padding: 10px;
}
div.pullquote h2 {
	margin:0;
	padding:0;
}
div.pullquote a {
	text-decoration:underline;
}
/* --- home page split section --------------------- */
div.section-wrapper {
	width:100%;
}
div.section-wrapper .left-section {
	width:450px;
	float:left;
}
div.section-wrapper .right-section {
	width:250px;
	float:right;
	border:1px dotted #ccc;
	background-color:#f4f4f4;
	margin-top:12px;
}
div.section-wrapper .right-section .content {
	padding:0 8px;
}
div.section-wrapper .right-section .content h2 {
	font-size:1.3em;
}
div.section-wrapper .right-section .content h3 {
	margin-bottom:5px;
}
div.section-wrapper .right-section .content .author {
	font-weight:bold;
	font-size:0.8em;
}
/* --- home page split section --------------------- */
div.section-wrapper2 {
	width:100%;
}
div.section-wrapper2 .left-section {
	width:450px;
	float:left;
}
div.section-wrapper2 .right-section {
	width:250px;
	float:right;
	margin-top:12px;
}
/* --- home page feature section --------------------- */
div.home-feature { /* --- to be removed --------------------- */
	overflow: hidden;
	background-image:url(http://www.selectlegal.co.uk/images/home-feature/bk-image.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:279px;
}
.home-feature-btn { /* --- to be removed --------------------- */
	text-align:center;
	margin-top:200px;
	margin-right:120px;
}

/* --- images --------------------- */
.float-left {
	float: left;
	margin-right:10px;
}
.float-right {
	float: right;
	margin-left:10px;
}
.float-left-b {
	border: 1px solid #ccc;
	float: left;
	margin-right:10px;
}
.float-right-b {
	border: 1px solid #ccc;
	float: right;
	margin-left:10px;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
}
/* tick-list
----------------------------------------------*/
div.tick-list {
	margin:30px 0;
}
.tick-list ul {
	margin:10px 0 0 10px;
}
.tick-list li {
	list-style-type: none;
	padding: 9px 0 9px 30px;
	background-image:url(http://www.selectlegal.co.uk/images/tick.png);
	background-position:center left;
	background-repeat:no-repeat;
	line-height:normal;
}

/* call to action
----------------------------------------------*/
#cta {
	border: 1px dotted #ccc;
	padding:10px 10px 10px 100px;
	margin: 30px 0 10px 0;
	background: transparent url(http://www.selectlegal.co.uk/images/info-icon.png) no-repeat 8px center;

}
#cta h2 {
	margin:10px 0 0 0;
}
#cta .accredited{
	font-size:smaller;
}
/* --- news index --------------------- */
.news-index {
	margin: 0px;
	padding: 0px;
}
ul.news-index {
	margin-left:0;
	margin-top:15px;
}
.news-index li {
	list-style-type: none;
	padding: 8px 0 0 0;
	margin:12px 0;
	line-height:1.1em;
	border-top:1px dotted #ccc;
	line-height:1.5em;
}
.news-index li a.more:link{
	width:60px;
	line-height:2em;
	padding-right:15px;
	background-image:url(http://www.selectlegal.co.uk/images/dbl-arrow-east-on.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration:none;
}
.news-index li a.more:hover{
	width:60px;
	line-height:2em;
	padding-right:15px;
	background-image:url(http://www.selectlegal.co.uk/images/dbl-arrow-east-over.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	text-decoration:underline;
}
/* --- contact --------------------- */
#contact p.tel {
	line-height:0.7em;
}
/* --- enquiry forms --------------------- */
#enq-form form {
	border:1px dotted #ccc;
	padding:20px 20px;
	background-color:#f4f4f4;
}
#enq-form label:after {
	content: ": "
}
#enq-form label {
	float:left;
	width:220px;
	padding:0 1em;
	text-align:right;
	font-weight:bold;
}
#enq-form label.wide {
	float:left;
	width:420px;
	padding:0 1em;
	text-align:right;
	font-weight:bold;
}
#enq-form p.wide {
	height:3em;
}

#enq-form fieldset {
	position:relative;
	margin: 0 0 30px 0;
	border: solid 0 transparent; /* Bug-fix: used 'transparent' to turn fieldset border off in Opera */
}
#enq-form legend { 
	position:absolute;
	left:0;
	top:-1.5em;
	font-size:1.2em;
	margin: 0 0 10px 0;
	color:#336699;
}
#enq-form input#submit {
	border:1px solid #333;
	background:#555;
	padding:3px;
	color:#fff;
	width:100px;
	margin:10px 0 20px 265px;
}
#enq-form div.checkbox {
	height:2em;
	margin:0 0 0 240px;
}
#enq-form div.checkbox input{
	width:1em;
}
#enq-form div.checkbox label {
	float:none;
}
#enq-form div.checkbox label:after {
	content: "" ;
}
#enq-form .bot-catcher {
	visibility:hidden;
}
#enq-form div.error {
	color:#336699;
	margin:0 0 20px 0;
}
#enq-form div.error ul#error-list li {
	list-style-type: none;
	padding-left: 20px;
	background-image:url(http://www.selectlegal.co.uk/images/error-bullet.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
#enq-form label.error:after {
	content: " [Invalid]";
	color: #336699;
}
#enq-form input.error {
	background-color: #336699;
	color:#fff;
}
/* --- events  --------------------- */
.event {
	border: 1px dotted #ccc;
	padding:10px;
	margin: 10px 0;
	background-color:#f4f4f4;
}
.event h3 {
	margin:0;
	padding:0;
	color:#000000;
}
/* --- case study split section --------------------- */
#case-study div.section-wrapper {
	width:100%;
	border:1px dotted #ccc;
	background-color:#f4f4f4;
	margin-top:20px;
}
#case-study div.section-wrapper .left-section {
	width:230px;
	float:left;
	
}
#case-study div.section-wrapper .left-section .content {
	padding: 0 0 0 20px;
}
#case-study div.section-wrapper .right-section {
	width:490px;
	float:right;
	border:none;
}
#case-study div.section-wrapper .right-section .content {
	padding:0 20px 0 0;
}
#case-study div.section-wrapper .right-section .content p{
	text-align:center;
}
#case-study .highlight {
	font-weight:bold;
	font-size:1.5em;
	font:Arial, Helvetica, sans-serif;
	font-color:#E7E7E7;
	text-align:center;
}
#case-study .author {
	font-weight:bold;
	font-size:1em;
}
#case-study .quote {
	font-weight:bold;
	font-style:italic;
	text-align:justify !Important;
}
#case-study h2 {
	color:#336699;
	font-weight:bold;
}
/* --- case study index list --------------------- */
div.case-study-list {
	border: 1px dotted #ccc;
	padding:10px;
	margin: 10px 0;
}
.case-study-list h2 {
	margin:0;
	padding:0;
}
/* --- miscellaneous --------------------- */
q {
	font-style:italic;
	font-weight:bold;
}
q:before { 
	content: "";
} 
q:after {
	content: "";
}
blockquote {
	font-style:italic;
	font-weight:bold;
}
.quote-txt {
	font-style:italic;
}
.quote{
	margin-top:20px;
	font-style:italic;
	background: transparent url(http://www.selectlegal.co.uk/images/left-quote.png) no-repeat top left;
	padding-left:70px;
	min-height:50px;
}
.author{
	font-weight:bold;
}
.highlight-txt {
	color:#336699;
	font-size:1.2em;
	font-style:italic;
	font-variant:small-caps;
	padding:0 20px;
}
.highlight-txt-inline {
	color:#336699;
	font-size:1.2em;
	font-style:italic;
	font-variant:small-caps;
}
.highlight-bg {
	margin-top:20px;
	border:1px dotted #ccc;
	background-color:#e8e8e8;
	padding:10px;
}
.small {
	font-size:0.7em;
	margin-top:2em;
}
div.social-networking {
	margin: 20px 0 100px 0; /* controls height on left column background image */
}
div.social-networking .icon {
	float:left;
	padding: 0 5px 0 0; 
}
.get-info-home {
	padding: 10px;
	margin:10px 0;
	border:1px dotted #999;
	background-color:#f4f4f4;
}
.vacancy {
	border: 1px dotted #ccc;
	padding:10px;
	margin:10px 0;
	background-color:#EEEEEE;
}
.links-item {
	border:1px dotted #ccc;
	padding: 0 10px;
	margin:10px 0;
}
/* ------------------------ */
div#home-feature {
	background-color:#f4f4f4;
	border:1px dotted #ccc;
	padding: 5px 10px 0 10px;
}
div#home-feature .highlight {
	color:#7E7E7E;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	margin:0 0 10px 0;
}
div#home-feature q {
	font-size:0.9em;
	margin:0;
}
div#home-feature .author {
	font-weight:bold;
	font-size:0.8em;
}
div#home-feature img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* --- testimonials --------------------- */
div.testimonial {
	border: 1px dotted #ccc;
	padding:0 10px;
	margin:20px 0;
}
.testimonial h2, .testimonial h3 {
	color:#336699;
}
.testimonial p {
	padding-left:70px;
}
.testimonial .url{
	margin-top:10px;
}
/* --- articles --------------------- */
div.article .introduction {
	width:100%;
}
div.article .introduction .author {
	float:right;
	width:72%;
	font-weight:normal;
}
/* --- press releases --------------------- */
div.pr-banner {
	overflow: hidden;
	border-top:1px solid #ccc;
	padding: 0;
	background-image:url(http://www.selectlegal.co.uk/images/pr-banner.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:150px;
}
.pr-banner h1 {
	padding:0 0 0 10px;
	margin: 50px 0 0 0;
	font-size:1.3em;
}
.pr-banner h2 {
	padding:0 0 0 10px;
	margin: 15px 0 0 0;
	font-size:1.2em;
}
.pr-banner p {
	padding:0 0 0 10px;
	font-size:0.9em;
	color:#336699;
}
/* --- sitemap menu links --------------------- */
ul.sitemap {
	margin:15px 0;
}
ul.sitemap li {
	list-style-type: none;
	padding:3px 0;
	line-height:normal;
}

ul.sitemap li a:link, ul.sitemap li a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 12px;
	background-image:url(img/nav-arrow-off.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
ul.sitemap li a:hover, ul.sitemap li a:active {
	color: #AA0000;
	text-decoration: none;
	padding-left: 12px;
	background-image:url(img/nav-arrow-on.gif);
	background-repeat:no-repeat;
	background-position:center left;
}