@font-face{
font-family: Neutra;
src: url('../fonts/Neutra Text TF Alt Bold.ttf');
}
@font-face{
font-family: Chopin;
src: url('../fonts/ChopinScript.ttf');
}
@font-face{
font-family: Proxima;
src: url('../fonts/proximanova-webfont.ttf');
}
/*
@font-face{
font-family: NeutraEI;
src: url('../fonts/Neutra Text TF Alt Bold.eot');
}
@font-face{
font-family: ChopinEI;
src: url('../fonts/ChopinScript.eot');
}
@font-face{
font-family: ProximaEI;
src: url('../fonts/proximanova-webfont.eot');
}*/

.chopin { 
	font-family: Chopin, ChopinEI, georgia, times, serif;
}
.neutra {
	font-family: Neutra, NeutraEI, georgia, times, serif;
}
.proxima { 
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

/* DEFAULT FONT SIZES
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

<font style="font-weight:bold; font-size:2em;">
<h1> is 2em
<h2> is 1.5 em
<h3> is 1.3 em
<h4> is 1 em
<h5> is 0.8 em
<h6> is 0.7 em
*/

a, h1, h2, h3, h4, h5, h6, p { 
	color: #3b3b3c;
	padding: 0px;
	margin: 0px;
}

a {font-weight:bold; text-decoration:underline;}
	
a:hover { color:#e596a5; text-decoration:underline;}

h1{
	font-size: 80px;
	line-height: 1.1;
}

h2 {
	font-size:50px;
}

h3 {
	font-size:28px;
}

h4 {
	font-size:25px;
}


html {
	height:100%;
	margin: 0; padding 0;
	background-image:url('../images/patternborder.png');
	background-attachment:fixed;
	background-position:center;
	font-family: Neutra, NeutraEI, georgia, times, serif; 	
}

body {
	height:100%;
	margin: 0; padding 0;
}

.slide {
	height:100%;
	min-height:750px;
	position: relative;
	margin: 0;
	padding: 0;
}


.content-box{
	position:absolute; 
	top:0; 
	left:50%;
	width:100%;
	height:100%;
}

.content {  
	display:block;
	position: relative;
	text-align:center;
	background-image:url('../images/paper.png');
	width: 960px;
	height:100%;
	padding-top: 10%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -480px;
}

.border {
	position:absolute;
	top: 0px;
	width: 11px;
	height: 100%;
	background-image:url('../images/doublelineborder.png');
	background-repeat:repeat-y; 
}

.left {
	left:25px;
}

.right {
	right:25px;
}

.title {  
	display:block;
	position: relative;
	width: 720px;
	height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.title .swirls {
	position:absolute;
	top: -33px;
	left:147px;
	width: 425px;
	height: 89px;
	background-image:url('../images/swirlylines.png');
	background-repeat:no-repeat;
	background-position:center; 		
}


/* NAVIGATION */

#header {
	position: fixed; 
	top: 0; left: 0; 
	width: 100%; 
	height: 55px;
	margin:0;
	background-color:#3b3b3c;
	z-index: 2;
}

ul#nav {
	display:block;
	padding-top:6px;
	text-align:center;
	cursor: pointer;
}
ul#nav li {  
    display:inline; 
	margin:10px;
	padding:5px;
    text-decoration:none;  
    color:#fff;  
    font-size:15px;
} 


#hearts {
	position:absolute; 
	background-image:url('../images/dottyhearts.png');
	background-repeat:repeat-x;
	height:7px;
	width:100%;
	top:5px;
}

ul#nav li.c1:hover {
	text-decoration:none;
	color:#e596a5;
}

ul#nav li.c2:hover {
	text-decoration:none;
	color:#b6e0ff;
}

ul#nav li.c3:hover {
	text-decoration:none;
	color:#b9ccac	
}

ul#nav li.c4:hover {
	text-decoration:none;
	color:#ffcfe8;
}

ul#nav li.c5:hover {
	text-decoration:none;
	color:#f9f1b9;	
}

/* BOTTOM NAVIGATION */

#bottom-nav {
	z-index:2;
	position:fixed;
	bottom:0px;
	width:100%;
	height:55px;
	margin:0;
}   
#bottom-nav img{
	display:block;
	margin:0 auto;
	margin-top:10px;
	opacity: .4;
	filter:alpha(opacity=40);
}
#next{
	z-index:2;
	position:fixed;
	bottom:0px;
	width:100%;
	height:55px;
	margin:0;
	background-color: #3b3b3c;
	cursor: pointer;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	-ms-transition:     opacity 0.5s;
}
#next:hover {
	opacity: 0.6;
	filter:alpha(opacity=60);
}
#next img{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	left:0;
	right:0;
	opacity: 1;
	filter:alpha(opacity=100);
}
	
	
/* SLIDES */


/* HOME SLIDE */

.home .content {  
	padding-top: 10%;
}

.and {
	display: inline-block;
    *display: inline; /* for older IE */
    *zoom: 1; /* for older IE */
	width: 65px;
	height: 61px;
}

.home .content .photo {
	display:block;
	margin: auto;
	position: relative;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 235px;
	height: 235px;
	border: black 1px solid;
	background-image:url('../images/am3.png');
	background-repeat:no-repeat;
	background-position:center; 
}

.home .content .date {  
	display:block;
	margin: auto;
	position: relative;
	text-align:center;
	margin-top: 70px;
	width: 720px;
	height: 25px; 
}

.date .swirls {
	position:absolute;
	top: -50px;
	left:0px;
	width: 745px;
	height: 145px;
	background-image:url('../images/swirlhome.png');
	background-repeat:no-repeat;
	background-position:center; 		
}

.home .content .click {
	display:block;
	margin: auto;
	position: relative;
	text-align:center;
	margin-top: 85px;
}
.click .arrow {
	display: inline-block;
    *display: inline; /* for older IE */
    *zoom: 1; /* for older IE */
	width: 18px;
	height: 22px;		
}




/* WEDDING SLIDE */

.wedding {
	min-height:760px;
}

.wedding h1{
	font-size: 35px;
	margin-top: 55px;
}

.wedding h2{
	font-size: 18px;
	font-weight: normal;
	margin-top: 30px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

.wedding p{
	position: relative;
	top:350px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	margin-bottom:15px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

.wedding-images {
	display:block;
	position: relative;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 750px;
}
.wedding-image {
	display:block;
	position: absolute;
	margin: 0; padding: 0;
	left: 0;
	width: 237px;
	height: 316px;
	border: black 1px solid;
	background-image:url('../images/stcuthberts.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.wedding-map {
	display:block;
	position: absolute;
	margin: 0; padding: 0;
	right: 0;
	width: 497px;
	height: 316px;
	border: black 1px solid;
	background-image:url('../images/map1.png');
	background-repeat:no-repeat;
	background-position:center; 
}

#taxi1, #taxi2 {
	width:275px;
	height:325px;
	text-align:center;
	font-size:18px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
	color:white;
	background-color:#3b3b3c;
	margin:20px;
}
	

/* RECEPTION SLIDE */

.reception {
	min-height:850px;
}

.reception h2{
	font-size: 18px;
	font-weight: normal;
	margin-top: -15px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

.reception .swirly {
	display:block;
	position:relative;
	margin:0; padding:0;
	top:-38px;
	left:342px;
	width: 324px;
	height: 80px;
	background-image:url('../images/vineyardswirl.png');
	background-repeat:no-repeat;
	background-position:center; 		
}

.reception h2 .and {
	display: inline-block;
    *display: inline; /* for older IE */
    *zoom: 1; /* for older IE */
	width: 13px;
	height: 13px;
}

.reception p {
	position: relative;
	top:350px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	margin-bottom:15px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

.reception-images {
	display:block;
	position: relative;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 750px;
}
.reception-image {
	display:block;
	position: absolute;
	margin: 0; padding: 0;
	left: 0;
	width: 237px;
	height: 316px;
	border: black 1px solid;
	background-image:url('../images/heartvineyard.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.reception-logo {
	display:block;
	position: absolute;
	margin: 0; padding: 0;
	left: 159px;
	width: 164px;
	height: 152px;
	border-top: black 1px solid;
	background-image:url('../images/heartvineyardlogo.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.reception-map {
	display:block;
	position: absolute;
	margin: 0; padding: 0;
	right: 0;
	width: 497px;
	height: 316px;
	border: black 1px solid;
	background-image:url('../images/map2.png');
	background-repeat:no-repeat;
	background-position:center; 
}


/* ACCOMODATION SLIDE */

.accomodation {
	min-height:780px;
}

.accomodation h2{
	font-size: 15px;
	font-weight: normal;
	margin-top: 50px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

.accomodation p{
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	margin-bottom:5px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

.accomodation ul {
	display:block;
	padding-top:6px;
	cursor: pointer;
	margin-left: 250px;
}
.accomodation ul li {   
	margin:10px;
	padding:15px;
    text-decoration:none;  
    color:#fff;  
    font-size:15px;
} 

.accomodation ul li .accomodation-option {
	display:block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
}
.Poppleton {
	position: absolute;
	margin: 0; padding: 0;
	left: 275px;
	width: 86px;
	height: 86px;
	border: black 1px solid;
	background-image:url('../images/Poppleton.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.TheWillows {
	position: absolute;
	margin: 0; padding: 0;
	left: 275px;
	width: 86px;
	height: 86px;
	border: black 1px solid;
	background-image:url('../images/TheWillows.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.OldGranary {
	position: absolute;
	margin: 0; padding: 0;
	left: 275px;
	width: 86px;
	height: 86px;
	border: black 1px solid;
	background-image:url('../images/OldGranary.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.Mayfield {
	position: absolute;
	margin: 0; padding: 0;
	left: 275px;
	width: 86px;
	height: 86px;
	border: black 1px solid;
	background-image:url('../images/Mayfield.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.Camping {
	position: absolute;
	margin: 0; padding: 0;
	left: 275px;
	width: 86px;
	height: 86px;
	border: black 1px solid;
	background-image:url('../images/Camping.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.accomodation-details {
	position: relative;
	margin: 0; padding: 0;
	left: 100px;
}

p.name {
	font-size:20px;
	font-weight: bold;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

p.address {
	font-size:15px;
	font-family: Proxima, ProximaEI, georgia, times, serif;	
}

p.price {
	font-size:15px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}

p.website {
	font-size:15px;
	font-weight:normal;
	/*font-family: Chopin, ChopinEI, georgia, times, serif;*/
	font-family: Proxima, ProximaEI, georgia, times, serif;
	text-decoration:none;
	text-align:left;
	padding-left:1px;
}

a.c1:hover {
	color:#e596a5;
}
a.c2:hover {
	color:#b6e0ff;
}
a.c3:hover {
	color:#b9ccac	
}
a.c4:hover {
	color:#ffcfe8;
}
a.c5:hover {
	color:#f9f1b9;	
}


/* GIFTS SLIDE */

.gifts .content .photo {
	display:block;
	margin: auto;
	position: relative;
	margin-top: 70px;
	margin-bottom: 0px;
	width: 307px;
	height: 217px;
	border: black 1px solid;
	background-image:url('../images/TheGifts.png');
	background-repeat:no-repeat;
	background-position:center; 
}

.gifts p {
	font-size:15px;
	padding-top:35px;
	font-family: Proxima, ProximaEI, georgia, times, serif;
}


/* SEE YOU SLIDE */

.seeyou {
	min-height:800px;
}

.seeyou .content {  
	padding-top: 55px;
}

.seeyou-title {  
	display:block;
	position: relative;
	width: 880px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:1;
}

.seeyou-title h3 {
	color: white;
	padding-top:20px;
}

.seeyou .content .swirls {  
	position:absolute;
	top: -7px;
	left:0px;
	width: 880px;
	height: 258px;
	background-image:url('../images/swirl.png');
	background-repeat:no-repeat;
	background-position:center;
	z-index:-1;
}

.seeyou .content .photo {
	display:block;
	margin: auto;
	position: relative;
	margin-top: 100px;
	margin-bottom: 0px;
	width: 235px;
	height: 235px;
	border: black 1px solid;
	background-image:url('../images/am3.png');
	background-repeat:no-repeat;
	background-position:center; 
}

.seeyou h4 {
	font-size:20px;
}

/*
.seeyou #bottom {
	position:absolute;
	left:-200%;
	bottom:55px;
	width:1000%;
	height:55px;
	background-color:#3b3b3c;
	z-index:100;
}   
.seeyou #hearts {
	position:absolute; 
	background-image:url('../images/dottyhearts.png');
	background-repeat:repeat-x;
	height:7px;
	width:100%;
	bottom:5px;
}*/

.seeyou .content .lastswirl {
	display:block;
	margin: auto;
	position: relative;
	margin-top: 50px;
	margin-bottom: 0px;
	width: 170px;
	height: 66px;
	background-image:url('../images/swirllastpage.png');
	background-repeat:no-repeat;
	background-position:center; 
}