html {background:#000;}
body {background:url(body-bg.gif) repeat #fff; margin:0; padding:0; width:100%; color:#0c1804; font-family: Lora, serif; font-size:0.9em; line-height:1.45em; min-width:974px;}
div {padding:0; margin:0;}
h1 {font-size:2em;  margin-bottom:0.4em; }
.title {font-size:1.51em; margin:0; display:inline-block; }
h1, .title {font-family: 'Lora', serif; }
h2.title {background:url("stripe.gif") no-repeat center bottom / 100% auto transparent; padding-bottom:12px; margin-bottom:6px}
.ie6 h2.title, .ie7 h2.title {background:url(stripe.gif) left bottom no-repeat; }
h2 {font-size:1.35em; margin:0.3em 0; }
h3 {font-size:1.4em; margin-bottom:0.2em;}
h2 a, h3 a {text-decoration:none;}
p {margin-top:0.4em;}
a {color:#0c1804; text-decoration:none;} 
a:hover {color:#000; text-decoration:underline;}
a:visited {color:#222;}
a:active {color:#111;}
a:focus {color:#1a1a1a;}
a img {border:none;}
hr {border:0; height:2px; background : url(hr-bg.gif) 50% 0 repeat-x; margin: 1em 0;}
.ie6 hr  {display: list-item; list-style: url(hr-bg.gif) inside; filter: alpha(opacity=0); width: 0;}

.photo {border:1px solid #ADB4BA; -moz-box-shadow: 2px 10px 8px -6px #aaa; -webkit-box-shadow: 2px 10px 8px -6px#aaa; box-shadow: 2px 10px 8px -6px  #aaa; padding:7px; background:#DCE6EA;}
.photoleft {float:left; margin:0 20px 12px 0; border:1px solid #ADB4BA; padding:7px; background:#DCE6EA;}
.photoright {float:right; margin:0 0 12px 20px; border:1px solid #ADB4BA; padding:7px; background:#DCE6EA; }
.floatleft {float:left; margin:0 5px 10px 0;}
.floatright {float:right; margin:0 0 10px 10px;}
.centerspace {width:974px; margin:0 auto; }
.center {text-align:center;}
.textcenter {text-align:center;}
.padding {padding:20px 27px 25px 27px;}
.clear {clear:both; height:0; width:100%; overflow:hidden; padding:0!important; margin:0; }
.back-arrow a, .back-arrow {padding-left:12px; background:url(back-arrow.png) left center no-repeat transparent;}
.forward-arrow a, .forward-arrow {padding-left:12px; background:url(forward-arrow.png) left center no-repeat transparent;}
.morelink{display:inline-block; font-weight:bold; padding-left:12px; background:url(forward-arrow.gif) left center no-repeat transparent; margin:0 0 5px 0; }
.ie6 .morelink{float:left; margin:2px 11px 10px 0; display:block;}
.nomargin {margin:0;}
.highslide {padding:7px 5px; display:block; float:left;}

.fade {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.fade:hover {opacity: 0.75;}

#shadow {background:url(shadow-bg.png) center top repeat-y; }
#fleur {background:url(fleur-bg.png) -100px 500px no-repeat;}
#header {width:100%; background:url(header-bg.gif) center top repeat-x; height:554px; overflow:hidden; border-top:14px solid #000;} 
/* #header {background-position: -265px top no-repeat #fefeff;} */
#logo {position:absolute; z-index:100; margin:23px 0 0 20px; width:495px; height:109px; background:url(logo.png) center center no-repeat;}
#logo span {display:none;}
#details {position:absolute; z-index:100; margin:117px 0 0 660px; width:500px; font-size:1.15em; font-family: 'Lora', serif; }
#details .phone {padding-right:10px; margin:0;}
#details .email {font-style:italic; margin:0; }
#slogan {position:absolute; z-index:100; margin:135px 0 0 120px; width:500px; font-size:1.45em; font-family: 'Lora', serif;  font-style:italic; text-shadow: 1px 1px 1px #fff; }
#social {position:absolute; z-index:100; margin:44px 0 0 878px; width:95px; }
#social span {display:none;}
#social a {float:left; display:block; height:42px; width:42px; margin:0 0 0 5px;}
#facebook-icon {background:url(facebook-icon.png) center center no-repeat;}
#email-icon {background:url(email-icon.png) center center no-repeat;}

#slideshowarea {clear:both; position:absolute; margin:192px 0 0 0; z-index:98; width:974px; }
#slideshowarea ul {font-style:italic; }
#slideshow {background:url(slideshow-fleur.png) -175px 61% no-repeat #e5e5e5; border:5px solid #000; width:964px; height:352px; -moz-box-shadow: inset 0 0 25px 0px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 25px 0px rgba(0,0,0,0.5); box-shadow: inset 0 0 25px 0px rgba(0,0,0,0.5); overflow:hidden; margin:0;}
#slideshow .padding {padding:39px 30px 30px 350px; }
#slideshow p:first-child {font-size:1.8em; font-style:italic; margin:0;}
#slideshow p.available {font-size:1.1em; margin:0 0 10px 25px;}
#slideshow h2 {margin:15px 0 0 0; font-size:1.6em; line-height:1.25em;}
#slideshow ul {padding:0;margin:0; font-size:1.1em;}
#slideshow ul li {list-style:none; background:url(fleur-bullet.png) left bottom no-repeat; padding:5px 0 0 26px; }
#slideshow hr {border:0; height:2px; background : url(hr-slideshow-bg.gif) 50% 0 repeat-x; margin: 1em 0;}
/* .label_skitter {padding:0 10px 0 40px;} */

#nav {padding:10px 6px 0 6px; margin:0; font-weight:700; clear:both; width:100%; font-size:1.3em;}
#nav li {display:inline; list-style:none; }
#nav li a {text-decoration:none; display:block; float:left; padding:8px 14px; border-left:1px solid #333; line-height:0.4em; }
#nav li:first-child a {border-left:0;}
#nav li a:hover {text-decoration:underline; }


#mainpage {margin:0; color:#0c1804; font-size:0.9em;}
#mainpage .centerspace {min-height:300px;}
#mainpage .padding {padding:15px 15px 28px 15px;}
#mainpage .padding p a {text-decoration:underline;}

#leftcolumn {float:left; width:515px; }
#leftcolumn h3 {margin-bottom:12px;}
#leftcolumn p {margin-bottom:8px; }
#leftcolumn p, #leftcolumn ul {font-size:1.05em; }
/*#leftcolumn strong {font-size:1.05em;} */
#leftcolumn ul.minusmargin {margin:-8px 0 0 0!important; }
#leftcolumn hr{margin-top:5px; }
#leftcolumn .padding {padding:20px 18px 45px 18px;}
#leftcolumn .column {float:left; }
#leftcolumn .column.first{width:47.5%; margin-right:0.49%; }
#leftcolumn .column.last {width:51.5%; margin-right:0.49%; }
#leftcolumn .column.last ul{margin-top:-1.5em;}
#leftcolumn ul {padding:0 0 0 14px; margin:0; font-size:1.1em; font-style:italic;}
#leftcolumn ul li {/* list-style:none; background:url(round-bullet.png) left 7px no-repeat; padding:0 0 0 14px;*/padding:0 0 0 3px; list-style:square; }
#leftcolumn  p.textcenter{margin-top:15px; }
#leftcolumn .fleurbig {padding:2px 0 2px 48px; background:url(contact-fleur.png) left center no-repeat; font-size:1.3em;}
#leftcolumn .fleursmall {padding:0 0 0 15px; background:url(fleur-bullet.png) left center no-repeat;}

#rightcolumn {float:right; width:443px; padding-bottom:35px;}
#rightcolumn .padding {padding:36px 2px 0 8px;}
/*#rightcolumn a {float:right; width:140px; height:140px; display:block; background:#333; margin:0 7px 14px 7px;}*/
#rightcolumn h3 {font-size:2.1em; margin:0;}
#rightcolumn p, #rightcolumn ul {font-size:1.05em; }

.shaded {padding:19px 24px; }
.shaded:nth-child(1) {margin-top:15px;}
.shaded:nth-child(even) {background:rgba(235,235,235,0.75); }

.wide #leftcolumn {width:100%; }
.wide #rightcolumn {display:none; width:0; }
#googlemap {float:right; width:auto; margin:15px 0 10px 20px; }
#mainpage .padding #googlemap {margin}
iframe {border:none; overflow:hidden; border:1px solid #999;}

#sponsors {background:#003875; border-top:1px solid #001328;}
#sponsors {}
#sponsors .padding {text-align:center; padding:20px 10px 25px 10px;}
#sponsors a {display:inline-block; margin:0 3px;}

#footer {min-height:161px; font-weight:400; font-size:0.75em; background:url(footer-bg.gif) center top repeat-x #000;}
#footer .padding {padding:15px 0px;}
#footer p {color:#d6d6d6; margin:0 0 4px 0; padding:0;}
#footer a {color:#d6d6d6; text-decoration:underline; }
#footer a:hover {color:#ffda10;}
#footer ul {padding:0; margin:0; list-style:none }
#footer ul.wwd li {width:185px; background:url(wairarapa-web-design-logo.gif) center right no-repeat; height:20px; float:right; }
#footer ul.wwd li a {text-decoration:none; float:right; margin:0 23px 0 0;}
#footer ul.wwd li a:hover {text-decoration:underline; color:#E4A733;}
#footer ul.links {float:right;}
#footer ul.links li {border-left:1px solid #004B7A; float:left;}
#footer ul.links li:first-child {border-left:0px;}
#footer ul.links li a {padding:7px; }
#phone {padding:4px 10px 2px 22px; }
#email { padding:4px 10px 2px 31px; margin-left:10px!important;}
#wwd {padding:4px 22px 2px 0;float:right; margin:0!important; }

.cfg-clear {clear:both; height:0; width:100%;}
.cfg-element-container {width:100%; clear:left; margin:0 0 8px 0;}
.cfg-element-container label {float:left; width:18%;}
.cfg-element-container input {float:left; width:45%; border-radius:4px; background: #F1F1F1; border: 1px solid #dfdfdf; color: #565656; padding:3px 5px;}
.cfg-element-container input#cfg-element-6-5 {float:right; width:20%; }
.cfg-element-container textarea {float:left; width:79%; border-radius:4px; background: #F1F1F1; border: 1px solid #dfdfdf; color: #565656; padding:3px 5px;}