@charset "utf-8";
/* STEVE - REMEMBER some styling attributes are specified in the 'xsnazzy-corners' and 'css_dropdown_menu' style sheets */

body, p, h1, h2, h3, h4, h5, h6, ul, img {
	margin: 0;	padding: 0;	border:none; }

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Reduces 16px browser default to 10px, so now 1em is 10px, 1.2em is 12px etc */
	font-weight:normal;
	background-color: #d3d3d3;
	background-image: url(../background.png);
	background-repeat: repeat-x;
	background-position:top;
}

#container {
	width: 95%;  /* this will create a container 95% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/ /*Useful to check that everything fits within the container */
}

a:link, a:visited {
text-decoration:none;
color:#f68b22;
}

a:hover, a:active, .readmore a:hover, .readmore a:active {
text-decoration:underline;
color:#FF0000;
}

.readmore a {
color: #f68b22;
background:url(../images/arrow_up.gif) no-repeat;
background-position: 4px 2px;
padding-left:20px;
}

.readmore a:hover {
background:url(../images/arrow_down.gif) no-repeat;
background-position: 4px 3px;
background-color:#FFE2C6;
padding:2px 6px 4px 20px;
	-moz-border-radius-topright:7px;				/* for Firefox */
	-webkit-border-top-right-radius:7px;		/* for Safari */
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
  height:0; font-size: 1px; line-height: 0px;
}

.imgright { 
	float: right;	margin-left:10px; margin-right:10px;
}

.imgleft { 
	float: left;	margin-right: 8px;
}

#header h1, #header h2 {
	color: #FFFFFF;
	margin-left:10%;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
}

#header h1 {
float:left;
font-size:3.2em;
font-style:italic;
margin-top:20px;
word-spacing:4px;
}

#header h2 {
font-size:2.4em;
font-weight:bold;
letter-spacing:1px;
padding-left:19px;
padding-top:85px;
}

img#checkatrade-header {
	position:absolute;
	top: 5px;
	right:20px;
}

#navbar-background-left {
float:left; width:10px;
}

#navbar-background-right {
float:right; width:10px;
}

#navbar-background-middle {
	background-image:url(../images/navbar_background_middle.png);
	background-repeat:repeat-x;
	margin: 0 10px 0 10px;
	height: 38px;
}

#navbar-estimate {
float:right;
position:relative; 	/* Had to put this so that I could add the z-index property below. For some reason the link text was not  */
z-index:1;					/* clickable in Firefox without it. As if it was behind something else.  Steve */
}

#navbar-estimate p {
font-size:1.5em;
font-weight:bold;
margin-top:7px;
padding:3px 6px;
background-color:#fff;
border: 1px solid #000;
-moz-border-radius-bottomright:9px;  /*rounded border CSS3 property Firefox.  IE is pants and doesn't support this */
-webkit-border-bottom-right-radius:9px;  /*rounded border CSS3 property Safari. IE is pants and doesn't support this */
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
}

#navbar-estimate p a:link, #navbar-estimate p a:visited {color:#FF6600;}
#navbar-estimate p a:hover, #navbar-estimate p a:active {color:#CC0000;}
#navbar-estimate p:hover {background-color:#FFFF99;}

#list-services {
	list-style-position:inside;
	letter-spacing:1px;
	margin: 0 1em;
	font-size:1.5em;
}

#list-services a:link, #list-services a:visited {color:#000;}
#list-services a:hover {color:#FF0000;}

.list-primary {
margin-left: 50px;
font-weight: bold;
color:#f68b22;
}

.list-primary .list-secondary {
margin-left:15px;
font-weight:normal;
}

.contact-details {
 color:#f68b22;
 font-weight:bold;
}

.gallery {
text-align:left;
}

.gallery img {
margin: 6px 0 6px 12px;
border: ridge #f68b22 2px;
}

div.testimonial {
background-image:url(../images/icon_testimonial.png);
background-repeat:no-repeat;
background-position:left;
margin-left:40px;
padding-left:35px;
line-height:130%;
}

div.testimonial .test-job {
color:#000066;
font-weight:bold;
padding-bottom:0;
}

#ourclients, #ourclients img {
	text-align:center;	
}

#ourclients img {
	margin-right:10px;
}

#otherservices {
	margin:15px 0 0 0;
	font-weight:bold;
}

ul.list-otherservices {margin-left:10px;}

.list-otherservices li {
	display:inline;
	font-weight:normal;
}

.list-otherservices li a {
padding: 0px 5px 0px 3px;
border-right: solid #000 1px;
}

#footer {
background-color: #444;
padding: 5px;
font-size:1.1em;
}


#footer ul#nav-footer li {
display:inline;
list-style:none;
color:#FFF;
}

#footer ul#nav-footer li a {
padding: 3px 6px 4px 6px; /* Pads the list items out. 3px top, 6 right, 4 bottom, 6 left padding */
border-right: solid #000 1px;
}

#footer ul#nav-footer li a:hover {
background-color: #CCC;
border-right: solid #000 1px;
}

#footer #footer-companyname {
	font-weight:bold;
	color:#FFF;
	padding: 6px 0 0 5px;
}

#footer #nautilusweb {
	float: right;
	width:50%;
	text-align:right;
	color:#fff;
	padding-top:3px;
	font-size:0.9em;
}

#footer #nautilusweb #siteby {
	padding-top:16px;
}

#footer #nautilusweb #siteby a:link {color: #99FFFF;}
#footer #nautilusweb #siteby a:hover {color:#FFFFCC;}





#footer ul#areas-footer li {
display:inline;
list-style:none;
color:#FFF;
padding: 6px 0 0 5px;
float:center;
}

#contactform-container {
float: right;
width: 47%;
margin:15px;
padding:10px;
background-color:#FFCC66;
border:1px solid #AAAAAA;
-moz-border-radius:11px;  /*rounded border CSS3 property Firefox.  IE is pants and doesn't support this */
-webkit-border-radius:11px;  /*rounded border CSS3 property Safari. IE is pants and doesn't support this */
}

#contactform-container .form-label {
float:left;
width: 175px;
margin-left:0;
padding-top:3px;
font-size:1.0em;
}

#contactform-container .form-button {
margin-top:15px;
margin-left:175px;
}

#areasCovered {
	margin-left: auto;
	width: 100%;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 18px;
	background-image: url(/images/footer/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#areasCovered ul li {
	float: left;
	font-size: 11px;
	margin-left: 20px;
	display: block;
	width: 120px;
	height:28px;
	color: #ffffff;
	list-style-type: none;
	margin-bottom: 4px;
}

#areasCovered ul {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 100%;
}
#areasCovered h2 {
	display: block;
	height: 35px;
	width: 100px;
	font-size: 12px;
	float: left;
	margin-top: 11px;
	color: #003849;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logo{
	background-image: url(../mrm-propertysolution.png);
	display: block;
	height: 104px;
	width: 115px;
	margin: 0px !important;
	padding: 0px !important;text-indent:-1000px;margin-top:10px !important;;
}
#header{height:135px;}