/* Atkinson & Keene stylesheet 
Author: Ech Design
Url: http://echdesign.co.uk
Date: 2007
Stay on target
*/

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
text-align:center;
font-family:arial, helvetica, sans-serif;
font-size:73%; /* 73 */
color:black;
background: #fffdfd;/* #fbf9f9;*/
}
body#auction {
background:#8F6B74;
}
p {
margin-top:10px;
margin-bottom:10px;
line-height:1.5em;
font-size:1em;
}
ul {
margin-top:10px;
margin-bottom:10px;
margin-left:16px;
}
li {
padding-left:10px;
margin-left:10px;
line-height:1.5em;
}
h1 {

background: url(images/a&k-logo.gif) no-repeat top left;
width:130px;
height:195px;
}
h1 a {
display:block;
width:130px;
height:195px;
text-indent:-500%;
}
h1 a:hover {
border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2 {
font-size:2.1em;
padding-left:30px;
margin-bottom:30px;
}
h3, h4 {
color:#680012;
font-size:1.2em;
}
#maintext h3, #fulltext h3, #fulltext2 h3 {
margin-top:25px;
}
#fulltext2 h3.pullup {
margin-top:10px;
}

h4 {
margin-top:10px;
margin-bottom:15px;
}
h4 span {
color:#4F4A4A;
}
a {
outline:none;   /* firefox property that prevents the dotted line from appearing when you click on links  */
}
a:link, a:visited {
color:#680012;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#a73246;
text-decoration:underline;
}
a img {
border:none;
}
.clearleft {
clear:left;
padding-top:30px;
}
.floatright {
float:right;
margin-top:10px;
margin-left:15px;
border:1px solid #C7C7C7;
}
#contentwrapper {
width:900px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:#fff;
}
#auction #contentwrapper {
border-left:10px solid #fff;
border-right:10px solid #fff;
position:relative;
padding-top:327px;
}
#header {
background: url(images/top-stripe.gif) no-repeat top left;
padding-top:14px;
position:relative;
border-bottom:1px solid #680012;
height:272px;
margin-bottom:40px;
}
#auction #header {
position:absolute;
left:-10px;
top:0px;
width:910px;
padding-left:10px;
background: url(images/top-stripe.gif) repeat-x top center;
}
#header img {
float:left;
margin-top:5px;
}
#header #flash, #header img#flash {
float:none;
margin:0;
position:absolute;
right:0px;
top:14px;
}
#menu {
clear:left;
float:left;

width:200px;
}
#menu img {
margin-left:10px;
margin-top:30px;
}
#menu img.banner {
border:1px solid #C7C7C7;
margin-left:0px;
}
#menu img.banner2 {

margin-left:0px;
}
#news2 img.banner, #news img.banner {
margin-left:13px;
border:0;
}
#menu ul {
margin-left:0;
margin-top:0;
margin-bottom:0;
}
#menu ul li {
list-style-type:none;
margin-left:8px;
margin-top:5px;
padding-left:0;
}
#menu ul li a {

display: block;
 text-indent: -10000px;
 text-decoration:none;
outline:none;
 }
li#home a {
background: url(images/home.gif) no-repeat top left;
width:38px;
height:20px;
}
li#about a {
background: url(images/about-atkinson-keene.gif) no-repeat top left;
width:151px;
height:22px;
}
li#sale a {
background: url(images/property-for-sale.gif) no-repeat top left;
width:108px;
height:22px;
}
li#let a {
background: url(images/property-to-let.gif) no-repeat top left;
width:98px;
height:23px;
}
li#land a {
background: url(images/land-and-new-homes.gif) no-repeat top left;
width:128px;
height:20px;
}
li#survey a {
background: url(images/surveys-and-valuations.gif) no-repeat top left;
width:146px;
height:22px;
}
li#relocation a {
background: url(images/relocation.gif) no-repeat top left;
width:67px;
height:21px;
}
li#convey a {
background: url(images/conveyancing.gif) no-repeat top left;
width:139px;
height:22px;
}
li#mortgage a {
background: url(images/mortgage-required.gif) no-repeat top left;
width:120px;
height:21px;
}
li#magazinemenu a {
background: url(images/magazine-menu.gif) no-repeat top left;
width:121px;
height:22px;
margin-top:1px;
}
li#careers a {
background: url(images/careers-menu.gif) no-repeat top left;
width:98px;
height:23px;
}
li#commerce a {
background: url(images/commercial-menu.gif) no-repeat top left;
width:108px;
height:22px;
}
li#auctions a {
background: url(images/auctions.gif) no-repeat top left;
width:60px;
height:20px;
}
a#contactus, a#contactus2 {
background: url(images/contact-us.gif) no-repeat top left;
width:102px;
height:43px;
display:block;
text-indent:-9000px;
margin-left:10px;
margin-top:20px;
}
#menu li#home a:hover, #menu li#about a:hover, #menu li#sale a:hover, #menu li#let a:hover, #menu li#land a:hover, #menu li#survey a:hover, #menu li#relocation a:hover, #menu li#convey a:hover, #menu li#mortgage a:hover, #menu ul li#commerce a:hover, #menu ul li#careers a:hover, #menu li.active a, a#contactus:hover, a#contactus2, li#auctions a:hover, li#magazinemenu a:hover {
background-position:bottom left;
}
#featured {
float:left;
position:relative;
width:335px; /* was 185 */ 
/* border-left:1px solid #680012;
border-right:1px solid #680012;
border-bottom:1px solid #680012;*/
border-left:1px solid #C7C7C7;
border-right:1px solid #C7C7C7;
border-bottom:1px solid #C7C7C7;
border-top:1px solid #C7C7C7;
height:399px;
}
#featured .latest-address {
color:#680012;
font-size:1.2em;
font-weight:bold;
margin-left:12px;
margin-right:12px;
}
#featured .latest-description, #featured .latest-details, #featured .latest-link {
margin-left:12px;
margin-right:12px;
line-height:1.5em;
}
#featured .latest-details {
margin-top:5px;
}
#magazine {
float:left;
width:335px;
border-left:1px solid #C7C7C7;
border-right:1px solid #C7C7C7;
border-bottom:1px solid #C7C7C7;
border-top:1px solid #C7C7C7;
height:226px;
margin-left:25px;
margin-bottom:20px;
}
#magazine img {
float:left;
margin-right:10px;
margin-left:0px;
position:relative;
top:1px;
}
#propertysearch {
float:left;
position:relative;
width:335px; /* was 245 */
/* border-left:1px solid #680012;
border-right:1px solid #680012;
border-bottom:1px solid #680012;*/
border-left:1px solid #C7C7C7;
border-right:1px solid #C7C7C7;
border-bottom:1px solid #C7C7C7;
border-top:1px solid #C7C7C7;
margin-left:25px;
height:151px;
}
#propertysearch img {
height:145px;
}
#propertysearch a img {
height:auto;
}
/* #propertysearch li {
font-size:1.35em;
font-weight:bold;
}*/
#featured h2, #propertysearch h2, #homenews h3, #magazine h2 {
color:#fff;
font-size:15px;
height:23px;
line-height:23px;
padding-left:10px;
margin-bottom:13px;
background: url(images/heading-stripe2.gif) no-repeat top right #680012;
}
#featured h3, #propertysearch h3 {
margin-bottom:15px;
margin-left:10px;

}
#featured p, #propertysearch p, #magazine p {
margin-left:10px;
margin-right:10px;
}
#featured img, #propertysearch img {
margin-left:10px;
margin-bottom:10px;
}
#featured img {
margin-top:3px;
margin-left:15px;
}
#propertysearch li {
margin-left:-8px;
padding-left:0px;
list-style-type:none;
float:left;

}
#propertysearch li img {
margin-left:0px;
position:relative;
top:-5px;
}
img#banner, #maintext img#banner {
/* clear:left;*/
margin-top:20px;
}
img#staffy {
position:relative;
left:12px;
}
#maintext {
float:left;
position:relative;
width:445px;
background: url(images/heading-stripe.gif) no-repeat 0px 5px; /* needs to be different for Firefox */
}
#maintext img {
margin-top:3px;

}
#maintext img.wholeimg {
margin-top:-20px;
}

#maintext img.right {
float:right;
margin:0;
margin-top:-30px;
margin-bottom:30px;
}
h2#aboutus {
background: url(images/about-us.gif) no-repeat 30px;
text-indent:-500%;
}
h2#careers {
background: url(images/careers.gif) no-repeat 30px;
text-indent:-500%;
}
h2#commercial {
background: url(images/commercial-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#contactus {
background: url(images/contact-us-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#conveyancing {
background: url(images/conveyancing-and-hips.gif) no-repeat 30px;
text-indent:-500%;
}
h2#landnew {
background: url(images/land-and-new-homes-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#lettings {
background: url(images/lettings.gif) no-repeat 30px;
text-indent:-500%;
}
h2#relocate {
background: url(images/relocation-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#sales {
background: url(images/residential-sales.gif) no-repeat 30px;
text-indent:-500%;
}
h2#valuations {
background: url(images/surveys-and-valuations-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#mortgageup {
background: url(images/mortgage-required-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#staffprofiles {
background: url(images/staff-profile-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#thanks {
background: url(images/thanks-heading.gif) no-repeat 30px;
text-indent:-500%;
}
h2#auctionit {
background: url(images/auctions-heading.gif) no-repeat 30px;
text-indent:-500%;
}
#news {
float:left;
margin-left:40px;
width:200px;
position:relative;
}
#news2 {
float:left;
margin-left:20px;
padding-left:15px;
padding-right:15px; /* WILL NEED TO BE SORTED FOR IE6 */
padding-top:15px;
width:195px;
background: url(images/fade.jpg) repeat-x top left;
}
#news h3, #news2 h3 {
margin-bottom:30px;
}
#news img, #news2 img {
/* border-bottom:1px solid #680012; */
border:1px solid #C7C7C7;
}
#news2 img.inset {
position:relative;
left:-10px;
border:0;
}
#news img.noborder {
border:0;
}
#auction #news img.noborder {
position:absolute;
right:-10px;
top:-20px;
}
#news2 img.moreleft {
margin-left:0px;
margin-bottom:10px;
margin-top:0px;
}
#homenews {
float:left;
margin-left:0px; /* was 200 without banner */
margin-top:25px;
/* padding-left:15px;
padding-right:15px; 
padding-top:15px;*/
width:698px;
background: url(images/fade.jpg) repeat-x top left;
/* height:550px; */


}
#homenews .post {
/* float:left;
width:400px;  
height:500px;*/
margin-left:15px;
margin-right:15px;
padding-bottom:15px;
/* margin-right:18px; */
}
#homenews .post p {
margin-top:0px;
} 
#homenews h3 {
font-size:1.35em;
}
#homenews h4 {
margin-bottom:10px;
color:#4F4A4A;
font-size:1.4em;
margin-top:15px;
}
/* #homenews img {
float:right;
margin-left:20px;
} */
.post {
/* margin-bottom:30px; */
border-bottom:1px solid #C7C7C7;
}
#news2 .post {
/*border-bottom:1px solid #680012;*/
}
.toggler {
cursor:pointer;
}
.element {

}
#homenews h4:hover, .toggler:hover {
color:#a73246;
}
.toggler strong {
font-size:0.8em;
display:block;
color:#680012;
font-weight:normal;
}
.toggler strong span {
color:#4F4A4A;
}
.marquee {
position:relative;
top:-36px;
margin-bottom:-39px;
left:100px;
padding-left:20px;
}

#fulltext { /* div for full width layouts */
float:left;
position:relative;
width:685px;
background: url(images/heading-stripe.gif) no-repeat 0px 5px; /* needs to be different for Firefox */
}
#fulltext2 { /* div for full width layouts */
float:left;
position:relative;
width:685px;

}
ul#staffprofile {
margin-left:0;
margin-top:20px;
margin-bottom:20px;
}

ul#staffprofile li {
list-style-type:none;
float:left;
width:117px;
margin-left:10px;
margin-right:10px;
margin-bottom:15px;
padding-left:0;
text-align:center;
font-size:1.1em;
height:200px;
}
ul#staffprofile li span {
height:140px;
display:block;
position:relative;
z-index:2;
}
ul#staffprofile li.exception {
position:relative;
padding-top:0px;
}
ul#staffprofile li.exception img {
position:absolute;
left:27px;
top:0px;
width:204px;
height:138px;

}
ul#staffprofile a:hover {
text-decoration:none;
}
.contact {
border-bottom:1px solid #680012;
padding-bottom:15px;
padding-top:15px;
padding-left:10px;
margin-top:-10px;
margin-bottom:10px;
}
.contact:hover {
background:#EFE0E3;
}
#fulltext .contact h3 {
margin-top:0px;
}
#footer {
clear:left;
text-align:center;
/* margin-left:210px; */
padding-top:10px;
}
#auction #footer p {
margin-bottom:0px;
padding-bottom:10px;
}
/* form controls */
form {
margin-top:20px;
}
label {
margin-left:0px;
display:block;
margin-bottom:5px;
font-size:1em;

color:#000;
}
input, textarea {
margin-bottom:10px;
margin-left:0px;
display:block;

border:1px solid #808080;
}
input:hover, textarea:hover, input:focus, textarea:focus {
background:#808080;
color:#fff;
}
input {
height:18px;
line-height:18px;
width:350px;
}
textarea {
width:350px;
height:100px;
font-family:arial;
font-size:1.1em;
}
#submitbutton {
border:1px solid #666666;
background:#E1E1DF;
padding:5px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
height:auto;
line-height:auto;
width:auto;
margin-top:15px;
}
#submitbutton:hover {
background:#680012;
}

/* Tool tip styles */
.tool-tip {

	color: #000000;

	max-width: 500px;

	z-index: 13000;
margin-top:10px;
 border:1px solid #910021;
line-height:1.5em;
	
}
.tool-title {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
/*	border-bottom:4px solid #910021;*/
	background: #910021 /* url(images/top-stripe.gif)*/ ;
}

 

.tool-text {
background:#f9d6cc;
	font-size: 1em;
text-align:left;
	padding: 4px 8px 8px;
line-height:2em;
/*	background: url(images/bottomtip.png) bottom right;*/

}
.tool-text strong {
color:#680012;
}

/* property search added css */
iframe { 
margin-bottom:5px;
margin-left:-18px;
}

#featured iframe {
margin-bottom:5px;
margin-left:0px;
margin-top:-3px;
/*margin-top:15px;
 border:1px solid #808080; */
}
/* Auction page styling */
.twocolumn {
float:left;
width:320px;
margin-right:15px;
}


/* Noobslide styling */
.slideshow {
	background:url(../images/box-long.jpg) no-repeat;
	
	margin-bottom:5px;
}

.mask1{
	position:relative;
width:460px; 
	
	height:650px;
	overflow:hidden;

}

#box1{
	position:absolute;
	/* top:10px;
	left:10px; */
	/* width:289px;
	height:249px; */
}
#box1 span{
	display:block;
	float:left;
	 width:460px; 
	 margin-right:10px;
}
#box1 span img{
	display:block;
	border:none;
}
p.buttons, p.buttons2 {
margin-bottom:0px;
width:79px;
float:left;
margin-left:20px;
margin-right:20px;
margin-top:10px;
}
p.buttons2 {
float:right;


}
p.buttons span, p.buttons2 span {
color:#680012;
text-decoration:none;
font-weight:bold;
cursor:pointer;
width:33px;
height:36px;
display:block;
text-indent:-9000px;
}
p.buttons span {
background: url(images/backwards.jpg) top left no-repeat;
margin-left:12px;
}
p.buttons2 span {
background: url(images/forward.jpg) top left no-repeat;
margin-left:38px;
}
p.buttons span:hover, p.buttons2 span:hover {
color:#a73246;
text-decoration:underline;
background-position:bottom left;
}


/* Please don't steal our words, because words are all we have */