body { background-color: #000000; background-image: url(http://www.mauriora.co.nz/static/images/bodyBg.gif); background-repeat: repeat; padding: 0; margin: 10px 0 0; text-align: justify; }

hr { background-color:#DEDEDE; border-top: 1px solid #DEDEDE; border-bottom: 0; height: 0.5px; margin: 15px 0 0 0; padding: 0px; }

a { color: #B0774F; }
a:hover { color: #E80000; }

p { margin: 5px 0 5px 0; line-height: 1.2em; }

.wrapper { margin: 0 auto; }

#header { width: 100%; background-color: #D5D2C2; background-image: url(http://www.mauriora.co.nz/static/images/headerBg.gif); background-repeat: repeat-x; float: left; }

#navigation {
  font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; font-size:11px; 
  padding: 0; margin: 0;
  width: 100%;
  background-color: #7B382D;
  float: left;
  background-image: url(http://www.mauriora.co.nz/static/images/navBg.gif);
  background-repeat: repeat-x;
  background-position: left top;
  height: 28px;
  vertical-align: top;
}

#content {
  width: 100%;
  background-color: #FFFFFF;
  background-image: url(http://www.mauriora.co.nz/static/images/contentBg.gif);
  background-repeat: repeat-x;
  float: left;
  /*border-top: 1px solid #401B14;*/
}

#footer {
  width: 100%;
  background-repeat: repeat-x;
  float: left;
}

#baseStrip {
  width: 100%;
  height: 10px;
  background-color: #7B382D;
  float: left;
  background-image: url(http://www.mauriora.co.nz/static/images/navBg.gif);
  background-repeat: repeat-x;
}

/****************************************************************************************************/
/* Header Styles */
/***************************************************************************************************/
#header div.wrapper {
  padding: 0 0 0 8px;
  width: 742px;
  background-image: url(http://www.mauriora.co.nz/static/images/headerLeftBg.gif);
  background-repeat: no-repeat;
}

#header h1 {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000000;
  background-color:#FFFFFF;
  width: 254px;
}
  
#header h1 a {  border: none; }

#header ul {
  float: right;
  margin: 0;
  padding: 0;
  width: 470px;
  text-align: right;
  list-style: none;
}

#header ul li{}

#header li a {
  float: right;
  color: #463637;
  background-color:#FFFFFF;
  filter: alpha(opacity=30);
  -moz-opacity:0.30;
  text-decoration: none;
  width: auto;
  padding: 6px 7px;
  border-top: 0 none #A09E93;
  border-right: 1px solid #A09E93;
  border-bottom: 1px solid #A09E93;
  border-left: 1px solid #A09E93;
}

#header li a:hover{
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  text-decoration: underline;
}
/****************************************************************************************************/
/* Navigation Styles */
/***************************************************************************************************/

#navigation div.wrapper {
  padding: 30px 0 0 8px;
  background-image: url(http://www.mauriora.co.nz/static/images/navigationLeftBg.gif);
  background-repeat: no-repeat;
  width: 742px;
  overflow: visible;
}

#navigation h1 {
  float: left;
  padding: 0;
  margin: 0px;
  color: #000000;
  width: 254px;
}

#navigation ul { 
  padding: 0px;
  margin: 0 0 0 22px;
  list-style: none;
  width: auto;
  float:left;
  display:block;
}

#navigation li {
  position: relative;
  color: #FFF;
  padding: 0;
  margin: 0;
  float:left;
  text-align: center;
  border-bottom: 1px solid #401B14;
  border-left: 1px solid #BD6E63;
  display:inline;
}

#navigation li a {
  color: #FFF;
  display: block;
  text-decoration: none;
  padding: 6px 10px;
  margin: 0;
  border-top: 1px solid #602F25;
  border-bottom: 1px solid #7B382D;
  border-right: 1px solid #401B14;
}

#navigation li.nav_active {
  border-bottom: 1px solid #602F25;
  display:inline;
}

#navigation li.nav_active a, #navigation li.nav_active a:hover,#navigation li a:hover {
  color: #FFF;
  background-color: #9A2C01;
  border-top: 1px solid #7C1300;
  border-bottom: 1px solid #F86400;
  border-right: 1px solid #AE3800;
  background-image: url(http://www.mauriora.co.nz/static/images/navBgActive.gif);
  background-repeat: repeat-x;
  background-position: left top;
}

#navigation li a:hover {
  color: #FFF;
  background-color: #9A2C01;
  border-top: 1px solid #7C1300;
  border-bottom: 1px solid #F86400;
  border-right: 1px solid #AE3800;
  background-image: url(http://www.mauriora.co.nz/static/images/navBgHover.gif);
  background-repeat: repeat-x;
  background-position: left top;
}

#navigation .wrapper { position: relative; }
#navigation .topnav { 
  position: absolute; 
  top: 0; 
  right: -8px; 
}

#navigation ul ul {
  display: none;
  position: absolute;
  top:28px;
  left:0;
  margin: 0;
  background: #7B382D;
}
#navigation ul ul li {
  width: 240px;
  text-align: left;
  border: none;
}
#navigation ul li:hover ul {display: block;}
#navigation .topnav ul ul a {
  border-right: none;
  background: #401B14;
}
#navigation .topnav ul ul a,
#navigation .topnav ul ul a:hover {background-image: none;}

#content div.leftContentBottom { background: white url(http://www.mauriora.co.nz/static/images/contentLeft_foot.gif) no-repeat; height: 40px; width: 270px; float: left; #margin-bottom: -10px; }



/****************************************************************************************************/
/* Content Styles */
/***************************************************************************************************/

  
#mainContent .header { 
  letter-spacing: 0px;
  font-size:18px;
  color: #AB9294; 
}

#content div.wrapper {
  width: 750px;
  padding: 7px 0 0 0;
  background-image: url(http://www.mauriora.co.nz/static/images/contentLeftHeader.gif);
  background-repeat: no-repeat;
/*  border: 1px solid #CCFF00; */
  overflow: hidden;
}
  





#mainContent ul {
  margin: 10px 0;
  padding: 0 0 0 18px;
  list-style-image:url(http://www.mauriora.co.nz/static/images/list_item.gif);
}

/****************************************************************************************************/
/* ContentLeft Styles */
/***************************************************************************************************/

#leftContent { width: 270px; float: left; background-image: url(http://www.mauriora.co.nz/static/images/contentLeft.gif); }

#leftContent h1, #leftContent h2, #leftContent h3, #leftContent h4, #leftContent h5, #leftContent h6, #leftContent p { margin: 5px 0px 5px 0px; padding: 0; }

#leftContent div.sidePanel { padding: 0px 23px; }
#leftContent div.sidePanel a { text-decoration: none; color: #C85300; text-align:left; }
#leftContent div.sidePanel a:hover { color: #FF6A01; }
#leftContent div.sidePanel hr { padding: 0px; margin: 5px 0; }
*html #leftContent div.sidePanel hr { padding: 0px; margin: 1px 0; }

#leftContent div.sidenav a { padding: 0; margin: 0; }
#leftContent div.sidenav { padding: 0; margin-top: 10px; }
#leftContent div.sidenav ul { border-top: 1px solid #DEDEDE;   margin: 0 0 0 20px; padding: 0; list-style: none; width: 230px; float:left; display:inline; }
#leftContent div.sidenav ul ul { width: 200px; float:left; }
#leftContent div.sidenav ul li { border-bottom: 1px solid #DEDEDE; text-align:left; }
#leftContent div.sidenav ul li a { display: block; color: #C85300; background-color:#FFFFFF; text-decoration: none; padding: 7px 0; }
#leftContent .nav_active {font-weight:bold;}
#leftContent .nav_active ul a {font-weight:normal;}
#leftContent div.sidenav ul li a:hover { color: #FF6A01; }

#leftContent img { margin: 0 0 0 8px; } 

/****************************************************************************************************/
/* Main Component Styles */
/***************************************************************************************************/

#mainContent {
  float:left;
  width: 402px;
  padding: 5px 20px 60px;
}

#mainContent img {float: left;} 

#mainContent h2 { margin: 0.5em 0 0.5em; }

/****************************************************************************************************/
/* footer styles */
/***************************************************************************************************/


#footer div.wrapper {
  width: 750px;
  color: #999;
}

#footer a {
  color: #999;
}

#footer p {
  margin: 15px 8px 30px 8px;
}

#footer p.left {
  float: left;
  text-align: left;
}
#footer p.right {
  float: right;
  text-align: right;
}


/* SIDE PANEL */

.sidePanel h3 {margin-top:15px !important;}
.sidePanel p {
  margin: 5px 0 0 !important;
}
#leftContent .sidePanel img {
  margin: 5px 0;
  border: none;
}
.sidePanel .ext {
  font-size: 9px;
  text-transform: uppercase;
}

/* HOMEPAGE STUFF */

.homepage img {margin: 10px 0 25px;}

.homepage p strong {
  display: block;
  font-weight: normal;
  color: #73352a;
}

.homepage p {
  color: #73352a;
}
.homepage p em {
  display: block;
  margin:5px 0 8px;
  font: 38px/0.9 "Warnock Pro", Times, Georgia, Serif;
  font-style: italic;
  color: #e75600;
  text-align: left;
}
.homepage p em,
.homepage p.proverb em,
.homepage p.vision em,
.homepage p.mission em {
  font-size: 20px;
  line-height: 1.1;
}

.homepage p.services a {
  display: block;
  margin: 5px;
  padding: 15px;
  width: 150px;
  float: left;
  font: 15px/0.9 "Warnock Pro", Georgia, Serif;
  font-style: italic;
  color: #e75600;
  text-decoration: none;
  text-align: left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
  background: #f5f3e6;
}
.homepage p.services a span {
  color: #73352a;
}
.homepage p.services a:hover {
  background: #eae7d3;
}