/*
----------------------------
Solicitors Jobs
Author: Bright Fox Solutions
----------------------------
*/

*
{
	margin: 0px;
	padding: 0px;
}

img {
	border:0;
}

body
{
	text-align: center;
	background: url(../images/body.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	color: #302f2f;
}

h2, h3
{
	font-weight: normal;
	color: #302f2f;
}

h2
{
	width: 860px;
	font-size: 1.5em;
	padding-top: 33px;
}

h3
{
	font-size: 1.2em;
	margin-top: 20px;
}

div#maincontent h3
{
	width: 548px;
	margin-left: 40px;
	font-weight:normal;
}

p
{

	margin: 10px 0px;
}

p a
{
	color: #0000dd
}

p.sub-heading
{
	font-size: 0.875em;
}

div#wrap
{
	background: url(../images/footer.gif) repeat-x bottom left;
}

div#container
{
	width: 900px;
	margin: auto;
	text-align: left;
	overflow: hidden;
}

div#header
{
	float: left;
	display: inline;
	width: 900px;
	height: 313px;
	background: url(../images/solicitors-first-bg.jpg) no-repeat 311px 133px;
}

body.registerpg div#header, body.privacypg div#header, body.termspg div#header, body.vacanciespg div#header
{
	height: 316px;
}

div#header h1
{
	float: left;
	display: inline;
	background: url(../images/logo.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	margin: 28px 0px 0px 0px;
}

div#header h1 a
{
	display: block;
	width: 311px;
	height: 75px;
}

div#header p#solicitors-first
{
	float: right;
	display: inline;
	width: 348px;
	height: 65px;
	background: url(../images/solicitors-first.jpg) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	margin: 42px 56px 0px 0px;
}

div#header div#contact
{
	float: right;
	display: inline;
	margin: 38px 72px 0px 0px;
	clear:right;
	width:250px;
}

div#header div#contact p
{
	width: auto;
	color: #ffffff;
	font-size: 1.25em;
	margin: 0px;
}

div#header div#contact p span
{
	float: left;
	display: inline;
	width: 65px;
	color: #f79e1b;
	text-align: left;
}

div#header div#contact p a
{
	color: #ffffff;
	text-decoration: none;
}

div#header div#contact p a:hover
{
	text-decoration: underline;
}

div#maincontent, div#secondarycontent, div#vacancies
{
	float: left;
	display: inline;
	width: 298px;
	min-height: 469px;
	background: url(../images/column-bottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

body.registerpg div#maincontent, body.privacypg div#maincontent, body.termspg div#maincontent, body.vacanciespg div#maincontent
{
	float: left;
	display: inline;
	width: 900px;
	background: url(../images/content-bottom.gif) no-repeat bottom left;
}

body.registerpg div#secondarycontent, body.registerpg div#vacancies, body.privacypg div#secondarycontent, body.privacypg div#vacancies, body.termspg div#secondarycontent, body.termspg div#vacancies, body.vacanciespg div#secondarycontent, body.vacanciespg div#vacancies
{
	display: none;
}

div#secondarycontent, div#vacancies
{
	margin-left: 3px;
}

div#maincontent h2, div#secondarycontent h2, div#vacancies h2
{
	width: 252px;
	min-height: 31px;
	background: url(../images/column-header.gif) no-repeat top left;
	padding: 33px 26px 0px 20px;
}

body.registerpg div#maincontent h2, body.privacypg div#maincontent h2, body.termspg div#maincontent h2, body.vacanciespg div#maincontent h2
{
	width: 860px;
	background: url(../images/content-header.gif) no-repeat top left;
	padding-left: 40px;
}

div#maincontent h3, div#secondarycontent h3, div#vacancies h3
{
	width: 252px;
	margin-left: 20px;
}

body.registerpg div#maincontent h3, body.privacypg div#maincontent h3, body.termspg div#maincontent h3, body.vacanciespg div#maincontent h3
{
	margin-left: 40px;
}

div#maincontent p, div#secondarycontent p, div#vacancies p
{
	width: 252px;
	margin-left: 20px;
}

body.registerpg div#maincontent p, body.privacypg div#maincontent p, body.termspg div#maincontent p, body.vacanciespg div#maincontent p
{
	width: 835px;
	margin-left: 40px;
}

body div#maincontent p.link, body div#secondarycontent p.link, body div#vacancies p.link
{
	float: right;
	display: inline;
	width: 100px;
	height: 30px;
	background: url(../images/button-right.gif) no-repeat top right;
	font-size: 0.875em;
	margin-right: 17px;
	padding-right: 10px;
}

body div#maincontent p.link a, body div#secondarycontent p.link a, body div#vacancies p.link a
{
	display: block;
	width: 100px;
	height: 30px;
	background: url(../images/button-left.gif) no-repeat top left;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.4em;
	overflow: hidden;
	text-align: right;
}

div#maincontent p.addthis_button
{
	margin: 38px 0px 5px 40px;
	clear: both;
}



img {
	border:0;
}

div#footer
{
	float: left;
	display: inline;
	width: 900px;
	height: 77px;
	background: url(../images/footer.gif) repeat-x top left;
}

div#footer p
{
	width: auto;
	color: #302f2f;
	font-size: 0.75em;
	margin-top: 15px;
}

div#footer p#copyright
{
	float: left;
	display: inline;
}

div#footer p#policy
{
	float: right;
	display: inline;
}

div#footer p#policy a
{
	color: #302f2f;
	margin-right: 10px;
}

div#footer p.addthis_button
{
	float: left;
	display: inline;
	width: 125px;
	margin-left: 258px;
}

p.twitter {
	clear:both;
	text-align:center;
}

/* Navigation */

div#cmsnav, div#cmsnav ul
{
	float: right;
	display: inline;
}

div#cmsnav ul
{
	list-style: none;
	height: 30px;
	margin-top: 82px;
}

div#cmsnav ul li
{
	float: left;
	background: url(../images/nav-right.gif) no-repeat top right;
	margin-left: 6px;
}

div#cmsnav ul li:hover, div#cmsnav ul li.over
{
	background: url(../images/nav-right.gif) no-repeat right -30px;
}

div#cmsnav ul li a
{
	float: left;
	display: inline;
	background: url(../images/nav-left.gif) no-repeat top left;
	width: 100px;
	height: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	line-height: 2.4em;
	overflow: hidden;
	padding-right: 10px;
}

div#cmsnav ul li a:hover
{
	background: url(../images/nav-left.gif) no-repeat 0px -30px;
}

body.homepg div#cmsnav ul li#navhome a, body.vacanciespg div#cmsnav ul li#navacancies a, body.registerpg div#cmsnav ul li#navregister a
{
	background: url(../images/nav-left.gif) no-repeat 0px -30px;
}

body.homepg div#cmsnav ul li#navhome, body.vacanciespg div#cmsnav ul li#navacancies, body.registerpg div#cmsnav ul li#navregister
{
	background: url(../images/nav-right.gif) no-repeat right -30px;
}

/* End Navigation */

/* Website Links */

div#links, div#links ul
{
	float: left;
	display: inline;
}

div#links
{
	clear: left;
}

div#links ul
{
	list-style: none;
	width: 316px;
	margin: 51px 0px 0px 0px;
}

div#links ul li a
{
	display: block;
	width: 311px;
	text-indent: -999em;
	overflow: hidden;
}

div#links ul li#navreferrals a {width: 247px; height: 32px; background: url(../images/referrals.gif) no-repeat top left; margin-left: 13px;}
div#links ul li#navpractice a {height: 39px; background: url(../images/practice.gif) no-repeat top left;}
div#links ul li#navjobs a {height: 36px; background: url(../images/jobs.gif) no-repeat top left;}
div#links ul li#navwebdesign a {width: 344px; height: 34px; background: url(../images/web-design.gif) no-repeat top left;}
div#links ul li#navlocum a {height: 33px; background: url(../images/locum.gif) no-repeat top left;}

div#links ul li#navreferrals a:hover {background: url(../images/referrals.gif) no-repeat -247px 0px;}
div#links ul li#navpractice a:hover {background: url(../images/practice.gif) no-repeat -311px 0px;}
div#links ul li#navjobs a:hover {height: 36px; background: url(../images/jobs.gif) no-repeat -311px 0px;}
div#links ul li#navwebdesign a:hover {width: 344px; height: 34px; background: url(../images/web-design.gif) no-repeat -344px 0px;}
div#links ul li#navlocum a:hover {height: 33px; background: url(../images/locum.gif) no-repeat -311px 0px;}

/* End Website Links */

/* Contact Form */

div#contactform
{
	float: left;
	display: inline;
	width: 472px;
	margin: 10px 0px 10px 42px;
	clear: both;
}

div#maincontent div#contactform p
{
	float: left;
	display: inline;
	position: relative;
	width: 572px;
	margin: 0px 0px 8px 0px;
}

div#contactform p label
{
	float: left;
	display: inline;
	width: 200px;
	margin-right: 10px;
}

div#contactform p input, div#contactform p textarea, div#contactform select
{
	float: left;
	display: inline;
	background: #eaeaea repeat top left;
	border: 1px solid #000000;
	font-family: inherit;
	font-size: inherit;
}

div#contactform p input
{
	width: 254px;
	height: 27px;
	padding: 5px 3px 0px 3px;
}

div#contactform p textarea
{
	width: 254px;
	height: 74px;
	padding: 3px;
	overflow: auto;
}

div#contactform p select
{
	width: 262px;
}

div#contactform p input#bttnSend
{
	float: right;
	display: inline;
	width: auto;
	height: auto;
	margin: 2px -2px 0px 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	position: relative;
}

/* End Contact Form */