@charset "utf-8";
/* CSS Document */

/*LICENCE --------------------------------------
Brand Projects Ltd (brand@xtra.co.nz) 2009
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 New Zealand License
http://creativecommons.org/licenses/by-sa/3.0/nz/
*/

/*NOTES ----------------------------------------
Name:		Brand Projects Ltd Stylesheet - Internet Explorer 6 Stylesheet
Path: 		css/ie6stylesheet.css
Notes:		Fixes for IE6

UPDATE INFO ------------------------------------
Revision number: 1.1.0
Last updated: 03 Febuary 2009 @ 09.00pm
Last update made by: Raphael Riegger (rriegger@hotmail.com)

CONTENTS ---------------------------------------
=FIX: Stylesheet inclusions for specific browser fixes
=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles (colours, sizes, etc)
=5: Global Styles
*/

/* =FIX PUT ANY LINKS OR STYLES FOR BROWSER SPECIFIC FIXES
   ----------------------------------------------------*/
/* @import "URL"; */

/* =1 RESET ALL ELEMENTS TO A COMMON VALUE
   ----------------------------------------------------*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{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;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {/*line-height:-1px;*/vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* =2 DEFAULT CLASSES
   ----------------------------------------------------*/
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; margin-left: 20px; /*change*/}
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.uppercase { text-transform: uppercase; }

/*REMOVE FIREFOX DOTTED BORDER*/
a { outline: none;}


/* =3 ACCESSIBILITY
   ----------------------------------------------------*/
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }

/* =4 DEFAULT STYLES
   ----------------------------------------------------*/
body {
	text-align: center;
	background: #000;
	font-family: Verdana;
	font-size: 0.7em;
	color: #fff;
}

p  { margin-top: 10px;  color: #fff;}
h1 { font-size: 2em; color: #ef8a1e; }
h2 { font-size: 1.4em; color: #ef8a1e; font-family: verdana; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.4em; }


a:link {color: #fff; text-decoration:none;}     /* unvisited link */
a:visited {color: #fff;}  /* visited link */
a:hover {color: #ef8a1e; text-decoration: underline;}   /* mouse over link */
a:active {color: #fff;}   /* selected link */


/* =5 GLOBAL STYLES
   ----------------------------------------------------*/
#container{

	/*Sticky footer*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -133px;
}

img.border{
	border: 3px solid #fff;
}

.leftcolumn{
	margin-top: 30px;
	text-align: left;
	float: left;
	width: 390px;
}

.leftcolumn img{
	margin: 0px 0px 0px 100px;
}
.orange{
	color: #ef8a1e;
}

.singlecolumn{
	width: 903px;/*change*/
	margin-left: 40px;/*change*/
	margin-bottom: 60px;
}

.profilepanel{
	float: left;
	margin: 0 12px;
}
.rightcolumn{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: left;
	float: left;
	width: 580px;
}

ul.bullet li{
	list-style: inside;
	
}

#header{
	background: url(../images/header_bg.jpg) no-repeat;
	width: 1024px;
	height: 207px;
	margin: 0 auto;
}
#banner{
	background: url(../images/banner.jpg) no-repeat;
	width: 1024px;
	height: 285px;
	margin: 0 auto;
}

#content{
	background: url(../images/content_bg.jpg) no-repeat;
	width: 1024px;
	margin: 0 auto;
}

#logo{
	float: left;
	text-align: left;
	width: 247px;
	margin: 34px 0px 0px 41px; /*change*/
}

#nav{
	float: right;
	padding-right: 2px;
	width: 517px;
	margin-right: 61px;
	margin-top: 22px;
}

#nav ul li a{
	margin-left: 2px;
}

a#nav_shopfitting{
	display: block;
	width: 127px;
	height: 150px;
	background: url(../images/nav_small_shopfitting.jpg);
	background-position: 0px -300px;
	float: left;
}

a#nav_shopfitting:hover{
	background-position: 0px -150px;
}

a#nav_shopfitting.selected{
	background-position: 0px 0px;
}

a#nav_shopfitting.selected:hover{
	background-position: 0px 0px;
}

a#nav_pm{
	display: block;
	width: 127px;
	height: 150px;
	background: url(../images/nav_small_pm.jpg);
	background-position: 0px -300px;
	float: left;
}

a#nav_pm:hover{
	background-position: 0px -150px;
}

a#nav_pm.selected{
	background-position: 0px 0px;
}

a#nav_pm.selected:hover{
	background-position: 0px 0px;
}



a#nav_interior{
	display: block;
	width: 127px;
	height: 150px;
	background: url(../images/nav_small_interiors.jpg);
	background-position: 0px -300px;
	float: left;
}

a#nav_interior:hover{
	background-position: 0px -150px;
}

a#nav_interior.selected{
	background-position: 0px 0px;
}

a#nav_interior.selected:hover{
	background-position: 0px 0px;
}


a#nav_maintenance{
	display: block;
	width: 127px;
	height: 150px;
	background: url(../images/nav_small_maintenance.jpg);
	background-position: 0px -300px;
	float: left;
}
a#nav_maintenance:hover{
	background-position: 0px -150px;
}

a#nav_maintenance.selected{
	background-position: 0px 0px;
}

a#nav_maintenance.selected:hover{
	background-position: 0px 0px;
}


* {
/*Sticky footer*/
margin: 0;
}
html, body {
/*Sticky footer*/
height: 100%;
}
#footer, .push {
/*Sticky footer*/
height: 133px;
}



#subnav a{
	text-decoration: none;
}
#subnav a:hover{
	text-decoration: underline;
}

#subnav{
	margin-bottom: 10px;
}

#subnav li{
	display: inline;
	margin: 0 5px;
}
   
#footercontent a{
	color: #fff;
	text-decoration: none;
}


#footercontent a:hover{
	color: #fff;
	text-decoration: underline;
}

#footercontent{
	background: url(../images/footer_filler.jpg) repeat-x;
	text-align: left;
	color: #FFFFFF;
	height: 110px;
	width: 100%;
}
#footercontent h1{
	color: #fff;
}
#footercontent h3{
	margin-bottom: 5px;
}

#info{
	margin: 0 auto;
	width: 523px;
	padding-top: 20px;
}
#contact{
	float: left;
}
.contact2{
	float: left;
	margin-left: 85px;
}

.numbers{
	float: left;
	margin: 0px 0px 0px 22px;
}