/*-----CSS RESET-----*/
h1, h2, h3, h4, h5, h6, p, ul{
	padding:0;
	margin:0;
	font-weight:normal;

	
}



/*----- BODY -----*/

body{
	margin:20px;
	background-color: #c5aaa8;
	background-image: url(Images/gradient.gif);
	background-repeat: repeat-x;
	font-family: 'Abel', sans-serif;
	padding:8px;
}

/*----- Container Div -----*/

div#container {
	max-width: 1000px;
	min-width: 320px;
	margin: 0 auto;
	background-color: #574443;
	border: #333;
	box-shadow: 2px 2px 8px #000;
}


/*----- HEADER -----*/

header{
	
	text-align: center;
	
	
	
}
	
	
header h1{
	font-family: 'Lobster Two', cursive;
	font-size: 6em;
	color:  #574443;
	background-color: #CC9D9D;/*---mauve back ground color---*/
	padding-bottom: .5%;
	border-top: 4px solid white;
	border-right: 4px solid white;
	border-left: 4px solid white;
	background-image: url(Images/map.png);
	text-shadow: 1px 1px 4px rgba(0,0,0, 0.4) 
	
}



header h2{
	font-family: 'Abel', sans-serif;
	color:  #574443;
	padding-top:.5%;
	padding-bottom:.5%;
	background-color: #CC9D9D;
	border-bottom: 4px solid white;
	border-right: 4px solid white;
	border-left: 4px solid white;
	background-image: url(Images/map.png);
	text-shadow: 1px 1px 4px rgba(0,0,0, 0.3) 




}

/*-----NAVIGATION for the phone-----*/


@media only screen and (max-width: 600px){
	
nav{
	background-color:#CC9D9D;
	
	border: 4px solid white;
	
	}
	
nav ul{
	padding: .5em 0;
	list-style-type: none;
}
ul.menu li.active a{
	background-color:#ccc;
	color: #CC5D5B;
	border: 3px solid grey;
	
}	
nav ul li a{
	text-decoration: none;
	text-align: center;
	display: block;
	padding: .6em;
	color: white;
	border: 2px solid grey;
	border-radius: 8px;
	margin: 0 2%;
	margin-bottom: .3em;
	background: linear-gradient(to bottom, #fff 20%, grey 100%);
}

	
}/*--end of phone--*/


/*--Navigation for Desktop--*/

@media only screen and (min-width: 601px){

nav{
	background-color:#CC9D9D;
	border-bottom: 4px solid white;
	border-right: 4px solid white;
	border-left: 4px solid white;
	background: linear-gradient(to bottom, #fff 0%, grey 100%);
	

	
}
ul.menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul.menu a{
	color: #FFFFFF;
	float: left;
	padding: .3em 1em;
	text-decoration:none;
	font-size: 21px;
	}

ul.menu a:hover{
	color:#FFC0BF;/*---light pink hex---*/

}

ul.menu li.active a{
	background-color: #ccc;
	color: #CC5D5B;
	
	}

}








/*-----CONTENT-----*/

div#content{
	padding: 1em 2% .5em 3%;
	background-color: #574443;
	color:white;
	
	
}

div#content h1{
	font-size: 4em;
	font-family: 'Lobster Two', cursive;
	border-bottom: #FFFFFF double 2px;
	
	
}

div#content h2{
		font-size: 2em;
		margin-bottom: .5em;
}
h1, h2, p{
	color: white;
}


div#content p {
	line-height: 150%;
	padding-bottom: 1em;
	background-color: #574443;
	clear: left;
	
}


div#content address{
	

}
div#content a{
	color:white;
}

div#content a:hover{
	color:#FFC0BF;
}



/*-----PHOTOS-----*/

figure.selfie{
	float: right;
	text-align: center;
	border: 3px solid rgb(204, 201, 195);
	padding: .3em;
	width:30%;
	margin-top: 3.5%;
	margin-right:0;
	background-color: white;
	
}

figure.selfie img{
	width:100%;
}


figure.selfie figcaption{
	font-size:1em;
	color:#7F3A39;
}

figure.traveljournal{
	float: right;
	text-align: center;
	border: 3px solid rgb(204, 201, 195);
	padding: .3em;
	width:30%;
	margin-top: 3.5%;
	margin-right:0;
	background-color: white;
	
}

figure.traveljournal img{
	width:100%;
}


figure.traveljournal figcaption{
	font-size:1em;
	color:#7F3A39;
}

/*-----PHOTO ALBUM-----*/
figure.photoalbum{
	
	float: left;
	width:250px;
	height: 250px;
	text-align: center;
	border: 3px solid rgb(204, 201, 195);
	padding: 4px;
	margin: 2%;
	background-color: #FFFFFF;
	
	
}

figure.photoalbum span{
	display: block;
	font-size: 2em;
	padding-bottom: 0;
	
}
figure.photoalbum img{
	width:100%;


}


figure.photoalbum figcaption{
	font-size:1em;
	color:#7F3A39;

	
	
}



/*-----CONTENT LISTS-----*/

ul.train, ul.suitcase  {
	margin: 0;
	padding:0;
}
	
ul.suitcase li {
	list-style-type: none;
	padding-left: 20px;
	background-image:url(Images/suitcase.png);
	background-repeat:no-repeat;
	background-position:center left;

	}
ul.train li {
	list-style-type: none;
	padding-left: 20px;
	background-image:url(Images/train.png);
	background-repeat:no-repeat;
	background-position:center left;

}

dl dt{
	font-size: 2em;
	font-weight:bold;
	font-style:italic;
	margin-top: 2%;

}

dl dd{
	margin-left: 2%;


}


/*-----FORM-----*/

form.inspireothers fieldset{
	margin-bottom: 1em;
	border-radius: 10px;
	font-size: 1em;
	color:#CC9D9D;
}

form.inspireothers legend{
	font-size: 1.5em;
	background-color: #cc9d9d;
	border-radius: 10px;
	color: #574343

	

	
}

form.inspireothers label{
	display:block;
	
	
}

form.inspireothers span{
	display:block;
	padding-top:.6em;
	
}

form.inspireothers input.inspiresubmit{
	color:#574343;
	font-size: 1em;
	width: 15em;
	padding: .5em;
	margin-left: 1%;
	background: linear-gradient(to bottom, #fff 0%, #cc9d9d 100%);
	border: 1px solid #cc9d9d;
	border-radius: 5px;
	
	
}

form.inspireothers input{
	background-color: #fefefe;
	
}

form.inspireothers .travelinput{
	width: 20em;
	border-radius: 10px;
	border: 1px solid #ffffff;
	padding: 2px;
	color: #cc9d9d;
}



/*----Table----*/

table.dates{
	border-collapse: collapse;
	font-size: 1em;
	border: solid 3px #cc9d9d;
	width: 98%;
	margin-left: 1%;
	margin-bottom: 1em;
	
}


table.dates th{
	text-align: left;
	color: #cc9d9d;
	background-color: #ffffff;
	font-size: 1.5em;
	padding: 5px;
}

table.dates tr:nth-child(even){
	background-color: #463332;
	width: 96%;

}

table.dates tr:hover{
	background-color: #352221;
	color: #cc9d9d;
}

table.dates td{
	padding: 5px;

}



/*----Video----*/

iframe.cannesvideo {
	width: 98%;
	margin-left: 1%;
	height: 320px;
	margin-bottom: 1em;
	
	
}


/*----Audio----*/

audio{
	margin-left: 1%;
}

/*-----maps-----*/
iframe.maps{
	border: 1px solid white;
	height: 300;
	width: 50%;
	margin-left: 10%;
	padding-bottom: 2em;
}


/*-----FOOTER-----*/

footer{
	clear: both;
	background-color: #7F605F; 
}

footer p{
	text-align: center;
	font-size: 1em;
	padding: .3em;
	color: white;
}

/*-----MISC ITEMS-----*/

div.KeepMenuOpen{
	clear: both;
}