/*

Theme Name: Ellison Theme
Theme URI: http://www.ellisonmarketing.co.uk

Description: by Ellison Marketing

Version: 1.0

Author: Ellison Marketing

Author URI: http://www.ellisonmarketing.co.uk

Tags: theme

*/

@import "reset.css";

@import "layout.css";



body {

font: normal 14px "Helvetica Neue", Arial, Helvetica, sans-serif; 
background:url(images/bg.jpg);
color:#333;
}



p, ol, ul, blockquote, pre, code {

line-height: 20px;
margin-bottom: 15px;

}

em {font-style:italic;}
strong {font-weight:bold;}

h1, h2, h3, h4, h5, h6 { margin-bottom: 15px;

}



h1 {font-size:24px; text-transform: uppercase; color: #2e3e8e;}

h2 {font-size:20px;text-transform: uppercase; color: #2e3e8e;}

h3 {
	font-size:18px;
	
}


h4 {font-size:18px;}

a {color:#2E3E8E; text-decoration: none;}
a:hover {text-decoration: underline;color:#2E3E8E; }

.blue { color: #2e3e8e;}
.cage {width:100%;}
.left {width:570px; float: left; margin-right: 30px; margin-top: 10px;}
.right {width:350px; float: Right; margin-top: 10px;}
.page {width:960px; margin:0 auto;}
.page p {text-align:justify;}

header {background:url(images/navback.png); background-position: bottom left; background-repeat: repeat-x; height: 239px; }
.headertop {width: 960px; margin: 0 auto;}
.crest {float:left; width: 207px; height: 207px;}
.crest img {border: none;}
.sidetop {float:right; width: 335px; height: 135px; margin-top: 44px;}

#searchform {background: none; width:335px; height:40px; float:right;}
.searchformside {margin-top: 5px; margin-left: 5px;}
#s {padding: 5px 5px 5px 5px; width: 250px; font-size: 14px; color: #000; border:1px solid #000; margin-top: 5px; margin-left: 10px;}

#searchsubmit {margin-left: 5px;color:transparent; background:url(images/SearchGlass2.png) no-repeat 50% 50%; height:40px; border: none; padding: 0px; cursor: pointer;}
.screen-reader-text {
	display:none;
}
.logo {float:left; width: 235px; height: 55px; margin-top: 82px; margin-left: 20px;}
.logo img {border: none;}

footer {margin-top: 30px; color: #fff; background-color: #173576; border-top: 10px solid #fff; min-height: 230px; }
footer a {color: #fff; text-decoration: none;}
footer a:hover {text-decoration: underline;}

.estateagentsboards img {
	float: left;
	border:none;-webkit-box-shadow:0px;
-moz-box-shadow: none;
box-shadow:none;}

.featureimage img {
	float: left;
	border:none; 
	box-shadow:50px 50px 50px 10px black; 
	float: right;
}
.featureimage a {
	border:none; 
	box-shadow:50px 50px 50px 10px black; 
	float: right;}
.alignright2 { float: right; margin: 0 0 20px 20px; box-shadow: 3px 3px 3px #888888;}
	

.productslist ul {}
.productslist li a {float:left; width: 100px; margin-left: 15px; margin-bottom: 15px; background: #3183b8; color: #fff; height:130px; padding: 10px; text-align: center; display: block;-webkit-border-radius: 10px;
-moz-border-radius: 10px; font-size: 11px;
border-radius: 10px;-moz-box-shadow: 0px 0px 5px #525252;
box-shadow: 0px 0px 5px #525252;-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out; line-height: 1.3;}
.productslist a:hover {background:#303c8e;}

.productslistnew ul {margin-left:0px; margin-bottom:0px;}
.productslistnew li {float:left; width: 125px; margin-right: 50px; margin-bottom:35px;color: #333; height:150px;  text-align: center; display: block;line-height: 1.3; font-size:14px;}
.productslistnew li img {width:125px; height:125px;}


.bullet1 ul {list-style-type: disc;}


.footerbottom {width: 300px; float: left; margin-right: 20px;}
.footerbottom li {line-height:1.8;}
.footerbottom li a:hover {color:#fff;}

.footerbottom h4 {color: #8de0fe; text-transform: uppercase;}
/* =Menu
-------------------------------------------------------------- */

nav {
background: none;
margin-top:-25px;
width: 860px;
	float:left; margin-left: 130px;
}
nav .menu-header,
div.menu {
	}
nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
nav .menu-header li,
div.menu li {
	float: left;
	
}
nav a {
	color: #fff;
	display: block;
	line-height: 40px;
	padding: 0 17px;
	text-decoration: none;
font-size: 12px;
text-transform: uppercase;

}
nav ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	left: 0;
	float: left;
	z-index: 99999;
}
nav ul ul li {
	
}
nav ul ul ul {
	left: 100%;
	
}
nav ul ul a {
	background:#3183b8;
		padding: 0 17px;

}
nav li:hover > a,
nav ul ul :hover > a {
	color: #8de0fe;
padding-bottom:1px solid #333;
}
nav ul li:hover > ul {
	display:block;
top: -15px!important;
}
nav ul li.current_page_item > a,
nav ul li.current-menu-ancestor > a,
nav ul li.current-menu-item > a,
nav ul li.current-menu-parent > a {
	color: #fff;
}
* html nav ul li.current_page_item a,
* html nav ul li.current-menu-ancestor a,
* html nav ul li.current-menu-item a,
* html nav ul li.current-menu-parent a,
* html nav ul li a:hover {
	color: #fff;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #fff;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #fff;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

.postedon {font-size:13px; color:#666; margin-bottom:5px;}

/*
The following styles have been added by C Short
*/
.cat-row {
    background-color: white;
    height: 300px;
    width: 800px;
   
    clear: both;
    padding: 2px;
    margin: 0 auto;
}
.cat-panel {
    background-color: white; /*#eeeeee;*/
    font-size: 16px;
    text-transform: uppercase;
    color: black;
    text-align: center;
    padding: 10px 5px 20px 5px;
    border-style: solid;
    border-color: grey;
    border-width: 1px;
    /*box-shadow: 2px 2px 8px #888888;*/
    /*padding-bottom: 20px;*/
    height: 300px;
    width: 28%;
    float: left;
    margin: 5px 15px 10px 15px;
}

.cat-title {
    background-color: #3183b8;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    padding: 5px;
}

.cat-icon {
    line-height: 30px;
    background-color: white; /*#eeeeee;*/
    /*height:*/
    /*width:*/
    /*float: left;*/
    /*padding: 5px; */
    margin: auto
}
.cat-section {
    width: 400px;
    float: left;
    padding: 10px; 
}
.cat-footer {
    /*background-color: white;*/
    font-size: 12px;
    color: black;
    clear: both;
    text-align: center;
    padding: 2px; 
}
.image_div {
    background-color: white;
    clear: both;
    padding: 5px; 
    width: 100%;
}
.div-clear-both {
    clear: both;
}
