

/* Basic Styles */
body {
	background-color:#fff;
	background:url(images/body_back.png) repeat-x;
	font:Verdana, Geneva, sans-serif;
	font-size:100%;
	overflow:hidden;
}




img{
	
	}

a{
	color:#000;
	text-decoration:none;
	}

a:hover{
	color:;/*#333*/
	text-decoration:;
	}

p {
	text-align:left;
	}

h1{
	font:Verdana, Geneva, sans-serif;
	line-height:10px;
	font-size: 2em;
	letter-spacing: 0px;
	font-weight:300;
	
	}

h2{
	
	margin-bottom: 0;
	margin-top:19px;
	color:#000;
	line-height:15px;
	font:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-decoration:none;
	font-weight:400;
	
}


h3{
	font:Verdana, Geneva, sans-serif;
	line-height:16px;
	font-size: 1.2em;
	letter-spacing: 0px;
	font-weight:200;
	text-decoration:none;
	color:#000;
	
	}

h4{
	font:Verdana, Geneva, sans-serif;
	margin-left:20px;
	line-height:20px;
	font-size: 1.50em;
	letter-spacing: 0px;
	font-weight:300;
	}

h5{
	margin-bottom:50px;
	margin-top:;
	color:#000;
	line-height:;
	font:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-decoration:none;
	font-weight:200;
	}

.red{
	color:#F00;
	}
.datamenu{
	font:Verdana, Geneva, sans-serif;
	line-height:20px;
	font-size: 1.2em;
	letter-spacing: 0px;
	font-weight:200;
	text-decoration:none;
	color:#F90;
}

p4{
	color:#FFF;
	font:Verdana, Geneva, sans-serif;
	}

.center{
	text-align:center;
	}
	
.label { /*moves label content*/
float:left; 
width:350px; 
text-align:right; 
}



.label2 { 
float:left;
width:570px;
text-align:center;
margin-left:180px;
border-top-width:1px;
	border-top-color:#000;
	border-top-style:solid;
}

.label3 { /*moves label content*/
float:left; 

}






#wrapper{
	max-width: 73.5em;
	width: 73.5em;
	margin: auto;
	
	
	}
	
header{
	margin-top:0px;
	
	}	

#logo{
	float:left; width:386px;margin-bottom:10px;margin-top:25px;
	}

#planning{ float:left; width:400px ;padding-top:105px; margin-left:15px;}

#homelogin{
	float:right;
	width:300px;
	
	
}

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

#hlogin li {
	float: right;
	text-decoration:none;	
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	list-style: none;
	color:#000;
	text-align:;
	
	
	
}

#hlogin li a {
	float: right;
	text-decoration:none;	
	
	line-height:20px;
	font-size:17px;
	font-family:Verdana, Geneva, sans-serif;
	list-style: none;
	color:#fff;
	text-align:;
	margin-top:-15px;
	
}

#hlogin a:hover{
	
	color:#ecad36;
	
}

	
/*******Navigation*******/


/* Clearfix */


.clearfix:before,

.clearfix:after {
    content: " ";
    display: table;
	
}
.clearfix:after {
    clear: both;
	
}
.clearfix {
    *zoom: 1;
	
	
}


nav {
	clear:both;
	height: 40px;
	width: 68.25em;
	background: #000;
	font-size: 13pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	border-bottom: 0px solid #283744;
	border-bottom: 0px dashed #3C9;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	
}
nav ul {
	padding: 0;
	margin:0 auto;
	width: 68.25em;
	height: 45px;
	
}
nav li {
	display: inline;
	float: left;
	text-align: center;
	
}
nav a {
	color: #fff;
	display: inline-block;
	width: 168px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
	
	
}
nav li a {
	letter-spacing:2px;
	/*border-right: 1px solid #576979;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #ecad36;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	
}
nav a#pull {
	display: none;
}




/******SLIDE SHOW********/

#slideshowWrapper{position:relative;width:1092px;margin:auto;}
#fssPrev{position:absolute;top:169px;left:-67px;background:url(images/arrows.png) -67px 0px;width:67px;height:143px;text-indent:-999999px;}
#fssNext{position:absolute;top:169px;left:1092px;background:url(images/arrows.png) no-repeat;width:67px;height:143px;text-indent:-999999px;}
#fssPlayPause{position:absolute;top:435px;right:20px;background:url(images/white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;text-decoration:none;}

ul#slideshow{list-style:none;border:1px solid #999;padding:2px;margin:auto;margin-top:0;width:995px;height:466px;overflow:hidden;}

#fssList{list-style:none;width:1092px;margin:auto;padding:5px 0 0 45%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}

#top{background:#3b5998;width:100%;height:40px;margin-bottom:20px;}
#top h1{color:#fff;font-weight:normal;font-size:18px;padding:7px 0 0 15px}
#top h1 span{font-size:11px;}
#top h1 a{text-decoration:underline;color:#fff;}
#top h1 a:hover{text-decoration:none;}

small a{color:#000;}

/**END OF NEW SLIDE SHOW***/

/*****SLIDESHOW Original********/
/**not using
#container { 
clear:both;
float:left;
max-width:73.5em!important;
width:73.5em;/*1210px*
height:650px;/*650px*
padding: 0px 0px 0px;
margin-top:5px;



}

#main {margin-left:0px; margin-top: ;}

.slider { margin: 0px 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}




 Loading
***********************
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 0px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body { width: 100%; opacity: 1; -webkit-transition: opacity 1s ease;}
**/
/******END SLIDE SHOW********/

/*--------------------------------------------


/*border after slide show*/

#border{
	width:100%;
	border-top: 1px dashed #000;
	padding:10px 0;
	}



/**main content*/

#maincontent{
	float:left;
	width:60%;
	text-align:left;
	}

#searchhome{
	float:left;
	
	}



/****dropdown search menus-home page*****/

 .select-style {

    border: 1px solid #ccc;
    width:120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("images/arrow_open.png")
	no-repeat 90% 50%;
}


.select-style select {
    padding: 5px 8px;
    width:70%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
   outline: none;
}





#sidecontent{
	float:right;
	width:35%;
	border-left: 1px solid #000;
	padding-left:20px;
	padding-right:10px;
}

#sidespace{
	width:100%;
	text-align:center;
	}

/***********ABOUT PAGE*************/

#photo_about{
	foat:left;
	width:73.5em;
	}

#text_holder{
	float:left;
	margin-left:100px;
	padding:0 20px;	
	width:58.50em;/*975px*/
	background-color:#FFF;/*#F7F7E9*/
	border-left:#000 solid thin;
	border-right:#000 solid thin;
	}

#maintext_content{
	float:left;
	width:30em;/*500px*/
	}

.border{
	
	margin-bottom:20px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#000;
	}



#side_box{
	float:right;
	width:25em;/*400px*/
	border:2px solid #e3e2e1;
	text-align:center;
	
	
	}

#side_form{
	
	float:left;
	width:25em;/*400px*/
	text-align:center;
	}
	
#side_gallery{
	
	}
	
/***********END ABOUT PAGE*************/

/******OUR SERVICES***********/


#services_photo{
	foat:left;
	width:73.5em;
	}


/******END OUR SERVICES***********/

/********TRIPIDEAS************/

#photo_ideas{
	foat:left;
	width:73.5em;
	}

#maintext_ideas{
	float:left;
	width:73.5em;
	
	margin-left:180px;
	padding:20px 50px; 
	background-color:#F7F7E9;
	}
#tripideas_long{
	float:left;
	width:73.5em;
	height:0;
	margin-left:180px;
	padding:20px 50px; 
	background-color:#F7F7E9;
	}

/*this is for tripideas3*/
#tripideas_longer{
	float:left;
	width:73.5em;
	
	margin-left:180px;
	padding:20px 50px; 
	background-color:#F7F7E9;
	}

/********END TRIPIDEAS************/

/********Plan Your Trip************/

#photo_plan{
	float:left;
	width:73.5em;
	background:url(images/plantrippic.png) no-repeat;
	}

#maintext_plan{
	float:left;
	width:1200px;
	height:500px;
	margin-left:220px;
	padding:20px 50px;
	background-color:#F7F7E9;
	}

/********END Plan Your Trip************/

/******TRIP FORMS***********/

#maintext_forms{
	float:left;
	width:1500px;
	height:1000px;
	background-color:;
	margin-left:50px;
	margin-top:20px;
	}

#table_form{
	float: left;
	width:1500px;
	text-align:center;
	color:#FFF;
	}

/******END TRIP FORMS***********/


/******GALLERY***********/

#text_holder2{/*also using text_holder */
	float:left;
	margin-left:175px;
	padding:0 20px;	
	width:38.50em;/*px*/
	background-color:#F7F7E9;
	}

#photo_gallery{
	width:1200px;
	height:600px;
	background:url(images/sub_pic.png) no-repeat;
	}

#maintext_gallery{
	width:1200px;
	height:600px;
	margin:0 auto;
	padding:20px 50px 20px;
	background-color:#F7F7E9;
	}

/******END GALLERY***********/


/******CONTACTS***********/

#photo_contact{
	width:1200px;
	height:500px;
	background:url(images/sub_pic.png) no-repeat;
	}

#maintext_contact{
	width:1700px;
	height:900px;
	margin-top:20px;
	padding:20px 50px ;
	background-color:#F7F7E9;
	}

#table_contact{
	float: left;
	width:1700px;
	height:800px;
	text-align:center;
	}

/******END CONTACTS***********/


/**********TERMS***********/


#photo_terms{
	width:1200px;
	height:500px;
	background:url(images/sub_pic.png) no-repeat;
	}

#maintext_terms{
	width:900px;
	height:2400px;
	margin:0 auto;
	padding:20px 50px 20px;
	background-color:#F7F7E9;
	}

#table_terms{
	float: left;
	width:900px;
	text-align:left;
	}
/**********END TERMS***********/

/******SITE MAP***********/

/*using text_holder*/

#text_holder2{/*for table*/
	float:left;
	margin-left:180px;
	padding:0 20px;	
	width:38.50em;/**/
	background-color:#F7F7E9;
	}




/******END SITE MAP***********/






/******FOOTER********/
footer{
	
	}


#social{
	 clear:both;
	 width:100%;
	 padding-top:40px;
	 text-align:center;
	  border-top: 1px dashed #000;
	 
	 }

footer{
	clear: both;
	float: left;
	width:100%;
	height:200px;
	text-align:center;
	overflow: hidden;
	padding: 10px 0;
	border-top: 1px dashed #000;
	
	background:;
	line-height:24px;
	}


ul.bottom_footer{
	margin:0;
	padding:0;
	list-style:none;	
	}
	
.bottom_footer li{	
		display: inline;
		margin-left: 15px;
		font-size: 13pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
		text-decoration:none;
		text-align:center;
		color:#000;
}

.bottom_footer li a{
		display: inline;
		margin-left: 15px;
		font-size: 13pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
		text-decoration:none;
		text-align:center;
		line-height:40px;
		color:#000;

}

.bottom_footer li a:hover{
	color: #ecad36;
	text-decoration:none;
	text-align:left;
	}	

#footer p, #footer dl {
	margin: 0;
	font-size: 88%;
	line-height: 1.2;
}
#footer dt {
	
	text-transform: uppercase;
	letter-spacing: 1px;
}
#footer dd {
	margin: 0 0 .5em 0;
}


/*database*/

/*Members Page*/


#datacontent{
	float:left;
	width:73.5em;
	margin-top:30px;
	background:#FFF;

}

#data_holder{
	float:left;
	padding:20px 20px;
	margin-top:2px;
	width:70.75em;/*975px*/
	background-color:#FFF;/*#F7F7E9*/
	
	}


.titleleft{
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight:300;
	}

#data_members{
	float:left;
	width:40.5em;
	margin-top:10px;
	margin-left:300px;
	padding-bottom:40px;
}

.data_border{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000;
	margin-top:20px;
	}


.menuright{/*use with members ul*/
	float:right;
	
	}

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

#members li {
	width:125px;
	float: right;
	text-decoration:underline;	
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	list-style: none;
	color:#000;
	text-align:;
	
	
	
	
	
}

#members li a {
	float: right;
	text-decoration:none;	
	line-height:20px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	list-style: none;
	color:#000;
	text-align:;
	}

#members a:hover{
	
	color:#ecad36;
	
}







/*PLAN Your trip page*/

#data_plantrip{
	float:left;
	width:50.5em;
	margin-top:10px;
	margin-left:150px;
	padding-bottom:40px;
	text-align:left;
}



/*Choose Your Trip*/
#data_holder2{
	float:left;
	padding:20px 0;
	margin-top:2px;
	width:73.5em;/*975px*/
	background-color:#FFF;/*#F7F7E9*/
	
	}

/*individual trip page based on aldrich*/
.data_border2{
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	margin-top:100px;
	}




/*login*/

#form_login{
	float:left;
	width:900px;
	padding-top:30px;
	border-width:1px solid #000;
	}
	
#loginpage{
	margin-left:450px;
	margin-top:15px;
	text-align:center;
	font-size:16px;
	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}


/*******SIGNUP PAGE***********/
#signup_content{
	float:left;
	width:73.5em;
	height:800px;
	margin-left:340px;
	}


#photo_signup{
	float:left;
	width:1200px;
	height:1000px;
	background:url(images/sub_pic.png) no-repeat;
	}

#maintext_signup{
	float:left;
	width:900px;
	height:1000px;
	margin:0 auto;
	padding:40px 50px 20px;
	background-color:#F7F7E9;
	}

#signuppage{
	margin-left:300px;
	}

/*******END SIGNUP PAGE***********/

/**********FAQ's***************/

#photo_faq{
	float:left;
	width:1200px;
	height:500px;
	background:url(images/sub_pic.png) no-repeat;
	}

#maintext_faq{
	float:left;
	width:900px;
	margin-left:250px;
	padding:20px 50px ;
	background-color:#F7F7E9;
	
	}

#accordion {
   margin: 50px;   
}
   dt, dd {
      padding: 10px;
      border: 1px solid black;
      border-bottom: 0; 
      &:last-of-type {
        border-bottom: 1px solid black; 
      }
	  
      a {
        display: block;
        color:#000; 
        font-weight: bold;
      }
 
 
 
  
  dd {
     border-top: 0; 
     font-size: 14px;
     &:last-of-type {
       border-top: 1px solid white;
       position: relative;
       top: -1px;
     }
  
/**********END FAQ's***************/












/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
#logo{
	float:left; width:100%;
	}



#planning{ float:left; width:200px;}

#homelogin{float:left;

}


#hlogin li {
	float: left;
	margin-top:-10px;
	text-decoration:none;	
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	list-style: none;
	color:#000;
	text-align:center;
	
}

#hlogin li a {
	float: left;
	text-decoration:none;	
	line-height:10px;
	font-size:17px;
	font-family:Verdana, Geneva, sans-serif;
	list-style: none;
	color:#000;
	text-align:center;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}




}