/*
----------------------------
Solicitors Web Design
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
{
	color: #000000;
}

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

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

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: 314px;
	background: url(../images/solicitors-first-bg.jpg) no-repeat 311px 133px;
}

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: 410px;
	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;
}

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: #eb1c24;
	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
{
	float: left;
	display: inline;
	width: 588px;
	min-height: 429px;
	background: url(../images/content.gif) no-repeat bottom left;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

div#maincontent h2
{
	width: 548px;
	height: 38px;
	background: url(../images/content-header.gif) no-repeat top left;
	padding-left: 40px;
}


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

div#maincontent p
{
	width: 529px;
	margin-left: 40px;
}

div#maincontent ul
{
	margin-left:30px;
}

div#maincontent li {
	margin-left:20px;
}

div#maincontent p.sub-heading
{
	width: 529px;
}

div#maincontent p.addthis_button
{
	float: right;
	display: inline;
	width: 125px;
	margin: 10px 17px 5px 0px;
}

div#secondarycontent
{
	float: left;
	display: inline;
	width: 312px;
	background: url(../images/secondary-bottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
}

div#secondarycontent h2
{
	width: 287px;
	height: 38px;
	background: url(../images/secondary-header.gif) no-repeat top left;
	padding-left: 25px;
	font-weight: bold;
}

div#secondarycontent p
{
	width: 287px;
	margin-left: 25px;
}

div#secondarycontent p#terms
{
	position: relative;
	top: -33px;
	width: 120px;
	clear: left;
}

div#secondarycontent p#terms a
{
	display: block;
}

div#secondarycontent p#contact
{
	font-size: 1.25em;
	font-weight: bold;
	position: relative;
	margin: -33px 0px 10px 25px;
}

div#secondarycontent p#contact strong
{
	display: block;
	color: #ffffff;
	font-size: 1.5em;
	margin-top: -5px;
}

div#maincontent p.link, div#secondarycontent 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: 27px;
	padding-right: 10px;
}

div#maincontent p.link a, div#secondarycontent 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#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;
}

/* 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.servicespg div#cmsnav ul li#navservices a, body.contactpg div#cmsnav ul li#navcontact a
{
	background: url(../images/nav-left.gif) no-repeat 0px -30px;
}

body.homepg div#cmsnav ul li#navhome, body.servicespg div#cmsnav ul li#navservices, body.contactpg div#cmsnav ul li#navcontact
{
	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: 58px 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: 260px;
}

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

div#contactform p label
{
	position: absolute;
	left: -999em;
}

div#contactform p input, div#secondarycontent div#contactform p textarea
{
	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 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 */