/* Stylesheet: Layout: Top menu + 2 columns Modified On 2013-08-29 10:47:23 */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
}
body#tinymce {
  background:#999;
}
/*set font size for all divs, this overrides some body rules*/
div {
	font-size: 1em;
}
/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}
/*default link styles*/
/* set all links to have underline and bluish color */
a, a:link a:active {
	text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit;
	color: #007565;
}
a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #007565;
/* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #00a78f;
}
/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
	color: #505050;
	background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/layout/lloyds-background.jpg) repeat left top;
}
body.inner{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/layout/inner-background.jpg) repeat-x left top;
}
body.golf{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/layout/golf-background.jpg) repeat-x left top;
}
body.sports{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/sportsclub-background.jpg) repeat-x left top;
}
body.mason{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/mason-background.jpg) repeat-x left top;
}
body.haulage{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/haulage-background2.jpg) repeat-x left top;
}
body.saddler{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/sadler-background.jpg) repeat-x left top;
}
body.credit{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/creditinsurance-background.jpg) repeat-x left top;
}
body.coventry{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/coventry-background.jpg) repeat-x left top;
}
body.glasgow{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/glasgow-background.jpg) repeat-x left top;
}
body.nottingham{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/nottingham-background.jpg) repeat-x left top;
}
body.congleton{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/congleton-background.jpg) repeat-x left top;
}
body.hiq{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/hiq-background.jpg) repeat-x left top;
}
body.travel{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/travel-background.jpg) repeat-x left top;
}
body.motor{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/motor-background.jpg) repeat-x left top;
}

body.rugby{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/rugby-background.jpg) repeat-x left top;
}
body.cricket{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/cricket-banner.jpg) repeat-x left top;
}
body.apartment{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/apartment-banner.jpg) repeat-x left top;
}
body.relax{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/relax-banner.jpg) repeat-x left top;
}
body.pi{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/pi-banner.jpg) repeat-x left top;
}
body.tech{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/tech-banner.jpg) repeat-x left top;
}
body.castle{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/castle-banner.jpg) repeat-x left top;
}
body.museum{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/museum-banner.jpg) repeat-x left top;
}
body.mansion{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/mansion-banner.jpg) repeat-x left top;
}
body.footy{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/football-inner-banner.jpg) repeat-x left top;
}
body.people{
background: #ffffff url(http://www.circlegroup.co.uk/uploads/images/backgrounds/people-inner-banner.jpg) repeat-x left top;
}


div#pagewrapper {
	width: 960px;
	margin: 0 auto;
padding-bottom:30px;
}

div#header {
/* adjust according your image size */
	height: 40px;
	margin: 0;
	padding: 10px 0 0 0;
overflow:hidden;
}
.head-left{
float:left;
display:inline;
padding-top:10px;
	font-size: 0.9em;
	line-height: normal;
font-weight:bold;
}
.head-right{
float:right;
display:inline;
padding-right:10px;
}

div.crbk {
/* sets all to 0 */
	margin: 0;
	padding: 0;
height:30px;
}
div.breadcrumbs {
	padding: 0 0 0 15px;
	font-size: 90%;
	margin: 0px;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
color:#007565;
}
div#search {
	float: right;
	text-align: right;
	padding: 5px;
	margin: 0;
background-color:#fff;
-webkit-border-radius:8px;
border-radius:8px;
-moz-border-radius:8px;
}
#search input{
border:0;
}
/* a class for Submit button for the search input box */
input.search-button {
	border: none;
	height: 22px;
	width: 23px;
	margin-left: 5px;
	padding: 0px;
/* makes the hover cursor show, you can set your own cursor here */
	cursor: pointer;
/* you can set your own image here */
	background: url(http://www.circlegroup.co.uk/uploads/images/layout/search.jpg) no-repeat center center;
}

#banner{
height:250px;
padding-top:40px;
}
#banner h1{
	font-size: 5.8em;
	line-height: normal;
font-weight:bold;
color:#ffffff;
letter-spacing:-2px;
padding:0;
margin:0;
text-shadow: 0px 2px 10px #b0b0b0;
}
#banner h2{
	font-size: 5.8em;
	line-height: normal;
font-weight:normal;
color:#ffffff;
letter-spacing:-2px;
padding:0;
margin:0;
text-shadow: 0px 2px 10px #b0b0b0;
}


div#content {
padding: 10px 0 10px 0;
}
.inner #content {
padding: 10px;
background: url(http://www.circlegroup.co.uk/uploads/images/layout/white-back-inner.png) repeat left top;
-moz-box-shadow: 0 0 15px #808080;
-webkit-box-shadow: 0 0 15px #808080;
box-shadow: 0 0 15px grey;
}

.inner #content ul {
margin-bottom: 10px;
margin-top: 10px;
}

.inner #content li {
list-style:disc;
margin-left: 20px;
}

div#main {
padding:15px;
float:left;
width:580px;
background: url(http://www.circlegroup.co.uk/uploads/images/layout/green-back.png) repeat top left;
color:#fff;
}
.inner #main {
padding:15px;
float:right;
width:580px;
background:0;
color:#666;
}

.inner #main-form {
padding:15px;
float:left;
width:580px;
background:0;
color:#666;
}

.main-left{
width:280px;
float:left;
display:inline;
}
.main-right{
width:280px;
float:right;
display:inline;
}

div#sidebar {
	float: right;
	width: 300px;
	display: inline;
	margin: 0px 0px 20px;
	padding: 15px;
background: url(http://www.circlegroup.co.uk/uploads/images/layout/white-back.png) repeat top left;
}
.inner #sidebar {
	float: left;
	width: 300px;
	display: inline;
	margin: 0px 0px 20px;
	padding:5px;
background: 0;
}

.inner #sidebar ul{
list-style:none;
margin:0;
font-weight:bold;
font-size:1.1em;
display:block;
}
.inner #sidebar ul a{
color:#fff;
}
.inner #sidebar ul a:hover{
text-decoration: none;
color:#202020;
}
.inner #sidebar .menuactive{
color:#202020;
}
.inner #sidebar li{
padding:10px 0 10px 10px;
display:block;
margin:0;
}

.inner #sidebar li .menuparent{
text-transform:uppercase;
padding:10px;
background-color:#00917c;
display:block;
color:#fff;
}

.inner #sidebar ul ul ul{
background:none!important;
display:block!important;
}
.inner #sidebar ul ul ul li{
padding-top:20px!important;
padding-bottom:0!important;
}


.inner #sidebar ul ul{
margin:0;
padding:0;
background:#00917c url(http://www.circlegroup.co.uk/uploads/images/layout/sidenav-back.gif) repeat top left;
display:block;
}

.inner #sidebar ul li ul li ul li{
text-transform:none;
display:block;
color:#fff;
font-size:0.8em;
}
.inner #sidebar li li .menuparent{
text-transform:none;
}

.inner #sidebar ul .menuparent ul .menuparent ul{
padding-bottom:10px;
}


.logo{
width:128px;
height:125px;
float:left;
display:inline;
-moz-box-shadow: 0 0 10px #808080;
-webkit-box-shadow: 0 0 10px #808080;
box-shadow: 0 0 10px grey;
}
.cii-logo{
width:65px;
height:125px;
float:right;
display:inline;
}
.clear{
clear:both;
}


div.footback {
	padding: 10px;
	background:#ffffff url(http://www.circlegroup.co.uk/uploads/images/layout/footer-back.jpg) repeat-x top left;
}
div#footer {
	padding: 10px;
	color: #595959;
	width: 960px;
	margin: 0 auto;
}
.foot-left {
	float: left;
	width: 310px;
}
.foot-right{
	float: right;
	width: 420px;
padding-top:130px;
}

div#footer p {
	font-size: 0.8em;
font-weight:bold;
	padding-bottom: 5px;
color:#292929;
}
div#footer p a {
/* footer link would be same color as default we want it same as footer text */
	color: #292929;
}
div#footer p a:hover {
	color: #007565;
}

#footer ul{
list-style:none;
}
#footer li{
display:inline;
padding-right:10px;
font-size: 0.8em;
font-weight:bold;
color:#292929;
}
#footer li a{
color:#292929;
}


/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}


/********************CONTENT STYLING*********************/
/* HEADINGS */
h1 {
	font-size: 2.2em;
	line-height: normal;
	padding-bottom:10px;
font-weight:bold;
color:#fff;
letter-spacing:-1px;
}
.inner h1 {
color:#007565;
}

h2 {
	color: #007565;
	font-size: 2.2em;
	padding-bottom: 10px;
	line-height: normal;
font-weight:bold;
letter-spacing:-1px;
}
h3 {
	color: #007565;
	font-size: 1.2em;
	line-height: normal;
font-weight:bold;
padding-bottom:5px;
}
h4 {
	color: #007565;
	font-size: 1.1em;
	line-height: normal;
font-weight:bold;
padding-bottom:5px;
}
h5 {
	color: #007565;
	font-size: 1.0em;
	line-height: normal;
font-weight:bold;
padding-bottom:5px;
}
h6 {
	color: #007565;
	font-size: 1.0em;
	line-height: normal;
font-weight:bold;
padding-bottom:5px;
}
/* END HEADINGS */
/* TEXT */
p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0 0 10px 0;
}
blockquote {
	border-left: 10px;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:-1;
		}
/* Stylesheet: Navigation: CSSMenu - Horizontal Modified On 2013-08-29 10:12:45 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
float:left;
	height: 125px;
	width: 767px;
	margin: 0;
	padding: 0;
text-transform:uppercase;
font-weight:bold;
background: url(http://www.circlegroup.co.uk/uploads/images/layout/nav-back2.jpg) repeat-x top left;
overflow:hidden;
-moz-box-shadow: 0 0 10px #808080;
-webkit-box-shadow: 0 0 10px #808080;
box-shadow: 0 0 10px grey;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	border-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0;
margin:0;
padding:0;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
ul#primary-nav li li a{
text-transform:capitalize !important;
width: 220px !important;
}


/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1.2em;
/* make sure we keep the font normal */
	font-weight: bold;
/* set default link colors */
	color: #fff;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding:75px 10px 10px 15px;
width:100px;
	display: block;
	text-decoration: none;
letter-spacing:-1px;
word-wrap: break-word;
height:28px;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
color: #000;
}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: #007565;
}
ul#primary-nav li a.menuactive {
	color: #000;
/* bold to set it off from non active */
	font-weight: bold;

}
ul#primary-nav li a.menuactive:hover {
	color: #000;
/* keep it the same */
	font-weight: bold;
}

ul#primary-nav li ul li a.menuparent, ul#primary-nav li ul li a.parent{
border-bottom:1px solid #C8D3D7;
}



ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 3px 6px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}

ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}


ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {

	color: #000;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/* Stylesheet: Module: News Modified On 2009-05-09 23:29:39 */
div#news {
/* margin for the entire div surrounding the news items */
	margin: 2em 0 1em 1em;
/* border set here */
	border: 1px solid #909799;
/* sets it off from surroundings */
	background: #f5f5f5;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(http://www.circlegroup.co.uk/uploads/ngrey/darknav.png) repeat-x left center;
	color: #f5f5f5;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0.5em 0.5em 1em;
/* margin to the bottom of the news article summary */
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
div#news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}