/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
 	/* behavior: url(/public/stylesheets/csshover3.htc); */
	font: normal 12px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #333333; 	
	margin: 0; padding: 0;

	text-align: center;
	/*line-height:165%;*/
	background: url(/gfx/background-s2.jpg) fixed center top no-repeat;
	background-color:#DCDCDC;	
}

/* Top Elements */
* { margin: 0; padding: 0; outline: 0; }

img {border:0px;}

#header-bg {
    /*behavior: url(/styles/iepngfix.htc);*/
	position: absolute;
	top: 0px;
	height: 130px;
	/*background-color: #1b1b1b;*/
	width: 100%;
	margin: 0 auto;
	float:left;
	left:0px;
	text-align: left;
	font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;		
	background-image: url(/gfx/back_header.png);	
	background-repeat:repeat-x;
	background-position:left top;
}

#header-content-wrap {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 122px;
	padding-left:0px;
	text-align: left;	
	background-image:url(img_rebound/back_header.png);
}
#header-wrap {
	width: 100%;
}

#logo {
	/*behavior: url(/styles/iepngfix.htc);*/
	position: relative;
	top: 15px;
	height: 72px;
	width: 140px;
	margin: 0 auto;
	text-align: left;
	float:left;	
	background-image:url(/gfx/logo.png);	
}

#telephone {
	/*behavior: url(/styles/iepngfix.htc);*/
	position: absolute;
	top: 50px;
	/*float:right;*/
	right:0px;
	height: 24px;
	width: 151px;
	margin: 0 auto;
	background-image:url(/gfx/telephonr.png);	
}

/*        new menu          */
#menubar  {
font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
color:#DDDDDD;
line-height:normal;
display:block;
height:26px;
position:absolute;
top:96px;
text-align:left;
right:0px;
width:100%;
background:transparent url(/gfx/menu-bg-ending.png) no-repeat right;
padding-right:3px;
}

#menubar ul.main {
overflow: auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0px 0px 0pt;
float:right;
}

#menubar li {
background:transparent url(/gfx/menu-bg-left.png) no-repeat scroll left bottom;
float:left;
margin:0;
padding:0pt 0px 0pt 2px;
}

#menubar a {
background:transparent url(/gfx/menu-bg-right.png) no-repeat scroll right bottom;
color:#dddddd;
display:block;
padding:3px 18px 5px 20px;
text-decoration:none;
font-size:12px;
font-weight:bold;
border:none;
}
#menubar li:hover {
background:transparent url(/gfx/menu-bg-left-active.png) no-repeat scroll left bottom;
display:block;
margin:0px;
padding:0pt 0px 0pt 2px;
}

#menubar a:hover {
	color:#ffffff;
	text-decoration: none;
	background:transparent url(/gfx/menu-bg-right-active.png) no-repeat scroll right bottom;
	border:none;
  }
#menubar li.current {
/*background:transparent url(img_rebound/nav/left_active.gif) no-repeat scroll left bottom;*/
}
#menubar .current a {
/*font-weight:bold;
background:transparent url(img_rebound/nav/right_active.gif) no-repeat scroll right bottom;
color:#FFFFFF;*/
}

#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			top:25px;
			visibility: hidden;}
		
		#jsddm li ul li
		{	float: left;
			display: block;
			clear:both;
			width:150px;
			background:transparent url(/gfx/menu-bg-left.png) repeat-x scroll left bottom;}
		
		#jsddm li ul li a
		{width:150px;}
		
		#jsddm li ul li a:hover
		{background:transparent url(/gfx/menu-bg-left-active.png) repeat-x scroll left bottom;
		width:150px;
		}



a {
	padding:0;
	margin:0;
}
a:hover {

}

/* Headers */
h1, h2, h3 {
	font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #111;
	padding: 0px 0px 5px 0px;
	margin: 0;
}
h1 {
	font-size: 345%;	
	font-weight: normal;
	letter-spacing: -2px;	
}
h2 {
	font-size: 200%;
	color: #333333;	
	margin:0;
	padding:0;
}
h3 {
	font-size: 170%;	
	font-weight: normal;	
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#content-wrapper {
	width: 1000px;
	margin: 0 auto;	
	text-align: left;
	clear:both;
}
#content {
	float: left;
	width: 100%;			
	margin: 35px 0 0 0;
	padding: 0 0 20px 0;
}

.col-one {
	width:740px;
	padding: 0;
	float:left;
	margin: 12px 0 0 0;
}

.col-two {
	float: right;
	width: 240px;
	margin:12px 0 0 0;
	padding: 0;
}

.content-box {
float:left;
height:150px;
margin: 0;
padding:0;
padding-left:27px;
width:200px;
line-height:normal;
}

.main-content-text{
color:#333;
}

.content-subbox {
background:transparent url(/gfx/dot.gif) repeat-x bottom;
width:194px;
padding-left:5px;
line-height:normal;
height:18px;
cursor:pointer;
}

.content-subbox a {
text-decoration:none;
color:#D11C87;
line-height:normal;
}

.content-subbox a:hover {
color:#333;
}

.side-wrapper{
	background:transparent url(/gfx/side-background.png) no-repeat scroll right;
}

.side-ad-header{
background-color:#333333;
color:#E8E8E8;
height:23px;
padding-top:5px;
padding-left:10px;
font-weight:bold;
font-size:14px;
}

.side-ad{
padding:5px 15px;
}

.side-ad a{
color:#D11D8B;
}

/* footer */
#footer-wrapper {
	clear: both;
	width: 100%;
	height: 500px;
	text-align: left;
	font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	background:url(/gfx/footer-background.png) repeat-x;
	margin-bottom:-25px;
}
#footer-wrapper h3, #footer-wrapper p {
	padding: 0;
}
#footer-wrapper h3 {
	font: normal 1.4em/1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #333333;	
}
#footer-wrapper a {
	color: #333;
    text-decoration:none;
}
#footer-wrapper a:hover {
	color: #fff;
    text-decoration:underline;
}

#footer-wrapper ul.footer-list {
	padding: 0;	
	margin-left: 30px;	
}

#footer-wrapper ul.footer-list li a {
	display: block;
	width: 98%;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0;
	border: none;
	margin-left: 0;
	padding-left: 0;
	color: #817758;
}
#footer-wrapper ul.footer-list li a span {
	color: #817758;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-wrapper ul.footer-list li a:hover,
#footer-wrapper ul.footer-list li a:hover span {
	color: #fff;
	text-decoration: none;	
}

#footer {
	border-bottom-width: 0px;
	width: 1000px;	
	padding: 0;		
	margin:auto;		
}
.footer_ads {
	display: inline;
	float:left;
	width:363px;
	overflow:auto;
	height:295px;
	background:url(/gfx/footer-box-back.png) no-repeat;

}
#footer_links {
	display: inline;
	margin-left: 0px;
	border-bottom-width: 0px;
	text-decoration: none;
	color: white;
}
.footer_side {
	float:left;
	width:274px;
	height:295px;
	background:url(/gfx/footer-box-back.png) no-repeat;
}

#footer-bottom {
	clear: both;
	border-top: 1px solid #817758;
	width: 880px;
	margin: 0 auto;	
}
#footer-bottom a {
	padding-left: 0px;
	display: inline;
}
#footer-bottom .bottom-left {
	margin-right: 0px;
	margin-left: 14px;
	float: left;
	padding-left: 5px;	
}
#footer-bottom .bottom-right {
	border-bottom-width: 0px;
	margin-right: 20px;
	text-align: right;
	padding-right: 0;
}

.separator {
	width: 1000px;
	clear:both;
	height:20px;
	background: url(/gfx/footer-line.png) repeat-x center;
}
.separator1 {
	width: 1000px;
	clear:both;
	height:20px;
	background: url(/gfx/footer-line1.png) repeat-x center;
}
#flashcontent {
width:567px;
float:right;
}
.tabs{
width:100px;
float:left;
}


#key2_destinations{
	width:100%;
}

#key2_destinations li a{
	color: #CC1C87;
	font-size: 12px;
	text-decoration:none;
}

#key2_destinations li a:hover{
	background-color: #CC1C87;
	color:#fff;
}

.linkhead {
	color: #333;
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	padding:5px;
}
.linkhead:hover {
	color: #d11d8b;

}
.tabs a{
color:#333333;
}

.experiences{
float:left;
margin-left:25px;
margin-bottom:20px;
}
.experiences_txt {
width:200px;
height:20px;
line-height:20px;
background-color:#333333;
}

.experiences_txt a {
font-weight:bold;
font-size:11px;
text-decoration:none;
color:#fff;
padding-left:10px;
}


		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 5px 0 15px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 430px; overflow:hidden}
		/*.csw .loading {margin: 200px 0 300px 0; text-align: center}*/

		.stripViewer { /* This is the viewing window */
			/*behavior: url(/styles/iepngfix.htc);*/
			position: relative;
			overflow: hidden; 
			width: 745px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 430px;
			clear: both;
			background: transparent url(/gfx/content-background1.png)  no-repeat;	
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 745px; /* Also specified in  .stripViewer  above */
			height:430px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 20px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			padding-bottom:30px;
			float:left;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			/*behavior: url(/styles/iepngfix.htc);*/
			font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			line-height: 28px;
			color: #CC1C87;
			text-decoration: none;
			display: block;
			padding: 0px 20px 0px 10px;
			float:left;
			background: transparent url(/gfx/small_arrow.png)  no-repeat 93% 35%;
			background-color:#FFFFFF;
		}
		

		
		.stripNav li a:hover {
			background: transparent url(/gfx/small_arrow.png)  no-repeat 93% 35%;
			background-color: #333333;
		}
		
		.stripNav li a.current {
			color: #ccc;
			background: transparent url(/gfx/small_arrow_active.png)  no-repeat 93% 35%;
			background-color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("/images/arrow-right.gif") no-repeat center;
		}
		
.loader {
position:absolute;
z-index:99999;
}

/*DP splash search screen css*/
.black_overlay{
			display: none;
			position:absolute;
			background-color: black;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
			z-index:8;
		}
.white_content {
			display: none;
			border: 10px solid #f0f0f0;
			background-color: white;
			width:350px;
			height:210px;
			overflow: auto;
			text-align:center;
			z-index:9;
		}