@charset "utf-8";
/* CSS Document for MAC Containers */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #333; background: #FFF url(images/body-bkg.jpg) repeat-x;}

.content a.macnoline:link, .content a.macnoline:visited {color: #333; text-decoration: none; font-weight: normal;}
.content a.macnoline:hover {text-decoration: none;}


.content a.headernoline:link, .content a.headernoline:visited {font: 100% Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 15px; text-decoration: none;}
.content a.headernoline:hover {text-decoration: none;}

/*.macnoline {color: #333; text-decoration: none; font-weight: normal;}
.headernoline {font: 100% Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 15px; text-decoration: none;}*/

.bold {font-weight: bold;}
.boldbgred {
	font-weight: bold;
	background-color: #990002;
	display: block;
	width: 226px;
	color: #FFFFFF;
	padding: 2px;
}
.lgebold {font: bold 110%  Verdana, Arial, Helvetica, sans-serif;}
.italic {font-style: italic;}
.red {color:#F00000;}
p {margin-bottom: 15px}
h1 {font: 200% Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 15px;}
h2 {font: 200% Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 15px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding-bottom: 5px;}
h4 {font: 18px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 7px;}

.wrapper {width: 994px; margin: auto auto; background-color: #FFF;}

p.sentence {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; padding-top: 5px; margin-bottom: 0px;}

.headerleft {float: left; width: 580px; padding-top: 10px; height: 52px; display: block; overflow: hidden;}
.headerright {float: right; width: 410px; text-align: right; padding-top: 10px; height: 52px; display: block; overflow: hidden;}
.headerleft .logo {border: 0px;}

input.grey {border: 1px solid #000; background: #CCC; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; padding-left: 3px;}
.searchsubmit {border: 0px; padding: 0px;}

.tel {background: url(images/tel-bkg.gif) no-repeat right; color: #FFF; padding: 2px 10px; margin-top: 12px; height: 18px;}
.tel a:link, .tel a:visited {color: #FFF;}
.tel a:hover {text-decoration: none;}

ul.nav {width: 994px; color: #FFF; background: url(images/nav-bkg.jpg) repeat-x; margin-top: 1px;}
ul.nav li {list-style-type: none; display: inline;}
ul.nav a:link, ul.nav a:visited {padding: 2px 5px 5px 6px; text-decoration: none; border-right: 1px solid #666; color: #FFF; line-height: 22px;}
ul.nav a.last:link, ul.nav a.last:visited {padding-right: 8px; border-right: 0px;}
ul.nav a:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}

.content {padding: 20px 15px 15px 15px;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; line-height: 15px}
.contentright {
	float: right;
	width: 455px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
}
.contentright .feature {background: #C80000 url(images/feature-red-bkg.jpg) repeat-x bottom; height: 130px; margin-left: 5px; margin-top: 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: right; padding: 3px; width: 210px; float: left;}
.contentright .feature a:link, .contentright .feature a:visited {text-decoration: none; color: #FFF;}
.contentright .feature a:hover {text-decoration: underline;}
.contentright p {margin-bottom: 0px;}
.contentright .feature img {margin-bottom: 7px;}
.content a:link, .content a:visited {color: #000; text-decoration: underline;}
.content a:hover {text-decoration: none;}
.content ul.pdfs {list-style-position: outside; margin-left: 15px; margin-bottom: 15px}
.content ul.pdfs li {list-style-image: url(images/pdf.gif); line-height: 25px;}


.homeheading {border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 15px; height: 35px;}
h1.home {float: left; width: 700px; border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
h2.home {float: left; width: 700px; border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
.hse {float: right; width: 180px;}

.footer {border-top: 1px solid #000; padding-bottom: 7px; clear: both;}
p.footerleft {float: left; width: 600px; color: #666;}
p.footerright {float: right; width: 300px; color: #666; text-align: right;}
p.footerright a:link, p.footerright a:visited {text-decoration: underline; color:#666;}
p.footerright a:hover {text-decoration: none;}

.hsetext {color: #000; text-align: right;}

/* p.question {background: #CC0000 url(images/question-bkg.jpg) repeat-x bottom; font-weight: bold; padding: 5px; margin-bottom: 0px; color: #FFF;} */
p.question {background: #234271 url(images/question-bkg.jpg) repeat-x bottom; font-weight: bold; padding: 5px; margin-bottom: 0px; color: #FFF;}
p.answer {background: #F4F4F4; padding: 5px; margin-bottom: 20px;}

table.quote {background: #F4F4F4; border: 1px solid #CCC; margin-bottom: 5px; width: 707px;}
table.quote #last {margin-bottom: 0px;}
table.quote2 {background: #F4F4F4; border: 1px solid #CCC; margin-bottom: 5px; width: 300px;}
table.quote2 #last {margin-bottom: 0px;}
input, select, textarea {border: 1px solid #999; background: #FFF; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px;}
input.noborder {border: 0px; background: #F4F4F4}
td.header {background: #DEDEDE url(images/question-bkg.jpg) repeat-x bottom; font-weight: bold; color: #333; text-align: right;}
td.headerflat {background: #DEDEDE; font-weight: bold; color: #333; text-align: right;}
td.headercentre {background: #DEDEDE; font-weight: bold; color: #333; text-align: center; padding: 5px;}
td.right {text-align: right}
td.left {text-align: left}
p.right {text-align: right; margin-bottom: 15px;}
td.techspec {width: 25%; vertical-align: top; background: #FFF; text-align: center;}
td.techspechdg {background: #666;font-weight: bold; color: #FFF; text-align: center; padding: 5px;}

table.clientlist {background: #F4F4F4; border: 1px solid #CCC; padding: 7px;}

.greybox {background-color:#666; border: 1px solid #CCC; padding: 7px; color: #FFF; margin-bottom: 15px;}
.greybox p {margin-bottom: 0px;}
.greybox a:link, .greybox a:visited {color:#FFF;}

.chbox {background-color:#666; border: 1px solid #CCC; padding: 7px 3px 7px 7px; color: #FFF; margin-bottom: 15px; height: 13px;}
.chbox p {margin-bottom: 0px;}
.chbox a:link, .greybox a:visited {color:#FFF;}

.lightgreybox img {border: 1px solid #FFF; margin-right: 10px; float: left; width: 200px;} 
.lightgreybox { background-color:#f4f4f4; border: 1px solid #CCC; padding: 7px; margin-bottom: 15px; height: 108px; font: 14px Arial, Helvetica, sans-serif; }
.lightgreybox p {margin-bottom: 0px;}
.lightgreybox a:link, .lightgreybox a:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 4px 15px; text-decoration: none; margin-top: 15px; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.lightgreybox a:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}
.lightgreybox h4 {color: #000; font: bold 15px Arial, Helvetica, sans-serif; padding-bottom: 10px; }

.flash {background: #E4E4E4; padding: 10px; text-align: center; margin-bottom: 15px;}
.flash p {margin-bottom: 0px; margin-top: 5px;}

.subnav {float: left; width: 195px; margin-right: 39px;}
.subnav ul li {list-style-type: none; list-style-position: outside; margin-left: 0px;}
.subnav a:link, .subnav a:visited {background: #2E2E2E url(images/subnav-bkg.jpg) repeat-x bottom; color: #FFF; width: 181px; padding: 5px 7px 5px 7px; display: block; text-decoration: none;}
.subnav a:hover {background: #C00 url(images/subnav-bkg-o.jpg) repeat-x bottom;}
.subnav li.active {background: #C00 url(images/subnav-bkg-o.jpg) repeat-x bottom; color: #FFF; width: 181px; padding: 7px; display: block; text-decoration: none; font-weight: bold}

.maincontentright {float: right; width: 730px;}
.maincontentright .box {border: 1px solid #CCC; background: #F4F4F4; padding: 3px; height: 80px; margin-bottom: 15px; margin-right: 5px; float:left; width: 45%;}
.maincontentright .box img {border: 1px solid #333; margin-bottom: 5px; float: left; margin-right: 30px;}
.maincontentright .box p {margin-top: 10px;}

.hmcontentright {float: right; width: 730px;}
.hmcontentright .box {border: 1px solid #CCC; background: #F4F4F4; padding: 3px; height: 80px; margin-bottom: 15px; margin-right: 5px; float:left; width: 45%;}
.hmcontentright .box img {border: 1px solid #333; margin-bottom: 5px; float: left; margin-right: 30px;}
.hmcontentright .box p {margin-top: 10px;}

a.readmore:link, a.readmore:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 3px 18px; text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
a.readmore:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}
a.readmoreright:link, a.readmoreright:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 3px 18px; text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; float: right; width: 70px; position: relative; top: -17px;}
a.readmoreright:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}

p.clear {clear: left;}

/* img.right {border: 5px solid #666; float: right; width: 200px; margin-left: 30px;} */
img.right {border: 5px solid #666; float: right; margin-left: 30px;}
img.left {float: left; margin-right: 30px;}

ul.white {margin-bottom: 15px;}
ul.white li {list-style-position: inside; list-style: square; font: bold 11px Verdana, Arial, Helvetica, sans-serif; line-height: 20px; margin-left: 15px;}
ul.whitenoline { text-decoration: none; } 

.testimonial {background: #E4E4E4; border: 1px solid #CCC; padding: 10px; margin-bottom: 15px;}
.testimonial .logoleft {float: left; margin-right: 15px; width: 184px; padding-bottom: 15px;}
.testimonial img {margin-bottom: 10px; border: 1px solid #CCC; width: 167px;}
.testimonial p.about {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.testimonial p.about a:link, .testimonial p.about a:visited {color: #666;}
.testimonial p.about a:hover {text-decoration: none;}
.testimonial p.quote {padding-top: 15px; margin-top: 10px;}
.testimonial p.by {text-align: right; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-bottom: 0px;}

.rightvisit {float: right; width: 500px;}

form#enquiry {width: 450px;}
.content form {background: #F9F9F9; border: 1px solid #E4E4E4; padding: 5px 5px 0px 5px; margin-bottom: 15px;}
.content select, .content input, .content textarea {border: 1px solid #E4E4E4; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 3px;}
select {margin-bottom: 0px;}
td.grey {background: #E4E4E4; font-weight: bold; padding: 5px;}
td.searchport {background: #E4E4E4; font-weight: bold; padding: 3px;}
td.submitbutton {text-align: right;}
input.submitform {background: #DFDFDF; border: 1px solid #CCC; color: #000; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 3px 7px; margin-bottom: 3px;}

.mainpagequote {float:center; width: 994px;

}

.greyboxmain {
	background: #C80000 url(images/feature-red-bkg.jpg) repeat-x bottom; 
	/*background-color:#666;*/
	border: 1px solid #CCC;
	padding: 7px;
	color: #FFF;
	margin-bottom: 0px;
	width: 966px;
	margin-right: 0px;
	margin-left: 0px;
}
.greyboxmain p {margin-bottom: 0px;}
.greyboxmain a:link, .greybox a:visited {color:#FFF;}

table.quotemainout {background: #F4F4F4; border: 1px solid #CCC; margin-bottom: 5px; width: 100%;}
table.quotemain {
	background: #F4F4F4;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	width: 270px;
}
table.quotemain #last {margin-bottom: 0px;}
input, select, textarea {border: 1px solid #999; background: #FFF; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px;}
input.noborder {border: 0px; background: #F4F4F4}
td.headermain {background: #DEDEDE url(images/question-bkg.jpg) repeat-x bottom; font-weight: bold; color: #333; text-align: right;}
td.headerflatmain {background: #DEDEDE; font-weight: bold; color: #333; text-align: center;}
td.headercentremain {background: #DEDEDE; font-weight: bold; color: #333; text-align: center; padding: 5px;}
td.rightmain {text-align: right}
td.leftmain {text-align: left}
p.right {text-align: right; margin-bottom: 15px;}
td.techspecmain {width: 25%; vertical-align: top; background: #FFF; text-align: center;}
td.techspechdgmain {background: #666;font-weight: bold; color: #FFF; text-align: center; padding: 5px;}
.formquote2 {
	width: 350px;
	float:right;
	margin-left: 40px;
}