﻿html { overflow-y:scroll }
body { background:#313131; font-family:Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF }
a { color:#800000; text-decoration:none; font-weight:bold }	a:hover { color:#003366	}
.blue a { color:#007BDE } .blue a:hover { color: #800000}

#wrapper { width: 966px; margin:70px auto 0px auto }

#header_wrap { 
	height: 120px
	}
	#header_logo {
		float:left;
		width:490px;
		position:relative;
		z-index:1
		}
		#header_advan {
			float:right;
			width:140px;
			position:relative;
			z-index:1
			}
			.call_us {
				float:right;
				font-size:8pt;
				font-family:Arial, Helvetica, sans-serif;
				color:#E1E1E1;
				text-align:right;
				position:relative;
				top:20px;
				right: 3px
				}
				#header_wrap .call_us a {
					color:#FFFFFF;
					font-weight:bold
					}
					#header_wrap .call_us a:hover {
						color:#CCCCCC;
						}
						.specialist {
							float:left;
							font-size:medium;
							font-style:italic;
							color:#FF9900;
							font-weight:bold
							}
#nav_wrap {
	width:960px;
	height:29px;
	border: 3px #252424 solid;
	background:gray url('../Images/landing_page/nav_bg.png') repeat-x
	}
	ul#nav {
		list-style-type:none;
		margin:0px;
		position:relative;
		left: -40px;
		.left: 0px
		}
		#nav li {
			float:left;
			text-transform:uppercase;
			padding:5px 0px 8px 0px;
			margin:0px;
			list-style-type:none;
			border-right: 0.5px #252424 ridge;		
			}
			ul#nav li a {
				color:#FFFFFF;
				text-decoration:none;
				padding:5px 10px 8px 10px;
				font-weight:normal
				}
				ul#nav li a:hover {
					color:#CCCCCC;
					background:gray url('../Images/landing_page/nav_bg_hover.png') repeat-x 
					}
					ul#nav li .yellow {
						color:#FF9900
						}
					ul#nav li .red {
						color:#FF3300
						}
					ul#nav li .blue {
						color:#0099CC
						}
#main_wrap {
	width:940px;
	padding: 5px 10px 5px 10px;
	background:white url('../Images/landing_page/bg.png') repeat-x;
	border: 3px #252424 solid;
	border-top:none;
	border-bottom:none;
}
#right_wrap {
	width:188px;
	float:right;
	}
	#podcast_link {
		border: 3px #252424 solid;
		background:#EDEDED url('../Images/podcast_icon.png') no-repeat 130px center;
		}
		#podcast_link h1 {
			font-style:italic;
			font-size:10pt;
			padding:4px;
			margin:0px;
			color:#333333;
			width:140px;
			font-weight:normal
			}
	#sign_up {
		border: 3px #252424 solid;
		background-image: url('../Images/clouds.jpg');
		margin:7px 0px 7px 0px;
		height:180px;
		.height:175px
		}
			#sign_up h1 {
				font-style:italic;
				font-size:10pt;
				padding:4px;
				margin:0px;
				color:#333333;
				font-weight:normal
				}
				#sign_up p#archieve {
					font-size: 7pt;
					position:relative;
					z-index:1000;
					top:-50px;
					.top: -60px;
					left:3px;
					width:90px
					}
				#sign_up p#tc {
					font-size:7pt;
					position:relative;
					text-align:center;
					color:#313131;
					top:-50px;
					.top:-70px;
					}
	#twitter_wrap {
		border: 3px #252424 solid;
		background: #EDEDED ;
		padding:3px;
		position:relative;
		z-index:1000
		}
		#twitter_wrap h1 {
			font-size:11pt;
			margin:0px;
			padding:0px 1px 8px 1px;
			color:#333333;
			}
			#twitter_wrap p {
				font-size: 8pt;
				color: #313131;
				padding:0px;
				margin:2px 0px 0px 0px
				}
#slide_show {
	width:400px;
	height:266px;
	overflow:hidden;
	border:3px #252424 solid;
	position:relative;
	z-index:1;
	margin:0px 0px 7px 0px
	}
#video {
	width:320px;
	height:266px;
	border:3px #252424 solid;
	float:right;
	margin:0px 10px 0px 0px;
	background:url('../Images/landing_page/meon_video_bg.jpg') no-repeat;
	overflow:hidden
	}
	#video img {
		border: none
		}
		.rollover a {
			display:block;
			background: url("../Images/landing_page/meon_video_play_button.png") 0 0 no-repeat;
			width:320px;
			height:266px
				}
				.rollover a:hover { 
					background-position: 0 -271px;
				}
				.rollover a:active {
					background-position: 0 -542px;
					}
#about_us {
	width: 352px;
	height:227px;
	border: 3px #252424 solid;
	padding:3px 3px 1px 5px;
	float:left;
	position:relative;
	margin:0px 10px 0px 0px;
	overflow:hidden
	}
	#about_us_content {
		height:205px
		}
		#about_us p {
			font-size:10pt;
			color:#333333;
			padding:0px;
			margin:5px 0px 0px 0px 		
			}
			#about_us h1 {
				font-size:14pt;
				letter-spacing:-1px;
				color:#333333;
				margin:0px;
				padding:0px
				}
				#about_us p.bottom_link {
					font-size: 8pt;
					border-top: 1px #252424 dotted;
					margin:5px 0px 0px 0px
					}
#dest_high {
	width:357px;
	border: 3px #252424 solid;
	padding:3px 3px 3px 0px;
	float:left;
	position:relative;
	margin:0px 10px 0px 0px;
	overflow:hidden
	}
	#dest_high_content {
		height: 205px;
		}
		#dest_high h1 {
			font-size:14pt;
			letter-spacing:-1px;
			color:#333333;
			margin:0px;
			padding:0px 5px 0px 5px
			}
			#dest_high p {
				font-size:8pt;
				color:#333333;
				padding:0px 5px 0px 5px;
				margin:5px 0px 0px 0px; 	
				}
#footer {
	width:966px;
	background:#313131 url('../Images/landing_page/footer_bottom.png') no-repeat scroll 0 -10px;
	height:60px
	}
	#footer p {
		text-align:center;
		font-size: 8pt;
		color:#313131;
		margin:0px
		}

#sign_up span.label,span.spacer_sign,span.multiple span {width:50px;float:left; color:#333333; font-weight:bold} 
#sign_up span.multiple {float:left;} 
#sign_up span.button {padding:3px 0px 3px 0px; position:relative;} 
form { margin: 0px; padding:3px }
input { float:right; position: relative; top: -2px; margin:0px 0px 12px 0px; }

.blue { color:#007BDE } .red { color:#800000 } .high_grey { background:#C0C0C0; }  p.high_grey { color:#3399FF }

.top_line { border-top:1px #252424 dotted }
					
.float_l { float:left } .float_r { float:right }
.clear { clear:both } .clear_l { clear:left } .clear_r { clear:right }

.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1; } 
.jScrollPaneTrack {position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%;	background: #EDEDED;}
.jScrollPaneDrag {position: absolute;	background: #252424;	cursor: pointer;	overflow: hidden;}
.jScrollPaneDragTop {position: absolute;	top: 0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0;	left: 0;	overflow: hidden;}
a.jScrollArrowUp {display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 9px;}
a.jScrollArrowDown:hover {	/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}
a img{
border:0;
}
div.wrap{
	width:400px;
	margin:0 auto;
	text-align:left;
	}
div#top div#nav{
	float:left;
	clear:both;
	width:400px;
	height:52px;
	margin:22px 0 0;
	background:url('../Images/landing_page/slideshow/nav-bg.png') repeat-x;
	}
	div#top div#nav ul{
		float:left;
		width:400px;
		height:52px;
		list-style-type:none;
		}
		div#nav ul li{
			float:left;
			height:52px;
			}
			div#nav ul li a{
				border:0;
				height:52px;
				display:block;
				line-height:52px;
				text-indent:-9999px;
				}
div#header{
	margin:-1px 0 0;
	}
div#video-header{
	height:683px;
	margin:-1px 0 0;
	}
div#header div.wrap{
	height:268px;
	background:url("../images/header-bg.png") 50% 0 no-repeat;
	}
div#header div#slide-holder{
	z-index:40;
	width:400px;
	height:268px;
	position:absolute;
	}
	div#header div#slide-holder div#slide-runner{
		width:400px;
		height:268px;
		overflow:hidden;
		position:absolute;
		}
		div#header div#slide-holder img{
			margin:0;
			display:none;
			position:absolute;
			}
			div#header div#slide-holder div#slide-controls{
				left:0;
				bottom:0px;
				width:400px;
				height:46px;
				display:none;
				position:absolute;
				background: url('../Images/landing_page/slideshow/slide-bg.png') repeat-x;
				}
				div#header div#slide-holder div#slide-controls p.text{
					float:left;
					color:#fff;
					display:inline;
					font-size:10px;
					line-height:16px;
					margin:15px 0 0 5px;
					height:50px;
					width:240px;
					position:relative;
					top:-82px;
					}
					div#header div#slide-holder div#slide-controls p#slide-nav{
						float:right;
						height:24px;
						display:inline;
						margin:11px 15px 0 0;
						}
						div#header div#slide-holder div#slide-controls p#slide-nav a{
							float:left;
							width:24px;
							height:24px;
							display:inline;
							font-size:11px;
							margin:0 5px 0 0;
							line-height:24px;
							font-weight:bold;
							text-align:center;
							text-decoration:none;
							background-position:0 0;
							background-repeat:no-repeat;
							position:relative;
							top:-65px;
							}
							div#header div#slide-holder div#slide-controls p#slide-nav a.on{
								background-position:0 -24px;
								}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url('../Images/landing_page/slideshow/silde-nav.png');}
div#nav ul li a{background:url("../images/nav.png") no-repeat;} 
