/** 
 * reset body elements
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,object {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;}
ul {list-style:none;}
ul, ol {list-style-position: outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/**
 * typography
 **/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: Arial, sans-serif;
  font-size: 0.85em;
  line-height: 1.1em;
  font-weight: normal;
  color: #121212; /*#464646*/
}
body {
	background:#252525;
}
a {
  text-decoration:none;
  outline:none;
  color:#0000CC;
}
a:hover { text-decoration:underline; }

strong { font-weight:bold; font-size:1.2em; }
.bold { font-weight: bold; }

dt { font-weight:bold; }
dd { margin-left:1em; margin-bottom:18px; }
em { font-style: italic; }

h1 {
	font-family:"Times New Roman",serif;
	font-size:1.9em;
	font-weight:bold;
	text-shadow:0 1px 2px #999999;
	text-indent:-99999px;
	background:url(images/Bathresurfacing.gif) no-repeat;
	height:55px;
	margin: 10px 20px 20px 10px;
}
#bodyhome h1 {
	text-indent:0px;
	background:none;
}
h2 {
font-family:"Times New Roman",serif;
  font-size: 1.6em;
  margin: 10px 20px 5px 20px;
  color:#835723;
	font-weight:bold;
  /*letter-spacing: -0.02cm;*/
}

h2 span {
	font-size:0.9em;
}
h3 {
  font-size: 1.5em;
  margin: 0 0 30px 20px;
  color:#333;
  font-weight: normal;

}

h4 {
  font-size: 1.25em;
  margin: 1.5em 0 0.5em;
  color:#333;
  font-weight: normal;
}

h5 {
  font-size: 1.2em;
  color: #333;
  font-weight: normal;
}

p {
  font-size:1.29em;
  margin:10px 20px 20px 20px;
}
hr
{
  height: 1px;
  color: #c2c2c2;
  background-color: #c2c2c2;
  border: 0;
  margin-top: 10px;
  margin-bottom: 0px;
}

/*
== miscellaneous styles
*/

.clearfix:after 
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }

/** great for inline images in content **/
.aligncentre {
  display: block;
  margin: 0 auto;
  padding: 4px;
  text-align: center;
}

.alignright {
  padding: 0;
  margin: 0 5px 0 10px;
  display: inline;
  float: right;
}
body.construction p {
	margin-top:30px;
}
.alignleft {
  padding: 0;
  margin: 0 10px 0 20px;
  display: inline;
  float: left;
}

.alignbottom {
  position: relative;
  bottom: 0;
}
/*#bodybathresurfacing h1, #bodychiprepair h1, #bodyextremecase h1, #bodyreferences h1,#bodyfaq h1, #bodycoverage h1, #bodycontact h1,#bodygallery h1, #bodybristol h1    {
	text-indent:-99999px;
	text-shadow:#333333 1px 2px;
	text-align:center;
	background:url(images/Bathresurfacing.gif) no-repeat;
	height:55px;
	margin-left:10px;
}*/
#bodychiprepair h1 {
	background:url(images/Chiprepair.gif) no-repeat;
}
#bodyextremecase h1 {
	background:url(images/Extremecase.gif) no-repeat;
}
#bodyreferences h1 {
	background:url(images/References.gif) no-repeat;
}
#bodyfaq h1  {
	background:url(images/Faq.gif) no-repeat;
}
#bodycoverage h1 {
	background:url(images/RegionalCoverage.gif) no-repeat;
}
#bodycontact h1 {
	background:url(images/Contactus.gif) no-repeat;
}
#bodygallery h1 {
	background:url(images/Gallery.gif) no-repeat;
}
#bodybristol h1 {
	background:url(images/Bristol.gif) no-repeat;
}
#bodybirmingham h1 {
	background:url(images/Birmingham.gif) no-repeat;
}
#bodyhereford h1 {
	background:url(images/Hereford.gif) no-repeat;
}
#bodyworcester h1 {
	background:url(images/Worcester.gif) no-repeat;
}
#bodycotswolds h1 {
	background:url(images/Cotswolds.gif) no-repeat;
}
#bodylondon h1 {
	background:url(images/London.gif) no-repeat;
}

	/**
 * Common elements
 **/
#site_div {
  width: 1100px;
  margin:auto;
  padding:0;
  text-align:center;
  background:#ffffff;
}
#wrapper {
  float:left;
  text-align:left;
  padding:0;margin:0;
  width:1100px;
  line-height:1.3em;
}
#header {
	width:100%;
	height:150px;
	float:left;
	background-image:url(images/heading.jpg);
	border-bottom:solid 4px #9A6634;
}
#top {
	height:20px;
	border-bottom:solid 4px #9A6634;
}

#headlink {
	height:120px;
	width:1000px;
	float:left;
}
.leftdiv, .rightdiv {
	width:20px;
       }	
.leftdiv {
	border-right:solid 4px #9A6634;
	float:left;
}
.rightdiv {
	border-left:solid 3px #9A6634;
	float:right;
}
#header .leftdiv, #header .rightdiv {
	height:126px;
}
#top .leftdiv, #top .rightdiv {
	height:20px;
}
#navdiv {
	background:#ffffff;
	width:100%;
	height:68px;
	float:left;
	border-bottom:solid 4px #9A6634;
}
#navdiv .leftdiv, #navdiv .rightdiv {
	height:68px;
}
#mainnav {
	float:left;
	background:url(images/navbar.jpg) no-repeat;
	/*width:1042px;*/
}
#mainnav li {
	float:left;
	margin-right:5px;
}
#mainnav li.last {
	margin-right:0;
}
#mainnav li a {
	float:left;
	height:68px;
	text-indent:-9999px;
}
#homenav {
	width:74px;
}
#bathresurfacingnav {
	width:163px;
}
#chiprepairnav {
	width:112px;
}
#extremecasenav {
	width:135px;
}
#referencesnav {
	width:108px;
}
#faqnav {
	width:53px;
}
#coveragenav {
	width:165px;
}
#gallerynav {
	width:76px;
}
#contactnav {
	width:115px;
}

#page {
	width:100%;
	float:left;
	background:#B38B67 url(images/gradient-slice.jpg) repeat-x;
}
#page .leftdiv, #page .rightdiv {
	height:810px;
}
#bodybathresurfacing #page .leftdiv, #bodybathresurfacing #page .rightdiv {
	height:1000px;
}
#bodyreferences #page .leftdiv, #bodyreferences #page .rightdiv {
	height:810px;
}
#bodychiprepair #page .leftdiv, #bodychiprepair #page .rightdiv {
	height:735px;
}
#bodyextremecase #page .leftdiv, #bodyextremecase #page .rightdiv {
	height:715px;
}
#bodyfaq #page .leftdiv, #bodyfaq #page .rightdiv {
	height:1060px;
}
#bodycoverage #page .leftdiv, #bodycoverage #page .rightdiv {
	height:775px;
}
#bodygallery #page .leftdiv, #bodygallery #page .rightdiv {
	height:775px;
}
#bodycontact #page .leftdiv, #bodycontact #page .rightdiv {
	height:920px;
}
#bodybristol #page .leftdiv, #bodybristol #page .rightdiv {
	height:850px;
}
body.contact h2 {
	margin:10px 0px 5px;
}
body.contact h3 {
	font-size:1.6em;
	font-weight:bold;
	margin:10px 20px 5px;
	color:#221700;

}
#mainnav li ul {
	display: none; 
	width: 115px; /* Width to help Opera out */
}
#mainnav li:hover ul {
	display: block;
	position: absolute;
	margin: 58px 0 0 0;
	padding: 0;
}
#mainnav li:hover li {
	float: none; 
/*background-image:url(images/dog.gif);*/
}
#mainnav li:hover li a {
	width: 150px; /* Width to help Opera out */
	height:39px;
	font-size:1.4em;
	font-weight:bold;
	color: #000; 
	background-image:url(images/bristol-office.jpg); 
	margin-left:-25px;
}
#mainnav li li a:hover {
background-image:url(images/bristol-office-hover.jpg); 
	 }
#mainnav li:hover li a#birmingham {
	height:58px;
	background-image:url(images/birmingham-office.jpg); 
}
#mainnav li li a#birmingham:hover {
background-image:url(images/birmingham-office-hover.jpg); 
	 }
#mainnav li:hover li a#hereford {
	height:59px;
	background-image:url(images/hereford-office.jpg); 
}
#mainnav li li a#hereford:hover {
	background-image:url(images/hereford-office-hover.jpg); 
 }
#mainnav li:hover li a#london {
	height:36px;
	background-image:url(images/london-office.jpg); 
}
#mainnav li li a#london:hover {
	background-image:url(images/london-office-hover.jpg); 
 }
#mainnav li:hover li a#worcester {
	height:85px;
	background-image:url(images/worcester-office.jpg); 
}
#mainnav li li a#worcester:hover {
	background-image:url(images/worcester-office-hover.jpg); 
 }
#mainnav li:hover li a#cotswolds {
	height:63px;
	background-image:url(images/cotswolds-office.jpg); 
}
#mainnav li li a#cotswolds:hover {
	background-image:url(images/cotswolds-office-hover.jpg); 
 }
#maincontent {
	float:left;
	background-image:url(images/bath-bcg1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:1045px;
	height:700px;
}

.contactlist {
	font-size:1.3em;
	font-weight:bold;
	margin:20px 0 0 20px;
	text-align:left;
	float:left;
}
#nextprevious {
	width:1045px;
	float:left;
}
#previous {
	height:72px;
	width:68px;
	background: url(images/previous.gif) no-repeat;
	text-indent:-9999px;
}
#next {
	height:72px;
	width:68px;
	background: url(images/next.gif) no-repeat;
	text-indent:-9999px;
}
#previous:hover {
	background: url(images/previous-hover.gif) no-repeat;
}
#next:hover {
	background: url(images/next-hover.gif) no-repeat;
}

#foot {
	width:100%;
	float:left;
	border-top:solid 4px #9A6634;
	background:#ffffff url(images/footgradient.jpg) repeat-x;
	height:95px;
}
#foot .contactlist span {
  color:#835723;
}
.footnav {
	width:500px;
	float:right;
}
.footnav li {
	margin-top:10px;
	float:left;
	border-left:solid 1px #9999ff;
	padding-right:3px;
	padding-left:3px;
	height:10px;
}
.footnav li.first {
	border-left:none;
	padding-left:0px;
}

#foot .leftdiv, #foot .rightdiv {
	height:95px;
	border-bottom:none;
}

span.comment {
	font-style:italic;
}

.lowerdiv {
	float:left;
	width:400px;
}
#bodycontact .lowerdiv {
	width:900px;
	padding-left:30px;
}
#bodygallery .lowerdiv {
	width:1000px;
}
.lowerdiv .col1 {
	width:200px;
	float:left;
}
.lowerdiv ul {
	margin-top:0px;
	margin-bottom:20px;
	float:right;
	font-size:1.4em;
	text-align:center;
	line-height:1.3em;
	margin-right:30px;
}
.lowerdiv h4 {
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
}
img.separator {
	float:right;
	margin-right:20px;
}
ul.address {
	font-size:1.3em;
	padding:0;
	margin:40px 20px;
}
.gallerydiv {
	width:300px;
	height:300px;
	float:left;
	text-align:center;
}
.gallerydiv a {
	font-size:1.4em;
}
div.discreet {
	width:500px;
	margin:auto;
	float:right;
	font-size:0.85em;
	text-align:right;
	line-height:20px;
}
div.discreet p{
  	color:#541814;
	margin:25px 20px 0 0;
}
.discreet a {
	color:#835311;
	text-decoration:underline;
}
.discreet a:hover {
	color:#633311;
	text-decoration:underline;
}
.crabtree {
	line-height:70px;
	margin-left:235px;
	font-size:0.85em;
	float:left;
  	color:#946834;
}
.crabtree a {
	color:#835311;
	text-decoration:underline;
}
.crabtree a:hover {
	color:#b68a56;
}