#noscript{
	background-color:#CC0000;
	padding:10px;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
}

html,body{
	background-color: #dedede;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#container{
	width:1000px;
	margin:0px auto;
	padding-bottom:10px;
	background:url(../images/bg-body.jpg) repeat-y left;
	}

#container-inner{
	padding:0px 50px;
	}

#top{
	height:141px;
	background:url(../images/logo.jpg) no-repeat center;
	position:relative;
	}

#middle{
	margin-top:11px;
	}

#middle-webpage{
	margin-top:11px;
	background:url(../images/bg-middle.gif) repeat-y center;
	}

#left{
	width:200px;
	float:left;
	}

#left h1{
	padding:7px 5px 5px 5px;
	color:#FFFFFF;
	}

#center{
	width:473px;
	float:left;
	margin-left:13px;
	}

#right{
	width:201px;
	float:right;
	}

#footer{
	background:url(../images/bg-bottom.jpg) no-repeat top;
	width:1000px;
	margin:0px auto;
	padding:20px 0px;
	text-align:center;
	font-size:10px;
	color:#666666;
	}

#footer a{
	margin:0px 10px;
	}

.box-inner{
	padding:10px;
	}

.spacer{
	height:3px;
	font-size:2px;
	clear:both;
	}

#homeintro{
	background-color:#a67c52;
	color:#FFFFFF;
	padding:10px;
	margin:11px 0px;
	}

#homeintro h1{
	color:#FFFFFF;
	}

a {
	color:#a67c52;
	text-decoration:none;
}

a:hover{text-decoration:underline;}

p{
	margin:4px 0px;
	padding:0;
	line-height:16px;
}

img {border:0px;}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:5px 0px;
	color:#a67c52;
	font-family:Helvetica, Arial,sans-serif;
	font-weight:normal;
	}

h1{
	font-size:26px;
	}

h2{
	font-size:23px;
	}

h3{
	font-size:20px;
	}

h4{
	font-size:16px;
	}

h5{
	font-size:14px;
	}

h6{
	font-size:12px;
	}

#login input{
	width:140px;
	}



/** Main menu using sucker fish style list menu **/
#mainMenu{
	position:absolute;
	top:98px;
	right:10px;
	font-size:11px;
	line-height:33px;
	margin-top: 0px;
	font-weight: bold;
	padding-left:5px;
	height:43px;
	background:url(../images/bg-menu-left.jpg) no-repeat top left;
}

#mainMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#mainMenu li{
	  float:left;
	  height:43px;
	  position:relative;
	  display: block;
	  color: #036C90;
	  white-space:nowrap;
	  background:url(../images/bg-menu.png) no-repeat left top;	
}

* html #mainMenu li{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.benefitz.co.nz/projects/pdg/images/bg-menu.png', sizingMethod='crop'); 
	cursor:pointer; /** hack needs to be combine with javascript, the above hack will create a mask and block the interaction **/
	}

#mainMenu li ul{
	display:none;
	position:absolute;
	top:43px;
	left:0;
	}

#mainMenu li ul li{
	border-right:none;
	background:none;
	background-color:#a67c52;
	height:30px;
	line-height:30px;
	float:left;
	clear:both;
	width:180px;
	border-top:1px solid #FFFFFF;
	}

#mainMenu li ul li:hover, #mainMenu li ul li.over{
	background:none;
	background-color:#a67c52;
	}

#mainMenu li ul li a{
	padding:0px 20px;
	color:#FFFFFF;
	}

#mainMenu li ul li.activeMenu{
	background:none;
	background-color:#a67c52;
	}

#mainMenu li:hover ul, #mainMenu li.over ul { display: block; }
	  
#mainMenu li:hover, #mainMenu li.over {
	color: #FFFFFF;
	background:url(../images/bg-menu-over.png) no-repeat left top;
}


* html #mainMenu li.over, * html #mainMenu li:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.benefitz.co.nz/projects/pdg/images/bg-menu-over.png', sizingMethod='crop');
	}



#mainMenu a{
	padding:8px 20px 0px 20px;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
}

#mainMenu a:hover{
	color: #FFFFFF;
}

#mainMenu li.lastMenu{
	border-right:none;
	}

#mainMenu li.activeMenu{
	background:url(../images/bg-menu-active.png) no-repeat left top;	
}


* html #mainMenu li.activeMenu{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.benefitz.co.nz/projects/pdg/images/bg-menu-active.png', sizingMethod='crop');
	}

#mainMenu li.activeMenu a{
	color:#545557;
	}

/** page submenu **/
#pageSubmenu{

}

#pageSubmenu h1{
	font-size:14px;
	background-color:#CCCCCC;
	color:#333333;
	padding:3px 10px;
}

#pageSubmenu ul{
	margin:0;
	padding:0;
}

#pageSubmenu li{
	display:block;
	background-color:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
}

#pageSubmenu a{
	color:#333333;
}


/** Footer menu, simliar to main menu, not showing submenus **/
#footerMenu{
	float:right;
	width:700px;
	font-size:11px;
	margin-top: 0px;
	font-weight: bold;
}

#footerMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#footerMenu li{
	  float:left;
	  position:relative;
      margin:0;
	  padding:0px 10px;
	}

#footerMenu li ul{
	display:none;
	}


#footerMenu a{
	color: #FFFFFF;
	display:block;
}

#footerMenu a:hover{
	color: #FFFFFF;
}


#col-left{
	width:229px;
	float:left;
}

#col-right{
	width:665px;
	text-align:left;
	float:left;
}

#col-right-1{
	width:500px;
	float:left;
	border-right:1px dotted #CCCCCC;
}

#col-right-2{
	width:163px;
	float:left;
}

/** Site Breadcrumb **/

.breadcrumb{
	padding:0px 0px 10px 0px;
}

/** Search Result **/
.search-hightlight{
	background-color:#FFFF00;
}

.pageNavi{
	padding:10px;
	text-align:right;
	color:#999999;
	font-size:10px;
	}