body {margin: 0;
	  padding: 0;
	  background-color: #FFFFFF;
	  color: #000000;
	  font-family: Arial, Helvetica, sans-serif;
}

html, body, #contents {
	  min-height: 100%;
	  width: 950px;
	  height: 100%;
          margin-right:auto;
          margin-left:auto;}

html>body, html>body #contents {
	  height: auto; }

p   {padding:0px 10px 0px 10px ;}

#salespitch {/* controls sales pitch trust slogan*/
     
       height:35px;
       background:yellow;
       width:638px;
       border:2px dotted red;
       margin-top:20px;
       margin-bottom:-20px;
       margin-left:24px;

}
#salespitch h5 {/* controls sales pitch trust slogan*/
        font-size: 17px;
        font-weight:bold;
        margin-top:8px;
        margin-bottom:8px;
}
#contents {
	   position: absolute;
	   top: 0;
	   left: 0;}

#header {
        margin-right:auto;
        margin-left:auto;
        position:relative;
        width:950px;
        height: 180px;
        background-color:#929175;
        }
#headerimg {
       
       height:180px;
       width:230px;

}
#headercontent {
        float:right;
        margin-left:auto;
        margin-top:-140px;
        
        width:700px;
        height:100px;
       }

#headerbar{
        height: 32px;
        width:950px;
        background-color:#3F3E35;
        position:absolute;
        margin-left:0px;
        margin-top:-182px;
}

#headerbar a{

       color:#ccc;
       font-weight:bold;
       font-size:25px;
       padding-left:25px;}

#headerbar font{
       color:#fff;
       font-size:22px;
       padding-left:150px;}

#headerbar img{
       margin-top:2px;
       position:absolute;
       margin-left:620px;
       height:1.73em;
}

#headertrust{margin-top:10px;
      width:250px;
      float:right;
     
}
#headertrust img{
      position:absolute;
      margin-top:-2px;
      margin-left:-25px;
      height:40px;   
      width:40px;
      float:right;
     
}
#headertrust a:link, #headertrust a:visited {
	  text-decoration: none;
	  color: yellow;
      background-color: transparent;
}

#headertrust a:hover {
	   color: #ffffff;
       background-position: 0 -69px;
	   text-transform: uppercase;
}

#headertrust a:active {
	   background-position: 0 -138px;
	   color: #006E01;
}

#headertrust p{
        margin-bottom:0px;
        margin-top:0px;
        color:#000;
        font-size:12px;
}
#headertrust font {
        color:orange;
        font-size:12px;
        letter-spacing:3px;
}

#headertrust b {
        color:white;
        font-size:12px;
        
}
#slogan{ 
         text-align:center;
        font-size:14px;
        margin-left:-5px;
        margin-top:4px;
        float:left;
        width:350px;
        color:white;
}

#slogan h1{ 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-bottom:0px;
        margin-top:0px;
        font-weight:bold;
}
 
#slogan img{font-type:verdana;
        position:absolute;
        margin-left:-50px;
        margin-top:15px;
        height:28px; 
        width:90px;
}
#search{
        margin-left:230px;
        margin-top:-138px;}

#search a {
	    color: #fff;
	    text-align: right;
        padding:0px 6px 0px 6px;}
	  
#search a:link, #search a:visited {
	    padding: 5px, 10px 5px 10px;
	    color: #E8D937;
	    background-color: transparent;
	    font-size: 22px;}

#search a:hover {
        text-decoration: none;
        background: #F2A42A;} 

/*left hand nav background color*/ 
#navbackground {
       background:#0061AA;
       margin-left:0px;
       width:950px;
       position:relative;}

#contentbackground {
       border-left:1px solid #000;
       margin-left:229px;
       padding-left:0px;
       background:#FFF;}

#nav { position:absolute;
	   top:11px;
	   left:10px;
	   font-family: Arial, Helvetica, sans-serif;
	   font-weight: bold;
	   color: #FFFFFF;
       width:210px;}

#nav img{margin-left:0px;}




.optin{
        padding:0px 0px 0px 5px;
        position: relative;
        width:215px;
        margin-left:-10px;}

.optin h2 {
	    font: 25px Georgia, "Times New Roman", Times, serif; 
        margin-left:-5px;
        color:#000;}

#nav ul {
	    list-style-type: none;
	    margin-left:0.05em;
	    padding-left: 0;}

#nav li {
	    font-size: 14px;
	    border-bottom: 1px dotted #B2BCC6;
	    margin-left: 0;
        margin-bottom: 0.3em;
        background: url('http://www.sunflowerlodge.co.nz/images/site_images/sunflower_ico.jpg') top left no-repeat;}

#nav li a {
        margin-left: 25px;
        padding:0px 0px 0px 0px;}

#nav a:link, #nav a:visited {
	    text-decoration: none;
	    color: #000;
        background-color: transparent;}

#nav a:hover {
	    color: #ffffff;
        background-position: 0 -69px;
	    background-color:#0061AA;
	    text-transform: uppercase;}

#nav a:active {
	    background-position: 0 -138px;
	    color: #006E01;}

#nav h3 {position:relative;
	    font: 120% Georgia, "Times New Roman", Times, serif;
            margin-top:0px;
	    margin-left: 0px;
            color: #cccccc;
	    background-color:#3F3E35;
	   padding-bottom:3px;
            font-weight:bold;  }


#adpostmainbox{
       position:relative;
       margin-left:auto;
       margin-right:auto;
       height:400px;}

#adpostmainbox ul{
       display:inline;
       list-style:none;
       width:100%;
       margin-top:10px;
       margin-left:10px;} 

#adpostmainbox li{
       padding-bottom:10px;
       padding-left:35px;
       padding-top:32px;
       float:left;}

.adpost{ 
       width:300px;
       padding:10px 0px 0px 10px;}

.adpost h3{ padding-top:5px;
       text-align:center;
       margin-top:-10px;
       margin-right:4px;
       margin-left:-10px;
       background:#3F3E35; 
       height:25px;
       border-bottom:1px solid #59B4D6;
       color:#CCC;}

.adpost h1{width:306px;
       font-weight:bold;
       margin-left:-10px;
       margin-top:10px;
       font: "Verdana", Times New Roman, Times, serif; 
       font-size:27px;
       color:#3F3E35;}

.adpost p{
       border:1px solid #fff;
       margin-bottom:5px;
       width:288px;
       padding-top:-10px;
       padding-right:0px;
       margin-left:-10px;
       background:#0061AA; 
       height:100px;
       font: Verdana, "Times New Roman", Times, serif;
       font-size:16px;
       color:#fff;
       border-top:1px solid #59B4D6;}

.adpost b{
       padding-top:8px;
       padding-left:8px;
       margin-left:-5px;
       font: Verdana, "Times New Roman", Times, serif;
       font-size:12px;
       text-align:center;
}
.adpost img{ 
       border:1px solid #fff;

       text-align:center;
       margin-top:-19px;
       width:305px;
       margin-left:-10px;
       background:#C2E6F3; height:120px;
       border-bottom:1px solid #59B4D6;}

#content {
	border:1px solid white;
        margin-left: 1em;
	margin-bottom: 1em;
	border-right:1px solid #FC0;
	padding-left:0px;
        padding-right:10px;
        background:#FFF;}

.catchphrase{
	font-family: Verdana, sans-serif, Arial;
        font-weight: Bold;
        font:24px;
        background:#C2E6F3;
        margin-top: 19px;
        margin-left: 0px;
	    margin-bottom: 1em;
	    border:1px solid #0BB4F2;
	    padding-left:0px;
        padding-right:0px;
        width:355px;
	    text-align:center;
	border: 1px solid red;
}


#content p {
	font-size: 14px;
	line-height: 1.6em; 
	padding-left: 1.2em;}

#content dt {
        font-weight:bold;
        font-size:14px;} 
	
#content dd {
    font-size:16px;} 

#cctest_Right{float:right;
	margin-right: 10em;
	margin-top: -20.75em;}

#cctest_left {
        margin-left: 3em;
	margin-top: 3em;}

#ccform {
        float:center;
	margin-top: 5em;
        margin-left: 15em;
        margin-right: auto;}

#surflist{
       position:relative;
       float:right;
      /*border:2px solid blue;*/
       margin-top:-10px;}

#surflist ul{
      list-style:none;

      padding-right:8px;
      padding-left:8px;
      padding-top:0px;}

#surflist li,img{
      list-style:none;
      padding-left:0px;}

#imagetext {
	margin-left: 20em;
	margin-right: 2em;
	margin-bottom: 3em;}

#imageposition{
	position: relative;
	border-top: 1px dotted #AAAAAA;
	background-color: #CCCCCC;
	color: #626262;
	font-size: 90%;}

#imagetext p {
	margin: 0.5em 0 1em 2em;
	padding: 0;
	text-align: left;}

#imagetext a:link, #footer a:visited {

	padding: 0.5em 1em 0.5em 1.25em;
	color: #BF0C36;
	background-color: transparent;
	font-size: 80%;}

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

h1 {
	font: 150% Georgia, "Times New Roman", Times, serif;}


/* box model hack - see http://tantek.com/CSS/Examples/boxmodelhack.html 
Controls the Calendar  iframe Position color etc*/   */
#mainbox {
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;}

html > body #mainbox {
        width: 98%;
        margin-left:10px;
        border:1px solid #ffffff;
        padding:15px 10px 10px 0px ;}

#iframe2 {
	 margin-top: -15px; 
         width:98%;
	 background-color: #fff;
	 border: 0px;}

 #adpost2{ 
       float:left;
       margin-top:0px;
       margin-left:30px;      
       width:340px;
       padding:10px 0px 0px 10px;
       border:1px solid #F2A42A;
       height:320px;}

#adpost2 h3{ 
       margin-top:-10px;
       margin-right:0px;
       margin-left:-10px;
       background:#F2A42A;}

#clear {
	clear:both;
	margin-bottom:7.40em;}

#footer {
	position:relative;
	width: 100%;
	border-top: 1px dotted #AAAAAA;
	background-color: #3F3E35;
	color: #626262;
	font-size: 11px;}

#footer p {
	margin: 0.5em 0 1em 2em;
	padding-bottom:5px;
	text-align: center;}

#footer a:link, #footer a:visited {
	padding: 0.5em 1em 0.5em 1.25em;
	color: #E8D937;
	background-color: transparent;
	font-size: 11px;}

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

.style1 {color: #FF0000}

#box {  /* this controls the round corner form box*/
        margin-left:0px;
        margin-top:30px;
        width:auto;
        height:auto;	}
 
#box h1{  /* this controls the round corner form box*/
        font-size:30px;
	margin-top:5px;
        padding:0px 0px 0px 0px;	
        text-align:center;}

#box p{  /* this controls the round corner form box*/
       font-size:110%;
       margin-top:5px;
       padding:0px 0px 20px 0px;
}

.roundborder {  /*Round corners make sure you save a copy before playing with this*/
	height: 1px;
	overflow: hidden;
	background-color: #B0C4DE;
	border-right: 1px solid #33527B;
	border-left: 1px solid #33527B;
}
.c1 {
	margin: 0 12px 0 12px;
	border: none;
	background-color: #33527B;}
.c2 {
	margin: 0 9px;
	border-width: 0 3px;}
.c3 {
	margin: 0 7px;
	border-width: 0 2px;}
.c4 {
	margin: 0 6px;}
.c5 {
	margin: 0 5px; }
.c6 {
	margin: 0 4px;}
.c7 {
	margin: 0 3px;}
.c8 {
	margin: 0 2px;
	height: 2px;}
.c9 {
	margin: 0 1px;
	height: 3px;}

.content {
	height: 100%;  /*% hack to make this work in IE*/
	padding: 0 15px;}

/*Tabbed Menu */
#topBar {position:absolute;
      margin-left:230px;
      margin-top:-26px;
      width:720px;
      font-size:14px;
      line-height:normal;
font-family: "Verdana", sans-serif, Arial;
}

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

    #topBar li {
      display:inline;
      margin:0;
      padding:0;}

    #topBar a {
      float:left;
      background:url("http://www.sunflowerlodge.co.nz/images/tabs/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;}

    #topBar a span {
      float:left;
      display:block;
      background:url("http://www.sunflowerlodge.co.nz/images/tabs/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topBar a span {float:none;}
    /* End IE5-Mac hack */
    #topBar a:hover span {
      color:#FFF;}

    #topBar a:hover {
      background-position:0% -42px;}

    #topBar a:hover span {
      background-position:100% -42px;}


	  /*Site Map style*/
	  #sitemap{
      margin-left:-20px;
      margin-right:10px;}

      #sitemap ol{
      list-style:none;}

      #sitemap li{
      display: inline;
      line-height:1.1em;}

	#sitemap a{
      font-size:14px;}  
	  
	  /*Accommodation ALBUM LAYOUT*/



.albumlist img {
	 display: block;
	 border: 1px solid #333300;
}


#maptip {
     margin-top:30px;
     border: 1px solid #F2A42A ;
     width:340px;
     height:200px;
     padding:0px 0px 0px 15px;
}
#maptip h3{
     margin-top:0px;
     margin-left:30px;
     font-size:18px;
     padding:20px 0px 0px 0px;
}
#maptip img{
     margin-top:-25px;
     position:absolute;
}

#maptip h4{
     margin-top:0px;
     margin-left:8px;
     margin-right:8px;
     padding-bottom:-8px;
     font-size:18px;

}

.promo{
     float: right;
     margin-right:5px;
     margin-top:19px;
     width:306px;
}

.promo{
      width:300px;
      padding:10px 0px 0px 10px;}

.promo h3{ padding-top:5px;
       text-align:center;
       margin-top:-10px;
       margin-right:4px;
       margin-left:-10px;
       background:#3F3E35; 
       height:30px;
       border-bottom:1px solid #59B4D6;
       color:#ccc;}

.promo h1{
       margin-top:25px;
       font: Verdana, "Times New Roman", Times, serif; 
       font-size:30px;
       color:#3F3E35;}

.promo p{
       border:1px solid #fff;
       text-align:center;
       margin-bottom:0px;
       width:288px;
       padding-top:-10px;
       padding-right:0px;
       margin-left:-10px;
       background:#0061AA; 
       height:77px;
       font: Verdana, "Times New Roman", Times, serif;
       font-size:16px;
       color:#fff;
       border-top:1px solid #59B4D6;}

.promo img{ 
       border:1px solid #fff;

       text-align:center;
       margin-top:-19px;
       width:305px;
       margin-left:-10px;
       background:#C2E6F3; height:120px;
       border-bottom:1px solid #59B4D6;}

.imageboss{
       margin-left:10px;
       float:left;
       padding-right:10px;
       height:150px;
}
.imagepboss{margin-left:240px;
        width:410px; padding-bottom:100px;
        height:150px;}

.imagem{ margin-left:390px;
         border:1px solid #59B4D6;
         width:270px;
         height:250px;
		  }
.imagem b{font-size:13px;}

.image{
       margin-left:10px;
       float:left;
       padding-right:10px;
       height:150px;
}
.imagep{margin-left:240px;
        width:410px;
        height:150px;}

.imagem{ margin-left:390px;
         border:1px solid #59B4D6;
         width:270px;
         height:250px;
		  }
.imagem b{font-size:13px;}

.albumlist2 {
       margin-top:50px;
	   list-style-type: none;
       height:200px;
       width:700px; 
}
.albumlist2 ul {
	   list-style-type: none;
       width:100%;
}
.albumlist2 li {list-style-type: none;
	   float: left;
	   margin-right: 10px;
	   margin-bottom: 15px;
	   font: bold 0.8em Arial, Helvetica, sans-serif;
	   color: #333333;
       text-align:center;
}
.albumlist2 img {
	   display: block;
	   border: 1px solid #333300; 
}

/*.youtube{margin-bottom:10px;width:344px; float:right; border: 5px solid blue; }
.date-selector	{  position :absolute; width:318px; height:350px;padding-left:10px; border: 5px solid orange; }*/

 /*#host{ position:relative;  width: 229px; height:auto; Background-color:#000000; margin-left:-10px; margin-top:-32px;
}

#host h4{text-align:center; height:60px;
padding-top: 3px; padding-bottom: 3px;
}*/