/* Reset CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; padding:0; margin:0; }

/* Reset Fonts */
body { font:0.7em verdana,helvetica,sans-serif;0*font-size:small;0*font:x-small; }
table { font-size:inherit;font:100%; }
select, input, textarea {font:99% arial,helvetica,clean,sans-serif; }
pre, code { font:115% monospace;*font-size:100%; }
body * { line-height:1.22em; }

/* Layout Pages*/
body{text-align:center; }
div#header{position:relative}
div#container{text-align:left}
div#extra{background:#fff}
div#container{width:740px;margin:0 auto}
div#content{float:left;width:402px; }
div#navigation{float:right;width:275px}
div#extra{clear:both;width:100%}
div#headbox{float:right; text-align:right;}


/* Layout styling */
html { height:100%; background:url("../www.ibhpropertysearch.co.uk/images/bk.jpg") repeat-y center; overflow: -moz-scrollbars-vertical;}


#header { height:85px; margin-top:20px; }

#mainmenu { background:#495c83; height:40px; }


#wrapper { border-top:1px solid #dadada; }
#footer { margin:5px 0; padding-bottom:5px; background:#ccc;}

.navheading { padding-bottom:10px; border-bottom:1px solid #dadada; margin-top:10px; text-align:left; }
.contact { padding-bottom:10px; border-bottom:1px solid #dadada; margin-top:10px; text-align:left; }
.navform { padding-bottom:10px; border-bottom:1px solid #dadada; margin-top:10px; text-align:center; }



.boxlandscape-left { border:1px solid #afafaf; float:left; width:213px; margin:0 20px 15px 0; }
.boxlandscape-right { border:1px solid #afafaf; float:left; width:213px; margin:0 0 15px 0; }
.boxindex-left { float:left; margin:0 18px 14px 0; }
.boxindex-righttop { float:left; margin:0 0 14px 0; }
.boxindex-rightbottom { float:left; }

/* Image + font styling */
p { padding-top:1em; color:#333333; }
p a { color:#02576b; text-decoration:underline; }
p a:visited { color:#02576b; }
p a:hover { color:#560c01; }

a { color:#02576b; text-decoration:none; }
a:visited { color:#02576b; }
a:hover { text-decoration:underline; }

#footer { color:#ccc; text-align:center;}

h1 { padding:1em 0; font-weight:700; color:#02576b; } 																														/* Page heading */
h1 a { font-size:1.4em; padding:1em 0; font-weight:700; color:#02576b; } 																					/* Top right strapline */
h1 a:hover { text-decoration: none; color:#02576b; }
h2 { margin:3px 0; }																																															/* Main link in services/case studies section */
h2 a { font-size:1.1em; font-weight:700; color:#5c1815; } 																												/* Main link in services/case studies section */
h2 a:visited { color:#5c1815; }
h3 a { margin:10px 0; color:#5c1815; } 																																						/* Strap link in services section */
h3 a:hover { text-decoration: none; }
h3 a:visited { color:#5c1815; }
h4 a { font-size:1.2em; font-weight:700; margin: 3px 0 5px 0; color:#02576b; } 																		/* Navitem heading */
h5 { font-size:1.2em; font-weight:700; color:#5c1616; margin: 20px 0 0 0; clear:both; } 													/* Headings in page */
h6 { font-style: italic; line-height:1.4em; font-size:1.2em; font-weight:700; color:#837c45; margin:20px 0 0 0; } /* Quotes and footers */

.nav-link { padding:0; margin:0; font-weight:700; color:#02576b; }																								/* Links and news right nav */
.nav-link a { text-decoration:none; color:#02576b; }
.nav-link a:hover { text-decoration:underline; color:#02576b; }
.page-link { padding:0; margin:20px 0 0 0; font-weight:700; color:#02576b; }																			/* Links and news articles in-page */
.page-link a { text-decoration:none; color:#02576b; }
.page-link a:hover { text-decoration:underline; color:#02576b; }
.page-link-title { font-weight:700; color:#837c45; margin: 10px 0 4px 0; }																				/* Link titles on links page */
.page-quote { font-style: italic; } 																																							/* Quote details */
.page-cost { color:#837c45; font-weight:700; } 																																		/* Cost in services section in-page */
.page-strap { color:#837c45; font-weight:700; margin:0; padding:7px 0 0 0;  } 																		/* Strapline on case studies */
.page-news { font-size:1.2em; padding:0; margin:0; font-weight:700; color:#02576b; }															/* News article headline on news page */
.page-names { font-size:1.2em; font-weight:700; color:#5c1616; margin: 10px 0 0 0; padding:0; }										/* Names on about us pages */

/* Menus + Navigation */
#mainmenu { margin-bottom:20px; color:#9d5e6f; height:28px; padding:12px 0 0 10px; }
#mainmenu ul, #mainmenu li { display:inline; margin:0; padding:0;}
#mainmenu a { font-weight:700; color:#fff; border-right:1px solid #fff; padding:5px 13px 2px 8px; }

#breadcrumb { height:30px; padding-top:10px; color:#671e13; font-weight:700; }
#breadcrumb ul, #breadcrumb li { display:inline; margin:0; padding:0;}
#breadcrumb a { color:#671e13;  }

#navmenu { color:#02576b; }
#navmenu ul { margin:0; padding:0;}
#navmenu li { margin:0; padding: 8px 0; border-bottom:1px solid #dadada;}
#navmenu a { color:#02576b; font-weight:700; }

.navitem {margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dadada; }
.navitemdate {text-align:right; font-weight:700; color:#837c45; }


/* Forms */
#newsletter { }
.input { font:1em verdana; padding:3px 4px; margin: 6px 0; }
.contactinput {
	border: 0;
	padding: 6px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 2px 0;
  border:1px solid #837c45;
}
.contactoption {
	border: 0;
	padding: 5px;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 2px;
  border:1px solid #837c45;
}
form {
	padding: 0;
	margin: 0;
}
.error { font-weight:700; color:#5c1616; margin: 10px 0; }

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 320px;
  max-width: 600px;
  width: 400px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 190px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#navout{width:380px; height:166px}
#navborder{border:#ABD5C6 solid 1px; width:380px; height:155px}



ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
li {
background: url(bullimagea.gif) left center no-repeat;
padding-left: 20px;
margin-top: 5px;
}