/*
Theme Name: Lake Tekapo Motels and Holiday Park
Theme URI: http://www.avatar.co.nz
Description: Lake Tekapo Motels and Holiday Park Theme
Version: 1.0
Author: Avatar
Author URI: http://www.avatar.co.nz
Tags: basic
*/

@charset "utf-8";

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #000;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
margin: 0px;
}

#container {
width: 960px;
margin: 0 auto;
}

#header {
background-image: url(images/header-bg.gif);
background-repeat: no-repeat;
float: left;
height: 68px;
width: 960px;
}

#flash-container {
float: left;
height: 302px;
width: 960px;
}

#flash {
float: left;
height: 302px;
width: 756px;
overflow:hidden;
}

#banner-pics {
float: left;
height: 302px;
width: 204px;
}

/* --------- Nav --------- */

#nav-container {
float: left;
width: 960px;
height: 42px;
margin: 0;
position: relative;
z-index: 50;
}

#nav, #nav ul {
float: left;
list-style: none;
line-height: 1;
font-weight: bold;
padding: 0;
margin: 0;
width: 960px;
display: inline; /* IE6 fix */
}

#nav a {
display: block;
background-image: url(images/divider.gif);
background-repeat: no-repeat;
background-position: 0;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 14px 20px 13px 21px;
color: #F1F1E8;
font-weight: bold;
font-size: 14px;
}

#nav .page-item-11 a { background-image: none; }

#nav li a:hover {
text-decoration: none;
color: #BDD8F1;
}

#nav li {
float: left;
padding: 0;
margin-right: 1px;
}

#nav li:hover, #nav li.sfhover {
float: left;
padding: 0;
}

/*--------------------- Drop Downs ---------------------*/

#nav li ul {
position: absolute;
display: none; /* Needed for ie7 */
left: -999em;
width: 172px;
height: 0;
font-weight: normal;
margin: 0;
background-image: none;
border-top-color: #275E85;
border-top-width: 1px;
border-top-style: solid;
}

#nav li li { height: 28px; }

*html #nav li li { /* IE6 fix */ margin-bottom: -4px; }

#nav li ul li a, #nav li.first ul li a {
width: 150px;
height: 10px;
margin: 0;
padding: 12px 10px 5px 10px;
font-weight: normal;
font-size: 11px;
line-height: 1px;
color: #275E85;
background-image: none;
background-color: #F0F6FC;
line-height: 0px;
border-left-color: #275E85;
border-left-width: 1px;
border-left-style: solid;
border-right-color: #275E85;
border-right-width: 1px;
border-right-style: solid;
border-bottom-color: #275E85;
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
}

#nav li ul a:hover, #nav li.first ul li a:hover {
background-image: none;
background-color: #275E85;
color: #fff;
}

#nav li ul ul {
width: 172px;
margin: -29px 0 0 170px;
 *margin: -33px 0 0 171px; /* IE7 and below fix */
border-top-color: #275E85;
border-top-width: 1px;
border-top-style: solid;
}

#nav li li li a {
width: 150px;
float: none;
}

#nav li li li a:hover { width: 170px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
display: block; /* Needed for ie7 */
}

/* --------- Body --------- */

#body-container {
float: left;
width: 960px;
background: url(images/body-container-bg.gif) repeat-y;
}

#body {
float: left;
display: inline; /* IE6 fix */
width: 716px;
padding: 30px 20px 20px 20px;
background: url(images/body-bg.gif) repeat-x;
}

h1 {
font-size: 22px;
font-weight: bold;
color: #1D608F;
margin: 0 0 18px 0;
padding: 0 0 7px 0;
border-bottom: solid 1px #E1EEFA;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #000;
margin: 15px 0 0 0;
}

h3.seo {
font-size: 12px;
font-style: italic;
font-weight: bold;
text-align: center;
}

p { margin: 8px 0 14px 0; }

a {
color: #FF7E00;
text-decoration: underline;
}

a:hover {
color: #FF7E00;
text-decoration: none;
}

#body ul {
margin-top: 10px;
margin-bottom: 12px;
margin-left: 20px;
padding-left: 0px;
}

#body ul li {
margin-top: 2px;
margin-bottom: 2px;
background-image: url(images/bullet.gif);
padding-left: 15px;
background-repeat: no-repeat;
list-style-type: none;
background-position: 0px 6px;
margin-left: 0px;
}

#body ul ul li { background-image: url(images/sub-bullet.gif); }

.photo-border { border: 1px solid #000; }

.photo-left {
float: left;
margin: 0 15px 5px 0;
}

.photo-right {
float: right;
margin: 0 0 5px 15px;
}

.photo-border-left {
float: left;
margin: 0 15px 5px 0;
border: 1px solid #000;
}

.photo-border-right {
float: right;
margin: 0 0 5px 15px;
border: 1px solid #000;
}

.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.captions {
	font-size: 11px;
	line-height: 14px;
}
.wp-caption {
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	margin: 0;
	padding-top: 4px;
	text-align: center;
	font-weight: normal;
}
.wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}
p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.testimonial {
width: 218px;
height: 135px;
float: right;
margin: 70px 15px 15px 15px;
}

div.ddsg-wrapper h2, div.ddsg-wrapper div, .linklove { /* Hide site map h2 and link */ display: none; }

.clear-floats { clear: both; }


#body a.fancybox img {
border:1px solid #000;	
}

/* --------- Side bar --------- */

#side-bar {
float: left;
display: inline; /* IE6 fix */
width: 204px;
background: url(images/side-bar-bg.gif) repeat-x;
}

#side-bar img { margin-top: 20px; }

/* --------- Footer --------- */

#footer-container {
width: 100%;
clear: both;
height: 70px;
background: url(images/footer-container-bg.gif) repeat-x;
}

#footer {
width: 960px;
height: 68px;
margin: 0 auto;
padding-top: 2px;
background: url(images/footer-bg.gif) no-repeat;
color: #D2E0E9;
}

#footer p {
margin: 10px 0px 0px 20px;
line-height: 10px;
font-size: 10px;
}

#footer a {
color: #D2E0E9;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}

/* CFORM OVERRIDES
----------------------------------------------------------------------------------*/

/*this overrides minimal.css in the cforms setup*/
#cformsform {
margin:0 0 10px 0 !important;
width:415px;
position:relative;
}

div.failure { margin:10px 0 !important; }

#cformsform:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#cformsform .cf-ol { border:none !important; }

#cformsform span.reqtxt, #cformsform span.emailreqtxt {
color:red;
display:block;
font-size:0.7em;
line-height:1.2em;
margin:-16px 0 0 315px;
position:absolute;
text-align:left !important;
vertical-align:top;
display:block;
width:150px;
left:0;
}

#cformsform img.captcha {
position:relative;
top:4px;
}

#cformsform textarea, #cformsform input, #cformsform select {
background-image:none;
-moz-border-radius:3px 3px 3px 3px;
background-color:#F4FFFF;
border:1px solid #9ECDE9;
color:#404040;
font-family:Tahoma, Arial, Sans-serif;
font-size:11px;
padding:2px;
width:200px;
}

#cformsform textarea:hover, #cformsform input:hover, #cformsform select:hover { border: 1px solid #1181C4; }

#cformsform select { width:206px !important; }

#cformsform #cforms_captcha { width:75px; }

#cformsform label { color:#000 !important; }

#cformsform #sendbutton {
width:115px;
position:relative;
right:105px;
margin-top:10px;
margin-bottom:10px;
}

.mapp-poweredby { display:none !important; }