@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 - Homepage
Path: 		css/homestylesheet.css
Notes:		CSS is for Homepage only, seperate from other pages

UPDATE INFO ------------------------------------
Revision number: 1.1.0
Last updated: 03 Febuary 2009 @ 02.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
=6: Footer Styles
=7: Main Nav 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;}
.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;
}

p  { margin-top: 10px; }
h1 { font-size: 2em; color: #fff; }
h2 { font-size: 1.8em; }
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{
	width: 957px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	/*Sticky footer*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -133px;
}

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

#content{
	margin-top: 43px;
	margin-left:100px;
}


#header{
	margin: 0 auto;	
	text-align: center;
	padding-top: 52px;
}

ul.bullet{
	margin-top: 10px;
}
ul.bullet li{
	color: #FFF;
	text-align: left;
	list-style: none;
	margin-left: 30px;
	
}
#panelshopfitting{
	background: url(../images/panel_bg.jpg) no-repeat;
	float: left;
	width: 176px;
	height: 297px;
	margin: 0px 7px;
}
       
#panelpm{
	background: url(../images/panel_bg.jpg) no-repeat;
	float: left;
	width: 176px;
	height: 297px;
	margin: 0px 7px;
}
 
#panelinterior{
	background: url(../images/panel_bg.jpg) no-repeat;
	float: left;
	width: 176px;
	height: 297px;
	margin: 0px 7px;
}


#panelmaintenance{
	background: url(../images/panel_bg.jpg) no-repeat;
	float: left;
	width: 176px;
	height: 297px;
	margin: 0px 7px;
}


/* =6 Footer Styles
   ----------------------------------------------------*/

#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 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;
}

/* =7 Main Nav Styles
   ----------------------------------------------------*/

a#nav_shopfitting{
	margin: 54px 0px 0px 1px;
	display: block;
	width: 174px;
	height: 136px;
	background: url(../images/nav_shopfitting.jpg);
}

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




a#nav_pm{
	margin: 54px 0px 0px 1px;
	display: block;
	width: 174px;
	height: 136px;
	background: url(../images/nav_pm.jpg);
}

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


a#nav_interior{
	margin: 54px 0px 0px 1px;
	display: block;
	width: 174px;
	height: 136px;
	background: url(../images/nav_interiors.jpg);
}

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


a#nav_maintenance{
	margin: 54px 0px 0px 1px;
	display: block;
	width: 174px;
	height: 136px;
	background: url(../images/nav_maintenance.jpg); 
}

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