/* 
toursnz.com
nataliejleigh.com

colors
#103574 - original purple
#8c8cff - lighter purple
#ababff - lightest purple
#2121a6 - dark purple
#222222 - dark grey
#f8af4f - yellow

*/


/* reset */
* {
	margin: 0;
	padding: 0;
}


/* main styles */
body {
	background: #ffffff url(http://www.toursnz.com/images/bg_fern_white.png) no-repeat bottom right;
	font-family: arial, sans serif;
	font-size: 14px;
	color:#000000;
}

table{
	font-size: 14px;
	font-family: arial, sans serif;
	line-height: 1.3em;
	padding: 5px 0px;
}

p{
	padding: 5px 0px;
	font-size: 14px;
	font-family: arial, sans serif;
	line-height: 1.3em;
	color: #000000 !important;
}

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

a:hover{ 
	text-decoration: underline;
	color: #8c8cff;
}

form, input, textarea{
	font-size: 14px;
	font-family: Arial, sans serif;
}

ul{
	list-style-type:disc;
	margin: 10px;
	padding-left: 10px;
}

ul li{
	padding: 3px;
	
}


/* header styles */
h1{
	font-size: 30px;
	font-weight:bold;
	color: #103574;
	margin: 0px 0px 7px 0px;
}

h2{
	font-size: 24px;
	color: #429000;
	margin: 7px 0px 10px 0px;
	font-weight:normal;
	line-height:1.3em;
}

h3{
	font-size: 18px;
	color: #429000;
	margin: 7px 0px 10px 0px;
	font-weight:normal;
}
  
h4{
	font-size: 16px;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
}

h5{
	font-size: 16px;
	font-style:italic;
	margin: 0px 0px 5px 0px;
}

#header h4{
	color: #103574 !important;
}


/* containers */


#page-wrap {
	/*min-width: 775px;*/
	max-width: 960px;
	margin: 10px auto;
	padding: 0 10px;
	}
	
#page-wrap #inside {
	background-color: #ffffff;
	margin: 5px 5px 0px 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#header {
	background-color: #ffffff;
	text-align:left;
	padding: 10px 10px 10px 0px;
	position: relative;
}

#banner{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header5.jpg) no-repeat center;/* world */
	height:240px;
}

#banner2{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header1.jpg) no-repeat center; /* beach */
	height:240px;
}


#banner3{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header3.jpg) no-repeat center;/* wanaka */
	height:240px;
}


#banner4{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header4.jpg) no-repeat center;/* maori */
	height:240px;
}


#banner5{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header2.jpg) no-repeat center;/* mountain */
	height:240px;
}


#banner6{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header6.jpg) no-repeat center;/* cathedral cove */
	height:240px;
}

#banner7{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header7.jpg) no-repeat center;/* mountain */
	height:240px;
}
#banner8{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header8.jpg) no-repeat center;/* hands up */
	height:240px;
}

#banner9{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header9.jpg) no-repeat center;/* dinner */
	height:240px;
}

#banner10{
	text-align:center;
	margin-bottom:20px;
	background: #ffffff url(http://www.toursnz.com/images/header_images/header10.jpg) no-repeat center;/* lake */
	height:240px;
}



#logo{
	float:left;
	padding: 0px;
	width:220px;
	margin-right: 20px;
}

#sidebar {
	background-color: #ffffff;
	width: 18%;
	float: left;
	text-align:left;
	padding: 10px 0px;
	margin-left:2%;
}

#translate{ position: absolute; right:0; top: 6px;}
#translate a img{ width:26px !important; height: auto;}

#main-content {
	text-align:left;
	float:left;
	width: 80%;
}

#content{
	background-color: #ffffff;
	padding: 10px;
}


/* menu */

.menuitem{
border-bottom: 1px solid #f1f1f1;
margin: 5px 0px;
}

.menuitem a{
   color: #103574;
   text-decoration:underline;
}

.menuitem a:hover{
	color: #000000;
	text-decoration:underline;
}

.dotted_divider{
	height: 3px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 3px;
	padding: 5px;
}

/* footer */

#footer {
	background-color: #ffffff;
	text-align: center;
	margin-top: 30px;
	padding-top: 20px;
	margin-bottom:10px;
	color: white;
	border-top: 1px solid #f1f1f1;
	
}

.footermenu{
	margin: 10px auto;
	color: #103574;
	text-align: center;
	width:100%;
}

.footermenu li{
	text-align: center;
	display: inline;
	float:left;
	margin-left: 5px;
	font-size:12px;
}

@media screen and (max-width: 600px) {
	
	#sidebar, #main-content{ float:none; display:block; width:100%; margin:0;clear:both;}
	#main-content{ padding-top: 20px;}
	#content{ padding:0;}
	#sidebar p{ display:none;}
	#sidebar p.menuitem{ display:block; width: 33%; float: left;}
	#logo{ margin-top:50px; float:none; margin: 50px auto 0;}
	#translate{ width: 100%; text-align: center; right: unset;}
		
	}




