/*------------------------------------------------------



	Theme Name: Slaters NZ

	Author: Tall Poppies


--------------------------------------------------------*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:1020px;background:#000}	
body { 
	background:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.375em;
	color:#555;
	}
#separate {height:20px;display:block}	
	.pp_gallery {top:14%!important;}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left;margin-top:20px;}
.fright{ float:right}
.container {
	overflow:hidden;
	width: 100%;
	-webkit-border-radius: 12px; 
	margin-bottom:10px
}

ul li {
	display: inline;
}
.btn .label {display: none;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.des {text-align:center; font-size:10px;float: left;}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.cap {width:140px;float: left; margin-right:5px; text-align:center;font-size:10px; color:#555;}
.cap-even{

margin-right: 0px;
text-align: center;
font-size: 10px;
color: #555;}

.main-home {
	margin: 0px auto;
	position: relative;
	width:1020px;
	background-color: #e7a60b;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.main {
	margin: 0 auto;
	position: relative;
	width:1020px;
	background-color: #ffffff;
}
.keyindex {
	width:30px;
	height:27px;
	background:#333;
	text-align: center;
	display:block;
	float:left;
	margin-right:3px;
	padding-top:3px
}
#keycon {
	width:990px;
	margin-bottom:20px;
	float: left;
}
.keyindex a {color:#FC3;text-align: center; vertical-align:middle}
.keyindex a:hover {color:#fff;}
.index-head {
	font-size:18px;
	font-weight:bold;
	margin-bottom: 15px;
	width: 50px;
}
.id {color:#FC3; background:#555; font-size:14px!important;padding:10px; margin:0px; width:580px!important; position:absolute; bottom:0px;opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  }
.id a{color:#FC3;}
a{
	color:#996633;
	text-decoration:none;
	outline:none
}
a:hover{
	color: #996633;
	text-decoration:underline;
}
a:visited 			{color: #996633; text-decoration:none;}

.link{
	color:#FC3;
	background:url(../images/marker.gif) top left no-repeat;
	padding-left:20px;
	background-position:0 5px;
	text-decoration:none;
	font-size:0.916em
}
.jump {margin-bottom:20px;}
.jump li {display:block;}
.link:hover{text-decoration:underline }

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

.button1{ background:#181818; color:#fff; font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; display:block; line-height:44px; text-align:center; text-decoration:none; font-weight:bold; margin-top:1px}
.button1:hover{ background:#fefefe; color:#000;}

section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:14px; overflow:hidden; }
section ul.list li a{color:#010101; text-decoration:none; line-height:22px; font-size:15px; text-transform:uppercase} 
section ul.list li a:hover { text-decoration: underline; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{ float:left; padding-bottom:1px;}
section ul.list1 li a{
	color:#666;
	text-decoration:none;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding-left:38px;
	width:238px;
	display:block;
	background-color: #FC3;
} 
section ul.list1 li a:hover {
	text-decoration:none;
	color:#FFF;
}

section ul.list2{margin:0; padding:0; list-style:none;}
section ul.list2 li{ float:left; background:url(../images/icon1.png) top left no-repeat; padding-left:39px; background-position:0 5px; padding-bottom:9px}
section ul.list2 .li1{  background:url(../images/icon2.png) top left no-repeat; background-position:0 5px}
section ul.list2 .li2{  background:url(../images/icon3.png) top left no-repeat; background-position:0 5px}
section ul.list2 .li3{  background:url(../images/icon4.png) top left no-repeat; background-position:0 5px}
section ul.list2 li a{color:#000000; text-decoration:none; font-size:13px; font-weight:bold; text-transform:uppercase; display:block} 
section ul.list2 li a:hover { text-decoration:none; color:#578dc9; }

section ul.list3{margin:0; padding:0; list-style:none; width:340px}
section ul.list3 li{ float:left; padding-bottom:1px; width:340px}
section ul.list3 li span{ float:right; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#171717}
section ul.list3 li a{color:#010101; text-decoration:none; line-height:34px; font-size:14px; background:#999999; margin:0; padding-left:11px;  display:block; float:left; width:263px } 
section ul.list3 .li a{color:#010101; text-decoration:none; line-height:34px; font-size:14px; background:#ababab; margin:0; padding-left:11px;  display:block; float:left; width:243px } 
section ul.list3 .li1 a{color:#010101; text-decoration:none; line-height:34px; font-size:14px; background:#c6c6c6; margin:0; padding-left:11px;  display:block; float:left; width:213px } 
section ul.list3 .li2 a{color:#010101; text-decoration:none; line-height:34px; font-size:14px; background:#e7e7e7; margin:0; padding-left:11px;  display:block; float:left; width:163px } 
section ul.list3 .li3 a{color:#010101; text-decoration:none; line-height:34px; font-size:14px; background:#fafafa; margin:0; padding-left:11px;  display:block; float:left; width:123px } 
section ul.list3 li a:hover { text-decoration:none; background:#000; color:#fff  }

.link-1 {
	display:block;
	line-height:45px;
	color:#333;
	text-decoration:none;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	cursor:pointer;
	position:relative;
	behavior:url(js/PIE.htc);
	font-family: 'EB Garamond', serif;
	font-size:22px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 27px;
	padding-bottom: 0;
	padding-left: 27px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.link-1:hover {
	text-decoration:none;
	color:#FFF
}

.data{ float:left; width:74px; height:65px; text-align:center; padding-right:22px; background:url(../images/bg_date.png) top left no-repeat; font-size:40px; color:#171717; padding-top:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em}
.data span{ color:#fff; font-size:10px; display:block; margin-top:6px; line-height:2em}


#carousel {	height:412px; padding-top:40px;	padding-bottom:20px;overflow:hidden; background:url(../images/bg_2.gif) top center no-repeat; }
/* gallery */
	.roundabout-holder { height: 377px; width:915px; margin:0 auto;}
	.roundabout-moveable-item { height: 377px; width: 600px; cursor: pointer; }
	.roundabout-moveable-item img { width:100%; height:100%; display:block;	}
	.roundabout-in-focus { cursor: auto; }

/*header*/
  
header {
	font-size:0.75em;
	color:#ffffff;
	height:190px;
	position:relative;
	z-index:900;
	background-image: url(../images/bg-row-nav.gif);
	background-position: center bottom;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FC3;
	margin-top: 30px;
	background-color: #000;
}
header .indent{
	top:82px;
	right:0px;
	position:absolute;
	width:258px;
	padding:0
}
header .inside{
	position: absolute;
	z-index:90;
	top:123px;
	width:1010px;
	left: 2px;
}
.top1{
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #333;
}

h1{
	color:#888;
	text-transform:uppercase;
	font-size:26px;
	margin-bottom:13px;
	line-height:60px;
	
	font-family: 'EB Garamond', serif;
	width: 394px;

}
h1 a{color:#171717; text-decoration:none  }
h1 a:hover{text-decoration:none  }
header h1{
	color:#888;
	font-size:60px;
	margin-bottom:13px;
	line-height:60px;
	
	font-family: 'EB Garamond', serif;
	position:absolute;
	top:39px;
	left:1px;
	width: 394px;
	height: 97px;
}
header h1 a{color:#171717; text-decoration:none  }
header h1 a:hover{text-decoration:none  }


/*--- superfish dropdown menu begin ---*/
.sf-menu {
	margin:0;
	padding:0;
	list-style: none;
	z-index:90000;
	position:relative;
	float: right;
} 
.sf-menu li{
	margin:0;
	display:inline;
	position:relative;
	float:left
}
.sf-menu .current-menu-item a {color:#FC3;}

.sf-menu li a{
	color:#FC3;
	text-decoration:none;
	display:block;
	float:left;
	letter-spacing:1px;
	line-height:72px;
	font-size:12px;
	text-transform:uppercase;
	padding:0 15px;
	text-align:center
} 
.sf-menu li a:hover {
	color:#999!important;
	text-decoration:none
}
.sf-menu li a.current{
	color:#FC3;
	text-decoration:none
}
.sf-menu a:active {color:#FC3;}
.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:72px; z-index:99;}

/*** DEMO SKIN ***/
.sf-menu ul {	width:145px; background:url(../images/bg_menu.gif); padding:10px 0px 10px 0px }
.sf-menu ul li {  text-align:left; line-height:25px; padding:0;  z-index:9; position:relative; float:left		}
.sf-menu ul li a {text-transform:none; line-height:25px; text-align: center; width:145px; font-size:12px; text-transform:none;  color:#fff; text-transform:uppercase; z-index:9;background:url(../images/bg_menu.gif) }
.sf-menu ul li a:hover { color:#171717; background:#e7e7e7}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	outline:0;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:116px; /* match ul width */ top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

aside{
	height:452px;
	background-image: url(../images/bg_aside.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color:#1a1a1a;
	}
aside .inside{ padding:0px 0px 0px 0px}

/*content*/
section{ font-size:0.875em; width:100%; text-align:left; background:url() top center no-repeat #111111}
.bg_cont{ width:100%;  background:url(../images/bg_cont1.gif) top center repeat-x}
.bg_cont1{
	width:100%;
	background-color: #444;
	background-repeat: repeat-y;
	background-position: center bottom;
	}
section .inside{
	padding-right: 0px;
	padding-bottom: 0px;
}
.img-left{ float:left; margin:0 20px 20px 0}
.img-left1{ float:left; margin:0 15px 0px 0}
.img-left2{ float:left; margin:0 20px 0 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 25px 0}
.p{ margin:0}
.p1{ margin:0 0 25px 0}
.p2{ margin:0 0px 0px 0}
.p3{ margin:0 0 7px 0}
h2{
	color:#666;
	font-size:18px;
	margin-bottom:27px;
	padding-bottom:5px;
	line-height:1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
.h2{margin-bottom:41px;}
h2.index_facts{margin-bottom:10px;}
h4{color:#000000; text-transform:uppercase; font-size:13px; margin-bottom:9px;  }
h3{color:#000000; text-transform:uppercase; font-size:15px; text-transform: uppercase; font-weight:normal  }
.tail{
	background-repeat: repeat-x;
	background-position: bottom;
	
}
.tail2{
	background:url(../images/tail.gif) bottom repeat-x;
	padding-bottom:31px
}
.tail1{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:17px; margin-bottom:17px}
.tail3{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:27px; margin-bottom:27px}
.txt{color:#000000; text-transform:uppercase; font-size:13px; margin-bottom:9px; }
.txt1{color:#000000; text-transform:uppercase; font-size:14px; margin-bottom:9px; }
.txt2{ font-size:34px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; color:#171717; font-weight:bold; padding-top:7px; line-height:1em}
.txt3{ letter-spacing:-1px}
.txt4{ text-transform:none; font-size:14px}
.txt5{ text-transform:none; font-size:14px; color:#000;}


.indent{padding:62px 0px 0px 0px}
.indent1{padding:0px 0px 0px 96px}
.indent2{padding:0px 0px 0px 61px}
.indent3{padding:0px 0px 0px 181px}
.indent4{padding:0px 0px 0px 27px}
.indent5{padding:22px 0px 0px 0px}
.pad{ padding-right:40px}

.box{ background:url(../images/bg_box.gif); width:100%; color:#6b6b6b}
.box h3{ color:#fff; text-transform:uppercase}
.box .indent-box{padding:36px 50px 42px 30px}


.btnPrev{ position:absolute; top:186px; left:182px; z-index:900}
.btnNext{ position:absolute; top:186px; left:790px; z-index:900}

/*footer*/
footer { color:#6b6b6b; font-size:0.75em; background:url(../images/bg_aside.gif)}
footer .inside{ padding:35px 62px 20px 40px; background:#e7a60b}
footer a {color:#6b6b6b; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer span{ color:#6b6b6b}

	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:51px}
.rowElem1{ height:32px;}
.block-contact span{ float:right; margin-right:80px}
.input{
	border:1px solid #444444;
	background:#2a2a2a;
	width:200px;
	height:19px;
	font-size:1em;
	color:#989898;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	float:left;
	padding-bottom:6px;
	margin-top:-1px
}input{
   	border:1px solid #e3e3e3; 
	background:#FFFFFF;
	width:260px; height:18px;
	font-size:1em;
	color:#6b6b6b;
	padding-left:10px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
}
textarea{
   	border:1px solid #e3e3e3; 
	background:#FFFFFF;
	width:559px; height:171px;
	font-size:1em;
	color:#6b6b6b;
	padding-left:10px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:11px;
	overflow:auto}
#footer_cont {width:100%;padding-left:20px;}
.footer_cont_graph {width:25%;float: left;}
.footer_cont_graph img {display:block; margin: 0 auto;}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:164px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}.button:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */