* { margin: 0; padding: 0; line-height: 1; font-size: 14px;}
body { font-family: Arial, Helvetica, sans-serif; color: #441456; font-size: 20px;  }
#container { max-width: 960px; margin: 20px auto; }
#header { width: 100%; min-height: 100px; float: left; font-size: 18px;}
#header img { float: left; min-width: 50%; }
#contactdetails { float: right; text-align: right; font-size: 11px; font-size: 1.1rem; margin-top: 10px; line-height: 1.4; min-width: 40%; }
#nav { min-height: 36px; width: 100%; ; float: left; background-color: #441456; margin: 0 0 5px 0; border: 1px solid #441456; display: block; font-size: 14px;}
#nav ul { list-style: none; }
#nav li { float: left; position: relative; }
#nav a { color: #fff; font-size: 14px; font-size: 1.0rem; height: 26px; padding: 10px 30px 0 30px; float: left; text-decoration: none; }
#nav a:hover { background-color: #fff; color: #441456; }

#nav ul ul { box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 36px; left: 0px; z-index: 99999; background-color: #441456; }

#nav ul ul ul { display: none;  position: absolute; top: 0px; left: 161px; z-index: 99999; background-color: #441456; }


#nav ul ul a { background: #441456; line-height: 1em; padding: .5em .5em .5em 1em; width: 10em; height: auto; }
#nav li:hover > a, #nav ul ul :hover > a { }
#access ul ul a:hover { }
#nav ul li:hover > ul { display: block; }
#purplebox { width: 222px; height: 223px; float: left; background-color: #441456; color: #fff; border-top: 1px solid #441456; border-bottom: 1px solid #441456; margin: 0 0 25px 0; padding: 60px 40px 0 20px; text-align: right;  }
h1 { font-size: 16px !important; font-weight: bold !important; margin-bottom: 10px;}
h2 { font-weight: lighter; font-size: 18px; font-size: 1.4rem; margin: 0 0 20px 0; }
h3 { font-weight: lighter; font-size: 16px; font-size: 1.2rem; margin: 0 0 20px 0; line-height: 1.5; }
#image { width: 677px; float: left; border-top: 1px solid #441456; border-bottom: 1px solid #441456; border-right: 1px solid #441456; margin: 0 0 25px 0; }
#image img {width:677px;}
#requestquote { width: 263px; float: left; margin: 0 20px 0 0; clear:both; }
#requestquote h4 a { background-color: #441456; color: #fff; width: 243px; height: 29px; text-align: right; padding: 8px 20px 0 0; font-weight: lighter; font-size: 18px;  text-decoration: none; float: left; }
#maincopy { width: 670px; float: left; font-size: 14px; }
#footerbar h1 { font-weight: lighter; margin: 0 0 20px 0; font-size: 14px;  }
p { margin: 0 0 20px 0; font-size: 14px;  line-height: 1.2; }
p a:hover {color: #000;}
p a:visited {color: #000;}
p a:active {color: #CCC;}
p a:focus {color: #CCC;}

td { font-size: 12px; line-height: 1.2; }
table { margin: 0 0 20px 0; }
.homebox { width: 200px; min-height: 324px; float: left; border: 1px solid #441456; padding: 5px; margin: 0 13px 0 0; background-color: #f2eff3; }
.homebox img { width: 198px; height: 135px; border: 1px solid #441456; margin: 0 0 5px 0; }
.homebox h1 { background-color: #441456; color: #fff; width: 180px; height: 29px; padding: 8px 0 0 20px; font-weight: lighter; font-size: 11px; font-size: 1.1rem; margin: 0 0 5px 0; }
.homebox p { font-size: 11px; margin-top: 10px; }
  .last {
	margin-right: 0px!important;  
}
a.readmore { background-color: #441456; color: #fff; width: 190px; float: left; padding: 5px; position: relative; bottom: -120px; text-decoration: none; font-size: 12px; }
#footerbar { height: 28px; width: 940px; float: left; background-color: #441456; margin: 30px 0 15px 0; padding: 8px 0 0 20px; border-top: 1px solid #525252; border-bottom: 1px solid #525252; }
#footerbar h1 { color: #fff; font-weight: lighter; font-size: 12px;  float: left; }
#footer { float: left; margin: 0 0 40px 0; }
#footerlogos { float: right; position:relative; }
#number-footer {position:absolute; right:26px;}
	#number-footer p {color:#575757; font-size: 0.8rem;}

#areascovered { width: 700px; float: left; color: #575757; font-size: 8px; font-size: 0.8rem; margin: 0 0 60px 0; }
.greytext { color: #575757; }
.profilepic { float: left; margin: 0 10px 10px 0; }
li { font-size: 11px;  line-height: 1.2; }
ul { list-style-image: url(../img/bullet.png); list-style-position: inside; }


@media only screen and (min-width: 640px) and (max-width:1000px)
{
  #image   {width:100%;}
  #image img {width:100%;}
 #purplebox { display:none;}
 #requestquote img { display: none; }
  #requestquote {margin-bottom:10px;}
  #maincopy {width:100%;}
  .homebox:nth-of-type(1)  {margin-left:8%;}
}


/*This code deals with the mobile only view*/
 @media only screen and (min-width: 320px) and (max-width: 640px) and (orientation: portrait) {
#purplebox { display: none; }
#image { width: 100%; min-height: 10px; }
#image img { width: 100%; }
#maincopy { width: 80%; padding: 0 10%; }
#requestquote { width: 80%; padding: 0 10%; }
#requestquote h4 { min-width: 269px; width: 120%; position: fixed; bottom: 0; left: 0; margin: 0 0 0 0; text-align: center; height: 39px; padding: 8px 20px 0 0; }
#requestquote img { display: none; }
#header img { width: 80%; margin: 0 10%; }
#contactdetails { text-align: center; width: 90%; margin: 20px 5%; }
#nav ul { list-style: none; width: 100%; }
#nav li { float: left; position: relative; width: 100%; }
#nav a { color: #fff; font-size: 10px; font-size: 1.0rem; height: 26px; padding: 10px 0 0 0; float: left; text-decoration: none; width: 100%; text-align: center; }
#nav a:hover { background-color: #fff; color: #441456; }
#nav a:visited{ background-color: #441456; color: #FFF; }
#nav a:active { background-color: #441456; color: #FFF; }
#nav a:focus { background-color: #441456; color: #FFF; }
#nav ul ul { box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 36px; left: 0; z-index: 99999; background-color: #441456; width: 50%; margin: 0 0 0 50%; }


#nav ul ul ul { box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 36px; left: 0; z-index: 99999; background-color: #441456; width: 50%; margin: 0 0 0 50%; }


#nav ul ul a { background: #441456; line-height: 1em; padding: .5em .5em .5em 1em; width: 10em; height: auto; }
#nav li:hover > a, #nav ul ul :hover > a { }
#access ul ul a:hover { }
#nav ul li:hover > ul { display: block; }
.homebox { width: 80%; padding: 5px; margin: 0 10% 5px 10%; }
.homebox img { width: 100%; height: auto; margin: 0 0 5px 0; }
.homebox h1 { background-color: #441456; color: #fff; width: 90%; height: 29px; padding: 8px 0 0 10%; font-weight: lighter; font-size: 11px; font-size: 1.1rem; margin: 0 0 5px 0; }
#footerbar { min-height: 40px; width: 80%; margin: 30px 0 15px 0; padding: 8px 10%; }
#footer { float: left; margin: 0 0 60px 0; }
#footerlogos { float: right; }
#areascovered { width: 80%; margin: 0 10% 30px 10%; }
a.readmore { background-color: #441456; color: #fff; width: 237px; float: left; padding: 10px; position: none; bottom: 0; text-decoration: none; margin: 0 0 10px 0; }
}

.homebox h1 a { color:#FFF; text-decoration:none;}
.homebox img a {border:none;}

.areabox {
	width: 300px;
	height: 100%;
	float:left;
}

@media print {

	#footer, #nav, #requestquote, .homebox{display:none;}
	#maincopy { width: 100%; }
		
}