body{
 margin: 0px ;
background-color:#fff;
border:0;
	width:556px;
	font: 12.5px Helvetica, sans-serif;
	color:#041802;
	padding:0px 9px 0px 9px;

}


.largedarkblue{
color:#004D91;
font: 18.5px Helvetica, sans-serif;
font-weight:bold;
}


h1{
color:#000000;
font: 18px Helvetica, sans-serif;
font-weight:bold;
}
h2{
color:#EDE9DB;
font: 18px Helvetica, sans-serif;
font-weight:bold;
}
h3{
color:#EDE9DB;
font: 16px Helvetica, sans-serif;
font-weight:bold;
}
ul {
list-style-image:url(images/bullet.gif);
margin-left:0;
padding:0;
}

li {

margin-left:16px;
}

.blueitalic{
font: 11px Helvetica, sans-serif;
color:#004D91;
font-style:oblique;
font-weight:bold;
}

.bluemedium{
font: 20px Helvetica, sans-serif;
color:#004D91;
font-style:normal;
font-weight:bold;

}


.bluebold{
font: 12px Helvetica, sans-serif;
color:#004D91;
font-style:normal;
font-weight:bold;

}
.bluenormal:hover {
color:#004D91;

}

.bluenormal{
font: 12px Helvetica, sans-serif;
color:#004D91;
font-style:normal;
font-weight:normal;
}

.whiteLink:link, .whiteLink:active, .whiteLink:visited, .whiteLink:hover {
font: 12px Helvetica, sans-serif;
color:#ffffff;
font-style:normal;
font-weight:normal;
}


.bigyellow{
color:#FBDE3D;
font-weight:bold;
font-size:20px;
margin-left:8px;
}
.bigwhite{
color:#fff;
font-weight:bold;
font-size:20px;
margin-left:8px;
}


.smallwhite{
color:#fff;
font-weight:bold;
font-size:14px;
margin-left:8px;
font: 12px Helvetica, sans-serif;
}



.green{
font: 12.5px Helvetica, sans-serif;
color:#184B12;

}


.white{
color:#EDE9DB;
font: 18px Helvetica, sans-serif;
font-weight:bold;
}

a:link, a:active, a:visited, a:hover {
color:#004D91;
text-decoration:underline;
}



.bold {
font-weight: bold;
}

.italic{
font: 12.5px Helvetica, sans-serif;
font-style:italic;
 }
.red{
color:#FF0000;
font-size:20px;
font-weight:bold;
}
/* Style sheet for Quickserve.co.nz 
 */
	
	
body{
color: #000;
 margin: 0px ;
padding: 0px;
width:100%;
background-color:#ccc;
font-family: Helvetica, sans-serif;
margin-top:0px;
margin-bottom:0;
border:0;
   
}

#contentarea{
background-color:#fff;
width:768px;
margin: 0px auto 0px auto;
padding: 0px;
    }
 #contentarea:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}   
   
 
#banner{
background: url(images/banner.jpg);
background-repeat: no-repeat;
width:768px;
height:112px;
}

#spacertop{
width:768px;
background-color:#DBE4E9;
border-bottom:2px solid white;
height:9px;
margin:0;
padding:0;
}
#spacerbottom{
width:768px;
background-color:#DBE4E9;
border-top:2px solid white;
height:9px;
font-size:4px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom:0px;
border-left:0px;
border-right:0px
}

#spacer_navigation{
width:768px;
height:22px;
background: url(images/navigation_bottom.gif);
background-repeat: repeat-x;
}

#navigation{
list-style: none;
}

#navigationband{
margin:0px;
padding:0px;
width:768px;
height:26px;
font-size:5px;
background-color:#DBE4E9;
border-bottom:7px solid #004D91;

}


h2{
color:#003366;
font: 16.5px Helvetica, sans-serif;
font-weight:bold;
}


#writingbox{
position:relative;
top:28px;
left:581px;
background-color:#004D91;
width:171px;
height:55px;
padding:0px 15px 0px 0px;
text-align:right;
border-top:1px solid white;
border-bottom:1px solid white;
border-left:1px solid white;
}

#shadebox{
background: url(images/bottom_left.gif);
background-repeat: repeat-x;
width:192px;
margin-top:20px;
margin-left:0px;
height:193px;
padding:0px 0px 0px 0px;

float:left;
}

#mousebox{
background: url(images/mouse.gif);
background-repeat: no-repeat;
width:169px;
height:86px;
margin-top:0px;
border-top:7px solid #004D91;
padding:5px 5px 5px 5px;
font: 11px Helvetica, sans-serif;
float:left;
}

#mousebox a,#mousebox a:hover{
text-decoration:none;

}



#topleftmessagebox{
width:169px;
padding:5px 5px 5px 5px;
background:#DBE5E9;
float:left;
font: 11px Helvetica, sans-serif;
}

#leftmessagebox{
background: url(images/home_no_fix.jpg);
background-repeat: no-repeat;
padding:10px 5px 0px 5px;
width:169px;
 height:109px;
margin-top:10px;
font: 12px Helvetica, sans-serif;
float:left;
}

#leftmessagebox a:hover{
color:#004D91;
text-decoration:underline;
font-weight:normal;
}

#businessmessagebox{
background: url(images/home_no_fix.jpg);
background-repeat: no-repeat;
font: 12px Helvetica, sans-serif;
width:179px;
 height:109px;
margin-top:10px;
padding:10px 5px 0px 5px;

position:relative;
}
#home1box{
background: url(images/home1b.jpg);
background-repeat: no-repeat;
width:394px;
height:170px;
float:left;
font: 12px Helvetica, sans-serif;
font-weight:bold;
}
#homeITbox1{
  background: url(images/homeITbox1.jpg);
  background-repeat: no-repeat;
  width:259px;
  height:135px;
  float:left;
  margin:0 0 0 0px;
}
#business1box{
background: url(images/business_service_center1b.jpg);
background-repeat: no-repeat;
width:259px;
height:135px;
float:left;
margin:0 0 0 0px;
}
.repairbox{
background-repeat: no-repeat;
width:176px;
height:111px;
float:left;
margin:0px 0px 15px 0px;
}
#repair1box{
background: url(images/repair_drop.jpg);
background-repeat: no-repeat;
width:176px;
height:111px;
float:left;
margin:0 0 0 0px;
}
#repair2box{
background: url(images/repair_pick.jpg);
background-repeat: no-repeat;
width:176px;
height:111px;
float:left;
margin:15px 0 0 0px;
}
#repair3box{
background: url(images/repair_onsite.jpg);
background-repeat: no-repeat;
width:176px;
height:111px;
float:left;
margin:15px 0 0 0px;
}

#homeITbox2{
  background: url(images/homeITbox2.jpg);
  background-repeat: no-repeat;
  width:259px;
  height:135px;
  float:left;
  margin-left:13px;
}
#business2box{
background: url(images/business_service_center2b.jpg);
background-repeat: no-repeat;
width:259px;
height:135px;
float:left;
margin-left:13px;
}

#home2box{
background: url(images/home2b.jpg);
background-repeat: no-repeat;
width:394px;
height:170px;
margin:14px 0px 7px 0px;
float:left
}

#shanebox{
background: url(images/shane.gif);
background-repeat: no-repeat;
width:114px;
height:370px;
margin-top:-10px;
float:right;
z-index:150;

}

#hometextbox{
margin:10px 0 0 0;
float:left;
width:430px;
padding:0 0 0 5px;
}

#businesstextbox{
margin:6px 0 0 0;
float:left;
width:500px;
padding:0 0 0 0px;
}
#businesstextbox2{
margin:6px 0 0 0;
float:left;
width:350px;
padding:0 0 0 0px;
}


.image{

margin:0 0 -5px 0;

}

#nav{
	list-style: none;
float:left;
margin:0;
padding:0px;
margin-bottom:0px;
padding:0px 0 0px 0px;
font: 13px Helvetica, sans-serif;
position:relative;
}

#menu{
position:relative;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:10px;
padding:0px;
border:0px;
height:26px;
}






/*The bits to do the rounded menu corners */

#nav dl {float:left;margin:0px;padding:0px;}
#nav dt {display:none;width:0;}
#nav dd {float:left; margin:0; padding:0 3px 0 0 ; text-align:center;}
#nav dd span.midb { color:#fff;text-decoration:underline; float:left;}
#nav dd span.mid a{ color:#fff;text-decoration:underline; float:left;}
#nav dd span {float:left; cursor:pointer;}

#nav dd.low {margin-top:0px;position:relative;top:0px;}


#nav dd span.side { float:left;height:26px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

#nav dd span.side b{padding:3px 0px 0 0px;

}
#nav dd span.mid {border-top:1px solid #E9EFF1;border-bottom:0px;color:#000; height:22px; padding:3px 1px 0 1px; background:#fff;
}
#nav dd span.midb {border-top:1px solid #B6CBDB;border-bottom:0px;color:#fff; height:22px; padding:3px 1px 0 1px; background:#004D91;
}

#nav dd span.left{width:5px; float:left; height:25px; background:#fff;border-top:1px solid #E9EFF1;;
}
#nav dd span.leftb{width:5px; float:left; height:25px; background:#004D91;border-top:1px solid #B6CBDB;
}
#nav dd span.side b.p5{width:2px; height:24px;margin-top:1px;border-top:1px solid #E9EFF1;background:#fff; float:left;}
#nav dd span.side b.p6 {width:2px; height:23px;margin-top:2px;border-top:1px solid #E9EFF1;background:#fff; float:left;}  
#nav dd span.side b.p7 {width:1px; height:22px;margin-top:3px;border-top:1px solid #E9EFF1;background:#fff; float:left;}  
#nav dd span.side b.p8 {width:1px; height:20px;margin-top:5px;border-top:1px solid #E9EFF1;background:#fff; float:left;}
#nav dd span.side b.p9 {width:1px; height:17px;margin-top:8px;border-top:1px solid #E9EFF1;background:#EFF3F5; float:left;}

#nav dd span.sideb b.p5{width:2px; height:24px;margin-top:1px;border-top:1px solid #B6CBDB;background:#004D91; float:left;}
#nav dd span.sideb b.p6 {width:2px; height:23px;margin-top:2px;border-top:1px solid #B6CBDB;background:#004D91; float:left;}  
#nav dd span.sideb b.p7 {width:1px; height:22px;margin-top:3px;border-top:1px solid #B6CBDB;background:#004D91; float:left;}  
#nav dd span.sideb b.p8 {width:1px; height:20px;margin-top:5px;border-top:1px solid #B6CBDB;background:#004D91; float:left;}
#nav dd span.sideb b.p9 {width:1px; height:17px;margin-top:8px;border-top:1px solid #B6CBDB;background:#95B5CE; float:left;}




#nav dd a:hover {border:0;text-decoration:none;}
#nav dd a:hover span.mid,#nav dd a:hover span.midb,#nav dd a:hover span.left,#nav dd a:hover span.leftb,#nav dd a:hover span.side b ,#nav dd a:hover span.sideb b{background:#000; color:#fff;border-top:1px solid #95999B;}
#nav dd a:hover span.side b.p9{background:#95999B;color:#fff;} 
#nav dd a:hover span.sideb b.p9{background:#95999B; color:#fff;} 
.clear {clear:both;}



/*menu corners finished */


#nav dd:hover dl , #nav dd.over dl { /* lists nested under hovered list items */
	display: block;
 }
#nav dd dl dd:hover ul , #nav dd dl dd.over ul { /* lists nested under hovered list items */
	display: block;
 }

#nav dd dl dd li:hover ul , #nav dd dl dd li.over ul { /* lists nested under hovered list items */
	display: block;
 }


#nav dl{ 
	display:none;
	position: absolute;
	  text-decoration:none;
	top: 26px;
     clear:both;
    left:auto;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 19px;
	background:none;
	width:148px;
	z-index:400;
}

#nav dl a{
    float:left;
	display: block;
	text-decoration: none;
	margin:0px 0 0 0;
    background-image:url(images/arrow_white.gif);
	background-repeat:no-repeat;
	width:148px;
	height: 19px;
	color: #000;
	z-index:100;
	background-color: #B1D5F6;
	padding: 0px 13px 0px 20px;
	border-top: 1px solid #fff;
	text-align:left;
	border-left: 1px solid #004D91;
  	border-bottom: 1px solid #fff;
	}

#nav dl a:hover  {
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
background-image:url(images/arrow_blue.gif);
	background-repeat:no-repeat;
	width:148px;
	height: 19px;
	color: #fff;
	z-index:100;
background-color:#4C99DD;
	padding: 0px 13px 0px 20px;
	border-top: 1px solid #fff;
	text-align:left;
	border-left: 1px solid #004D91;
  	border-bottom: 1px solid #fff;
	}


#nav dd li ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	
	top: 0px;
	left: 110px;
margin-top:2px;
}





#nav  dd ul{ /* second-level lists */
	display:none;
	position: absolute;
	  text-decoration:none;
	top:7px;
    z-index:100;
    left:166px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 19px;
	background:none;
	width:148px;
}

#nav  dd  ul li { /* second-level lists */
	float:left;
	top:0px;
    left:0px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 19px;
	background:none;
	width:148px;
		border-bottom: 1px solid #fff;
}



#nav  dd ul li a{/* second-level lists */
    float:left;
	display: block;
	text-decoration: none;
	margin:0px 0 0 0;
    background-image:url(images/arrow_white.gif);
	background-repeat:no-repeat;
	width:148px;
	height: 19px;
	color: #000;
	z-index:100;
	background-color: #B1D5F6;
	padding: 0px 13px 0px 20px;
	border-top: 1px solid #fff;
	text-align:left;
	border-left: 1px solid #004D91;
  	border-bottom: 1px solid #fff;
	}




	

	
#nav dd ul li a:hover  {/* second-level lists */
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
background-image:url(images/arrow_blue.gif);
	background-repeat:no-repeat;
	width:148px;
	height: 19px;
	color: #fff;
	z-index:100;
background-color:#4C99DD;
	padding: 0px 13px 0px 20px;
	border-top: 1px solid #fff;
	text-align:left;
	border-left: 1px solid #004D91;
  	border-bottom: 1px solid #fff;
	}





#content h2{
color:#EDE9DB;
font: 18px Helvetica, sans-serif;
font-weight:bold;
}









#footer{
width:768px;
float:left;
height:23px;
color:#000;
padding:12px 0 0 0;
border-bottom:7px solid #004D91;
text-align:center;
background:#DFE8EC;
font: 10.5px Helvetica, sans-serif;
margin-top:-5px;
}

#footer a, #footer a:hover{
color:#000;
}


.image{
margin:0px;
}

.imagespan{
margin:0px 0px 0px 5px;
}
 .phoneno {
 color:#004D91;
 font: 17px Arial, sans-serif;
 font-weight:bold;
margin:0;
padding:0;
border:0;
float:right;
 }
 
div.contactForm{
  width:375px;
  padding: 0px;
  margin: 0px;
}
div.row {
  clear: both;
  padding: 5px 0px 0px 0px;
  vertical-align:middle;
  }
div.row .label {
  float: left;
  width: 140px;
  text-align: right;
  padding:0px 10px 0px 0px;
  }
div.row .formw {
  float: right;
  width: 210px;
  text-align: left;
  }
div.row .formw input.text, div.row .formw textarea{
	font: 12.5px Helvetica, sans-serif;
	color:#041802;
	width: 210px;
	border: 1px solid #000000;
	background: none;
  position:relative;
  z-index:100;
}
div.row .formw textarea{
  height:50px;
}
div.spacer {
  clear: both;
}

#leftcontent{
margin:0 0 0 0px;
width:192px;
padding:0 0 0 0px;
float:left;
background:none;
}

#rightcontent{
	width:535px;
	float:left;
	font: 12.5px Helvetica, sans-serif;
	color:#041802;
	padding:0px 0px 20px 9px;
	margin:0px 0 0 0px;

}