@font-face {
  font-family: 'Fondamento';
  font-style: normal;
  font-weight: 400;
  src: local('Fondamento Regular'), local('Fondamento-Regular'), url(http://themes.googleusercontent.com/static/fonts/fondamento/v3/bHQyc5zrMLI5-R-me5j-er3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
* {
  margin: 0;
}
html,
body {
	height:100%;
	text-align:center;
}
html {
	overflow-y:scroll;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loading.gif) 50% 50% no-repeat rgb(255,255,255);
}
#loader_text {
	padding-top:230px;
	font:bold 30px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	letter-spacing:3px;
	color:rgba(98,98,98,1.00);
	width:250px;
	height:30px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
object,a { 
	outline:none; 
}
h1 {
	font-family: 'Fondamento', cursive;
	font-size: 45px;
	color: #BA7C00;
	border-bottom:1px solid grey;
	margin-bottom:15px;
}
#container {
	height:100%;
	width:100%;
}
.fixed {
	position:fixed;
}
#wrapper {
	/*border-top:110px solid transparent;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -71px; /* ***the bottom margin is the negative value of the footer's height*** */
}
#header {
	position:relative;
    height: 110px;
	background-image:url(../images/background/seamlesstexture5_1200.jpg);
}
#description {
	position:absolute;
	height:110px;
	font:bold 18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding:5px 0px 0px 0px; /* top right botttom left */
}
#description a:link, a:visited {
	text-decoration:none;
}
#channeling_logo {
	position:absolute;
	right:0;
	top:0;
	padding:5px;
}
#channeling_logo img {
	width:100px;
	height:100px;
}
#lnfinfn_logo {
	position:absolute;
	left:0;
	top:0;
	padding:10px 0px 0px 10px;
}
#lnfinfn_logo img {
	height:100px;
}
#cern_logo {
	position:absolute;
	left:155px;
	top:0;
	padding:5px 0px 0px 10px;
}
#cern_logo img {
	height:100px;
}
#capri_logo {
	position:absolute;
	left:280px;
	top:0;
	padding:5px 0px 0px 10px;
}
#capri_logo img {
	height:100px;
}
#anacapri_logo {
	position:absolute;
	left:380px;
	top:0;
	padding:9px 0px 0px 10px;
}
#anacapri_logo img {
	height:95px;
}
#lnfinfn {
	position:absolute;
	bottom:0;
	right:0;
	color:#999;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top:20px;
}
#body {
	background:url(../images/channeling2014_title.png) left center no-repeat;
	background-size:contain;
	border-top:1px dotted #464646;
	position:relative;
	/*border-bottom:1px dotted #464646;*/
	/*min-height:500px;*/
/*	-webkit-box-shadow: 0px 0px 18px 0px #999;
    -moz-box-shadow: 0px 0px 18px 0px #999;
    box-shadow: 0px 0px 18px 0px #999;
	z-index:5;*/
}
#main_txt_container {
	position:absolute;
	z-index:1000;
	background: rgba(70,70,70,0.80); /*url(../images/background/txt_bg.png)*/
	width:100%;
	min-width:1000px;
}
.cover_height {
	height:100%;
}
#main_txt {
	background:white;
	width:750px;
	padding:20px;
	margin:50px auto;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	line-height:1.5;
	border:1px solid #999;
	-webkit-box-shadow: 0px 0px 18px 0px #999;
    -moz-box-shadow: 0px 0px 18px 0px #999;
    box-shadow: 0px 0px 18px 0px #999;	
	position:relative;
}
#fontsize {
	position:fixed;
	width:790px;
	background:rgba(212,198,198,1.00);
	font:bold 14px/52px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	height:52px;
	color:rgba(81,81,81,1.00);
	left: 50%;
  	top: 0%;
	border-bottom:1px dotted rgba(111,111,111,1.00);
  	margin-left: -395px; /*half the width*/
  /*border:1px solid rgba(63,63,63,1.00);*/
}
#close {
	position:fixed;
	right:10px;/*-120px;*/
	top:10px;
	background:url(../images/close_onlyx.png) center center no-repeat;
	width:43px;
	height:42px;
    display:block;
}
#pin {
	position:absolute;
	bottom:-30px;
	left:-25px;
	/*opacity:0.5;*/
}
#pin img {
	width:50px;
}
.red {
	color:rgba(200,14,17,1.00);
}
.push {
  height: 71px; /* ***.push must be the same height as .footer*** */
}
#footer {
	background-image:url(../images/background/seamlesstexture5_1200.jpg);
    height: 70px; /* ***.push must be the same height as .footer*** */
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#666;
	letter-spacing:3px;
	border-top:1px dotted #464646;
}
#logos {
	text-align:center;
	margin-bottom:7px;
	border-bottom:1px solid white;
}
#logos img {
	padding:5px 8px 5px 8px;
	border:0px;
	height:30px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #850C0E; /* #42413C */
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #850C0E; /* #6E6C64 */
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #6E6C64;
	text-decoration: none;
}

#main_txt a:link {
	color: rgba(25,111,199,1.00); /* #42413C */
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
#main_txt a:visited {
	color: rgba(25,111,199,1.00); /* #6E6C64 */
	text-decoration: underline;
}

#main_txt a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #6E6C64;
	text-decoration: none;
}

#fontsize a:link {
	color: #850C0E; /* #42413C */
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
#fontsize a:visited {
	color: #850C0E; /* #6E6C64 */
	text-decoration: underline;
}

#fontsize a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #6E6C64;
	text-decoration: none;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

 /*NAVIGATION POSITION */
#nav_container {
	width:270px;
	height:450px;
	/*border:1px solid black;*/
	position: absolute;
	right: 5%;
	margin: auto;
}
/* for smoothness when position is changing */
.top_nav { transition: all 1.0s ease-out;  }

@media (min-height: 300px) {
    .top_nav { top: 100px; }
}

@media (min-height: 1000px) {
    .top_nav { top: 120px; }
}

.phone_icon {
	margin-bottom:-3px;
	height:18px;
}
.email_icon {
	margin-bottom:-5px;
	height:20px;
}
.address_icon {
	margin-bottom:-5px;
	height:22px;
}
#hotels tr:nth-child(odd){ 
	background: rgba(225,225,225,1.00);
}
#hotels tr:nth-child(even){
	background: rgba(245,245,245,1.00);
}
.circular {
	text-align:center;
	float:left;
	margin:0 0 30px 0;
	width: 185px;
	height: 100px;
/*	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}
.circular img {
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);	
}
.circular_folder {
	float:left;
	margin:0 20px 30px 20px;
	width: 200px;
	height: 195px;
/*	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	/*box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);*/
}
.video {
	text-align:center;
	float:left;
	margin:0 0 30px 0;
	width: 240px;
	height: 154px;
}
.comment:nth-child(odd){ 
	background: rgba(225,225,225,1.00);
}
.comment:nth-child(even){
	background: rgba(245,245,245,1.00);
}
.comment {
	padding:10px;
	text-align:left;
}
.clear {
	clear:both;
}