/* Include navigation css */
@import url('layout/css/nav.css');

body  {
	text-align: center;
	font-family: "Lucida Grande", "Liberation Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#fff;
	background-image:url(images-solicitors-in-portsmouth-hampshire/bg-solicitors-in-portsmouth-hampshire.jpg);
	background-repeat:no-repeat;
}
.thrColLiqHdr #container {
	width: 950px;
	background: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images-solicitors-in-portsmouth-hampshire/site-body-bg-solicitors.jpg);
	background-repeat: repeat-y;
} 
.thrColLiqHdr #termscontainer {
	width: 950px;
	background: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.thrColLiqHdr #contactcontainer {
	width: 950px;
	background: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.thrColLiqHdr #header {
	background-color: #FFF;
	height: 100px;
	width: 100px;
	padding-left: 10px;
	padding-top: 10px;
	float:left;
} 

#Flash {
	background-color: #fff;
	height: 110px;
	width:800px;
	float:right;
	
}

h1 {
	font-size: 20px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #9C0000;
}

h2 {
	font-size: 18px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #9C0000;
}
h3 {
	font-size: 12px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #9C0000;
}

h4 {
	font-size: 12px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
	
.style1 {
	color: #666;
	font-weight: bold;
}
.styleRed {
	color: #900;
	font-weight: bold;
}
.thrColLiqHdr #sidebar1 {
	float: left;
	width: 209px; 
	background-color: #9C0000;
	color: #FFF;
	background-image:url(images-solicitors-in-portsmouth-hampshire/side-bar-1-bg.jpg);
	background-repeat:repeat-x;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#BottomBar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 209px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 52px;
	background-color: #fff;
	color: #FFF;
}

.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 220px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-color: #FFF;
	background-image:url(images-solicitors-in-portsmouth-hampshire/side-bar-2-bg.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	padding-bottom:10px;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent {
	width: 490px;
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left:18px;
}

.thrColLiqHdr #ContactmainContent {
	width: 650px;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
}

.thrColLiqHdr #termsmainContent {
	width: 900px;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 15px;
}

.thrColLiqHdr #footer {
	padding: 0 10px;
	height: 150px;
	background-color: #FFF;
	background-image: url(images-solicitors-in-portsmouth-hampshire/footer-solicitors-in-portsmouth-hampshire.jpg);
} 
.thrColLiqHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	color: #FFF;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

menu-wrapper {
	background-image: url(images-solicitors-in-portsmouth-hampshire/menu-bg.png);
}

#menu-wrapper {
	background-repeat: no-repeat;
	height: 50px;
	position: relative;
	z-index: 3;
		width:950px;
	float:left;
}

/* MAIN MENU */

#menu a {
	color: #666666;
}

#menu-wrapper img {
	padding-top:10px;
	padding-bottom:10px;
	padding-right: 10px;
	float:right;
}

#menu a:hover, #menu a.menu-home:hover {
	background-image: url(images-solicitors-in-portsmouth-hampshire/menu-bg.png);
}

#menu li {
	background-image: url(images-solicitors-in-portsmouth-hampshire/menu-divider.png);
}

#menu li ul {
	background: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	margin-left: -2px;
}

#menu li ul ul {
	border: 1px solid #c6c6c6;
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #f2f2f2;
}

#menu li li a, #menu li li a:visited {
	color: #666666;
}

.sf-sub-indicator {
	background-image: url('images-solicitors-in-portsmouth-hampshire/arrows.png'); /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/*** ESSENTIAL STYLES ***/
#menu, #menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#menu {
	line-height:	1.0;
	position: relative;
	z-index: 3;
}
#menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#menu ul li {
	width:			100%;
}
#menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu li {
	float:			left;
	position:		relative;
}
#menu a {
	display:		block;
	position:		relative;
	cursor: 		pointer;
}
#menu li:hover ul,
#menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#menu li:hover li ul,
ul#menu li.sfHover li ul {
	top:			-999em;
}
ul#menu li li:hover ul,
ul#menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#menu li li:hover li ul,
ul#menu li li.sfHover li ul {
	top:			-999em;
}
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#menu a {
	padding: 18px 20px;
	text-decoration:none;
	font-size: 13px;
	border: none;
	display: block;
}

#menu a:focus, #menu a:hover, #menu a:active {
	background-position: -5px -50px;
}

#menu li {
	padding-right: 3px; 
	background-repeat: no-repeat;
	background-position: right 0;
}

	/* Home Button */
	
#menu li a.menu-home:hover {
	background-position: 0 -50px;
}

	/* Second Level Buttons */

#menu li ul {
	margin-top: 20px;
	border-top: none;
	width: 175px;
	cursor: pointer;
}

#menu li li {
	margin-top: 0;
	padding-right: 0;
	background-image: none;
	cursor: pointer;
}

#menu li li a {
	text-align: left;
	font-size: 11px;
	padding: 10px 10px;
	cursor: pointer;
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #FFFFFF;
}

#menu li li li {}
#menu li:hover, #menu li.sfHover {
	outline:		0;
}

/*** arrows **/
#menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			20px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background-position: 0 -100px;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			20px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menu ul .sf-sub-indicator { background-position:  0 0; top: 10px; }
#menu ul a > .sf-sub-indicator { background-position:  0 0; top: 10px;}
/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* STANDARD TYPOGRAPHY */

a {
	color: #9C0000;
}

#content blockquote, #full-width-content blockquote {
	border-left-color: #c6c6c6;
}

#content li, #full-width-content li {
	background-image: url('images-solicitors-in-portsmouth-hampshire/bullet.png');
}

#content img, #full-width-content img {
	border-color: #c6c6c6;
	background-color: #f2f2f2;
}

/* LAYOUT */

#menu-wrapper {
	background-image: url(images-solicitors-in-portsmouth-hampshire/menu-bg.png);
}

#main {
	border-color: #c6c6c6;
}

#primary {
	background-image: url(images-solicitors-in-portsmouth-hampshire/primary-bg.png);
	background-color: #fff;
}

#copyright {
	background-image: url(images-solicitors-in-portsmouth-hampshire/footer-bg.png);
	color: #969696;
}


/* HEADER */

#logo {
	background-image: url(images-solicitors-in-portsmouth-hampshire/logo.png);
}

/* MAIN MENU */

#menu a {
	color: #666666;
}

#menu a:hover, #menu a.menu-home:hover {
	background-image: url(images-solicitors-in-portsmouth-hampshire/menu-bg.png);
}

#menu li {
	background-image: url(images-solicitors-in-portsmouth-hampshire/menu-divider.png);
}

#menu li ul {
	background: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	margin-left: -2px;
}

#menu li ul ul {
	border: 1px solid #c6c6c6;
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #f2f2f2;
}

#menu li li a, #menu li li a:visited {
	color: #666666;
}

.sf-sub-indicator {
	background-image: url('images-solicitors-in-portsmouth-hampshire/arrows.png'); /* 8-bit indexed alpha png. IE6 gets solid image only */
}


/* SEARCH */

#searchform div {
	border-color: #c6c6c6;
	background-color: #ffffff;
	background-image: url(images-solicitors-in-portsmouth-hampshire/search-input-bg.png);
}

#search-input {
	color: #666;
}

#searchsubmit {
	background-image: url(images-solicitors-in-portsmouth-hampshire/search-submit.png);
}

/* BLOG */

#content .entry h3 a {
	color: #474747;
}

#content .entry h3 a:hover {
	color: #000000;
}

/* COMMENTS */

a.name {
	color: #474747;
}

a.name:hover {
	color: #000000;
}

#respond input, #respond textarea {
	background-color: #ffffff;
	color: #666;
	border: 1px solid #cccccc;
}

#respond #submit {
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

#respond #submit:hover {
	background-color: #f2f2f2;
}
	
/* NEWS PAGE */

.news-article h2 a, .featured-news h2 a {
	color: #474747;

}

.news-article h2 a:hover, .featured-news h2 a:hover {
	color: #000000;
}

/* CONTACT FORM */

#contact input, #contact textarea {
	background-color: #ffffff;
	color: #666;
	border: 1px solid #cccccc;
}

#contact #submit {
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

#contact #submit:hover {
	background-color: #f2f2f2;
}

/* FOOTER AREA */

#footer-top {
	background-image: url(images-solicitors-in-portsmouth-hampshire/footer-top-bg.png);
	background-color: #fff;
}

#footer-widget-area {
	background-image: url(images-solicitors-in-portsmouth-hampshire/footer-widget-area-bg.png);
	background-color: #e4e4e4;
}

#footer-widget-area-inner {
	background-image: url(images-solicitors-in-portsmouth-hampshire/footer-widget-area-inner-bg.png);
}

/* SIDEBAR */

#sidebar .widget a {
	color: #1095d2;
}

#sidebar .widget ul {
	border-bottom-color: #cccccc;
}

#sidebar .widget li {
	border-top-color: #cccccc;
	background-image: url('images-solicitors-in-portsmouth-hampshire/bullet.png');
}

#sidebar .widget li a {
	color: #474747;
}

#sidebar .widget li a:hover {
	color: #1095d2;
}


/* SLIDESHOW */

#slideshow {
	background-color: #f2f2f2;
}

#slideshow-nav {
	background-image: url(images-solicitors-in-portsmouth-hampshire/slideshow-nav.png)
}

#slideshow-nav-inner a img {
	background-image: url(images-solicitors-in-portsmouth-hampshire/slideshow-nav-button.png);
}

/* Jaybich Recent Posts Widget */

ul.jaybich-recent-posts li a, ul.jaybich-recent-posts li a span {
	color: #474747;
}	

/* Jaybich Simple Contact Widget */

ul.jaybich-simple-contact li {
	background-image: url(images-solicitors-in-portsmouth-hampshire/icons-contact.png);
}

/* PAGE NAVI PLUGIN */

#full-width-content .wp-pagenavi a, #content .wp-pagenavi a {
	border: 1px solid #cccccc;
	color: #474747;	
}

#full-width-content .wp-pagenavi a:hover, #content .wp-pagenavi a:hover {	
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}

#full-width-content .wp-pagenavi span.current, #content .wp-pagenavi span.current {
	border: 1px solid #cccccc;
	color: #474747;
	background-color: #f2f2f2;
}

	textarea,
	select,
	input { }
	.contact  {padding-top:12px;}
	.contact form {overflow:hidden;}
	.contact input,
	.contact textarea{width:264px;font-size:12px;color:#919191;}
	.contact input {border:1px solid #B2B2B2;background:transparent;width:263px;padding:2px;}
	.contact input.submit_button{border:1px solid #B2B2B2;background:transparent;width:270px;padding:2px;}
	.contact textarea {height:42px;border:1px solid #B2B2B2;background:transparent;padding:2px;overflow:auto;}
	.contact li {margin:0 0 10px 0;font-size:12px;color:#707070;padding:0px;}
	
	.form_title{
		color:#3A3A3A;
		font-weight:bold;
		display:block;
		margin-top:10px;
		margin-bottom:10px;
		padding:0px 0px 0px 0px;
		letter-spacing:0px;
		font-size:12px;
	}

	.form_element{
		margin:0px;
		display:block;
		margin-top:3px;
		padding:0px 0px 0px 0px;
		letter-spacing:0px;
	}

	.input{
		border: 1px solid #B5B5B5;
		color:#3A3A3A;
		font-size:12px;
		padding:5px 5px 5px 10px;
		letter-spacing:0px;
		width:170px;
	}

	.submit_button{
	border: 1px solid #B5B5B5;
	color:#fff;
	font-size:12px;
	background-color:#000;
	padding:5px 5px 5px 5px;
	letter-spacing:0px;
	width:185px;
	margin-top: 10px;
	}

#StaffProfiles{
	border: 1px solid #999;
	color:#000;
	font-size:12px;
	background-color: #fff;
	padding:5px 5px 5px 5px;
	letter-spacing:0px;
	width:470px;
	min-height: 100px;
	margin-right:10px;
	margin-top:10px;
	float:left;
}

#StaffPic{
	border: 1px solid #B5B5B5;
	color:#fff;
	font-size:12px;
	background-color: #333;
	padding:5px 5px 5px 5px;
	letter-spacing:0px;
	width:100px;
	min-height: 100px;
	margin:5px;
	float:right;
}

#homeBoxes{
	border: 1px solid #B5B5B5;
	font-size:12px;
	color:#333;
	text-align:center;
	background-color: #fff;
	padding:5px 5px 5px 5px;
	letter-spacing:0px;
	width:79px;
	min-height:95px;
	margin:3px;
	float: left;
}

#SolicitorsPortsmouthHomeBoxes{
	text-align:center;
	background-color: #fff;
	width:485px;
	float: left;
	margin-bottom:10px;
	margin-top: 5px;
}

#FollowLandG{
	text-align:center;
	background-color: #fff;
	margin-top: 20px;
}
#twitterfeed{
	background-color: #fff;
	text-align: right;
	color:#fff;
	padding: 10px;
	background-image:url(images-solicitors-in-portsmouth-hampshire/twitter-background-home.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 189px;
	height: 132px;
	float:left;
	margin-bottom:10px;
}

.twitter_div {
	padding: 0px 0 0 0;
}

.twitter_div span {
	display: block;
}

.twitter_div ul {
	margin: 0;
}

.twitter_div ul li {
	padding: 5px 0;
	list-style: none;
	background-image: none;
}

.twitter-follow {}