/*
--------------------------------------------------
HolidayCentral.co.nz

Copyright (c) 2010 HolidayCentral.co.nz
Design by Flightless - www.flightless.co.nz
--------------------------------------------------
*/

/* =GLOBAL
----------------------------------------------- */

body {
 margin: 0px 0px 0px 0px;
  font-family: Georgia, Times, serif;
	background-color: #000000;

}


h1 {}



p {

}

a {
  color: #efa897;
  border: none;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {border: none;}

a:hover, a:active, a:focus {
	outline: none;
}

object { outline:none; }


#outerwrapper {
	background-repeat: no-repeat;
	background-position: top center; 
	background-attachment:fixed;
	padding: 0px 0px 0px 0px;
}

#innerwrapper {
position: relative;
}

#pagewrapper {
	width: 926px;
	margin: auto;

}


/* Navigation
----------------------------------------------- */
#navigation {
	background-image: url(../images/logo_header.png);
	background-repeat: no-repeat;
	background-position: top center; 
	margin: 0px 0px 30px 0px;
	height: 165px;
	width: 926px;
}

#navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	font-size: 14px;
}

#navigation ul li {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	display: inline;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: #000000 1px 1px 1px;
}

#navigation ul li a {
	color: #ffffff;
}


#navigation ul li a:hover, #navigation ul li a.on {
	color: #efa897;
	text-decoration: none;
}


#navigation a.home {
	width: 250px;
	height: 100px;
	display: block;
	margin-left: 330px;
	text-indent: -2000px;
	line-height: 0.01px;
	font-size: 0.01px;	
}



#blackbackground {
	background-image: url(../images/black_70.png);
	background-repeat:repeat;
	background-position: top left; 
	padding: 20px 0px 50px 0px;
	margin-top: 60px;
}

#maintext {
	width: 926px;
	margin: auto;
}

#footer {
	width: 926px;
	margin: auto;
	color: white;
	padding: 80px 0px 0px 0px;
	display: none;

}


/* Intro
----------------------------------------------- */

#intro {
	width: 458px;
	margin-bottom: 30px;
}

#intro h1 {
	color: #eae1de;
	font-weight: normal;
	font-size: 40px;
	line-height: 40px;
	margin: 0px 0px 8px 0px;
	padding: 0px 8px 0px 0px;
}



/* Home
----------------------------------------------- */


body.homepage {
	background-image: url(../images/homepage_background_1.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
	background-attachment:fixed;
	padding: 0px 0px 0px 0px;
}


.homelogo {
	width: 388px;
	height: 135px;
	margin-top: 165px;
	margin-left: 267px;
	background-image: url(../images/logo_home.png);
	background-repeat: no-repeat;
	background-position: top center; 
	font-size: 0.01px;
	line-height: 0.01px;
	text-indent: -2000px;
}

.hometext {
	width: 464px;
	height: 138px;
	margin-top: 40px;
	margin-left: 427px;
	background-image: url(../images/homepage_type.png);
	background-repeat: no-repeat;
	background-position: top center; 
	font-size: 0.01px;
	line-height: 0.01px;
	text-indent: -2000px;
}


#homenavigation ul {
	margin: 15px 0px 0px 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	font-size: 15px;
	background-image: url(../images/nav_bkrnd.png);
	background-repeat: no-repeat;
	width: 926px;
	height: 56px;
}

#homenavigation ul li {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	display: inline;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: #000000 2px 2px 2px;
}

#homenavigation ul li a {
	color: #ffffff;
}


#homenavigation ul li a:hover {
	color: #efa897;
	text-decoration: none;
}




/* About
----------------------------------------------- */

.aboutbackground {
 	background-image: url(../images/about_background_1.jpg);
}


#intro .about h2 {
	color: #eae1de;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	margin: 0px 0px 18px 0px;
	padding: 0px 8px 0px 0px;
	text-shadow: #000000 1px 1px 1px;
}

#intro .about p {
	color: #c6b7b3;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 18px 0px;
	padding: 0px 8px 0px 0px;
	text-shadow: #000000 1px 1px 1px;
}



.quotes .leftcol {
	float: left;
	width: 302px;
	margin-right: 10px;
}

.quotes .rightcol {
	float: left;
	width: 302px;
}

.quotes h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #f3b4a4;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}


.quotes p {
	font-size: 14px;
	color: #eae1de;
	line-height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	display: inline;
 	text-shadow: #000000 1px 1px 1px;
}

.quotes p span.left {
	font-size: 50px;
	line-height: 0.01px;
	vertical-align: text-bottom;
	margin-right: 5px;
	color: #efa897;
}

.quotes p span.right {
	font-size: 50px;
	line-height: 0.01px;
	vertical-align:text-bottom;
	margin-left: 8px;
	color: #efa897;
}

.quotes img {
	float: left;
	margin-right: 10px;
}




/* Package
----------------------------------------------- */


.packagebackground {
 	background-image: url(../images/package_background_1.jpg);
}

#intro .package p {
	color: #eae1de;
	font-size: 18px;
	line-height: 28px;
	margin: 0px 0px 18px 0px;
	padding: 0px 8px 0px 0px;
	text-shadow: #000000 1px 1px 1px;
}

.package .leftcol {
	float: left;
	width: 302px;
	margin-right: 10px;
}


.package .rightcol {
	float: left;
	width: 302px;
}

.package h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #f3b4a4;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 0px;
}

.package h3 {
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	color: #f3b4a4;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	
}

.package p {
	font-size: 13px;
	color: #eae1de;
	line-height: 23px;
	margin: 0px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
  text-shadow: #000000 1px 1px 1px;
}

.package img {
	border: none;
		margin: 0px 15px 18px 0px;
}


/* Bios
----------------------------------------------- */


.biosbackground {
 	background-image: url(../images/bios_background_1.jpg);
}

#intro .bios p {
	color: #eae1de;
	font-size: 18px;
	line-height: 28px;
	margin: 0px 0px 18px 0px;
	padding: 0px 8px 0px 0px;
	text-shadow: #000000 1px 1px 1px;
}

.bios .leftcol {
	float: left;
	width: 458px;
	margin-right: 10px;
}

.bios .rightcol {
	float: left;
	width: 458px;
}

.bios h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #efa897;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.bios p {
	font-size: 13px;
	color: #eae1de;
	line-height: 22px;
	margin: 0px 20px 15px 0px;
	padding: 0px 0px 0px 0px;
  text-shadow: #000000 1px 1px 1px;
}

.bios img {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 0px;
}

/* Contact
----------------------------------------------- */


body.contact {
	background-image: url(../images/contact_background_1.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
	background-attachment:fixed;
	padding: 0px 0px 0px 0px;
}


#intro .contact p {
	color: #eae1de;
	font-size: 18px;
	line-height: 28px;
	margin: 0px 0px 18px 0px;
	padding: 0px 8px 0px 0px;
	text-shadow: #000000 1px 1px 1px;
}

.links {


	height: 300px;
}

.links p {
	font-size: 14px;
	color: #eae1de;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	text-shadow: #000000 1px 1px 1px;

}

.links h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #f3b4a4;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}







/* Gallery
----------------------------------------------- */

.gallerybackground {
 	background-image: url(../images/gallery_background_1.jpg);
}

#gallery {
 	background-image: url(../images/polaroid_background.png);
 	background-repeat: no-repeat;
	background-position: top left; 
	padding: 11px 0px 0px 157px;
	margin: 0px 0px 0px 0px;	
}

#gallery .imageholder {
	width: 611px;
	height: 407px;
	margin: 0px 0px 0px 0px;
}

/*
#gallery ul {
	font-size: 14px;
	text-transform: uppercase;
	width: 611px;
	padding:0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	text-align: center;
}

#gallery ul li {
	list-style: none;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	color: #efa897;
}

#gallery ul li a {
	color: #ffffff;
}

#gallery ul li a:hover {
	color: #efa897;
	text-decoration: none;
	
}
*/


#gallery .thumbs {
	width: 611px;
	height: 120px;
	text-align: center;
	margin-top: 30px;
}

#gallery .thumbs ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
}

#gallery .thumbs ul li {
	margin: 0px 3px 6px 3px;
	padding: 0px 0px 0px 0px;
	width: 67px;
	height: 45px;
	display: inline;
	float: left;
	/*border-style:solid;
	border-width:2px;
	border-color: #ffffff;*/

}

#gallery .thumbs ul li a {
	display: block;
	width: 67px;
	height: 45px;

}

#gallery .thumbs ul li a:hover {
	background-color: yellow;

}



/*------------- fixes ----------- */

:focus { -moz-outline-style: none; }

.spacer {
 clear: both;
 font-size: 0.01px;
 line-height: 0.01px;
 height:0.01px;
}