@CHARSET "UTF-8";
@import url(framework.css);
/*!
* -------------------------------------------------------
* Site:      eagleair.is
* Graphics:  Fínlína - Jónas Þorbergsson
* Code:      isProject - Hilmar Kári Hallbjörnsson
* -------------------------------------------------------
*/

/**************************************************************
*	TOP
***************************************************************/
#top{
	width: 960px;
	height: 90px;	
}

	/* ABOUT MENU */
	#about-menu{
		background: #36434b;
		border-bottom: 2px solid #ffffff;
		color: #fff;
		font-size: 70%;
		height: 20px;
		top: -10px;
		right: 113px;
		position: relative;
		width: 370px;
			
	}
	
		#about-menu #about-menu-seperator-begin,
		#about-menu-seperator-end{ 
			background: url(gfx/bg-topmenu-corners.png) no-repeat 0 0; 
			display: block; 
			position: absolute; 
			height: 21px; 
			width: 51px; 
			z-index: -1;
			zoom: 1;	
		}
		
		#about-menu #about-menu-seperator-begin{ 
  			right: 360px;  			
  		}
		
		#about-menu #about-menu-seperator-end{ 
			right: -30px; 
			background-position: 0 -50px; 
		}
		
		#about-menu p{ margin-top: 5px; z-index: 100; }
		
		#about-menu a{ 
			color: #fff;
			font-weight: bold; 	z-index: 100;
		}
		#about-menu a:hover{ 
			text-decoration: underline;
		}
		
		#about-menu ul li{ margin: 5px 7px 5px 0; }

	/* PHONE NUMBERS */
	.phone-numbers{
		color: #36434a;
		font-size: 80%;	
		position: relative;
		top: 35px;
		right: 120px;
	}
	
		.phone-numbers li{ margin-right: 20px; }



/**************************************************************
* 	HEAD SECTION
***************************************************************/
#headsection{
	position: relative;	
}
	/** HEADER */
	#header{
		color: #fff;
		font-family: Verdana, Geneva, sans-serif;
		margin: 5px 5px 0 5px;
		width: 766px;
	}

	/** TOP-NAVIGATION */
	ul#top-navigation{}
		ul#top-navigation li{
			background: url(gfx/bg-grad-nav.png) repeat-x 0 0;
			width: 253px;
			border-right: 1px solid #b14d36;
			border-left: 1px solid #681403;
		}
		
		ul#top-navigation li:hover,
		ul#top-navigation li.active{
			background-position: 0 -100px;
		}
		
		ul#top-navigation li a{
			background:url(gfx/ico-arrow-nav.png) no-repeat 28px 35px;
			color:#FFFFFF;
			display:block;
			font-size: 110%;
			margin: 0;
			padding: 30px 0 29px 65px;		
		}
		
		/* Turns the arrow down in the Top navigation */
		ul#top-navigation li.active a{ background-position: 28px -65px; }
	
		ul#top-navigation a span{ display: block; margin-bottom: -3px; }
	
	/** SLIDER */ 
	#slider{
		background:#202834 url(gfx/slider-loading.gif) no-repeat 50% 50%;
		height: 230px;
		margin: 0 5px 5px 5px;
		width: 765px;
		top: 0px;
		left: 0px;
	}
	
		#slider img{ 
			background: url(gfx/slider-loading.gif) no-repeat 50% 50%;
			height: 230px; 	
		}
		
		#slider .nivo-prevNav,
		#slider .nivo-nextNav{ 
			background: url(gfx/ico-arrow-slider.png) no-repeat 0 0; 
			height: 40px;
			text-indent: -9999px;
			width: 	20px;		
		}
		
		#slider .nivo-nextNav{ 
			background-position: -21px 0; 
			margin-right: 20px; 
		}
		
		#slider .nivo-prevNav{ margin-left: 20px;}
		
		.nivo-controlNav {
			position: absolute;
			bottom:5px;
		}
		
		.imagecount-1 .nivo-controlNav{ left: 377px; }
		.imagecount-2 .nivo-controlNav{ left: 370px; }
		.imagecount-3 .nivo-controlNav{ left: 363px; }
		.imagecount-4 .nivo-controlNav{ left: 354px; }
		.imagecount-5 .nivo-controlNav{ left: 346px; }
		.imagecount-6 .nivo-controlNav{ left: 338px; }
		.imagecount-7 .nivo-controlNav{ left: 330px; }
		.imagecount-8 .nivo-controlNav{ left: 320px; }
		.imagecount-9 .nivo-controlNav{ left: 315px; }
		.imagecount-10 .nivo-controlNav{ left: 311px; }
		
		.nivo-controlNav a {
			display:block;
			width:15px;
			height:20px;
			background:url(gfx/ico-bullets-slider.png) -20px 0 no-repeat;
			text-indent:-9999px;
			border:0;
			float:left;
		}
		.nivo-controlNav a.active {
			background-position: -5px 0;
		}
	
	/** NEWS BAR */
	#news-bar{ 
		background: url(gfx/bg-grad-subnav.png) repeat-x;
		background-color: #b81d0d;
		color: #fff; 
		font-size: 70%; 
		margin: -5px 5px 5px 5px;			
	}
		#news-bar .empty{ background-color: #fff;  }
		#news-bar .news{ background-color: #b81d0d; }
		
		#news-bar p{ text-transform: uppercase; }
		
		#news-bar .news-headline{ 
			background-color: #601000; 
			padding: 6px 5px 6px 20px;
		}
		
		#news-bar .news-text{ 
			margin: 0 5px; 
			padding: 6px; 
		}
		
		#news-bar .news-readmore{ 
			background: url(gfx/ico-arrow-white.png) no-repeat 0 6px;
			font-family: Verdana, Geneva, sans-serif;
			padding: 5px 5px 5px 10px; 	
		}
		
	/** SUB-NAVIGATION */
	#sub-nav{
		background: url(gfx/bg-grad-subnav.png) repeat-x;
		background-color: #b81d0d; 
		margin: -5px 5px 5px 5px;	
		padding: 0 70px 0 15px;
	}
	
		
		
		#sub-nav li a{ 
			color: #fff; 
			display: block;
			font-family: Verdana, Geneva, sans-serif; 
			font-size: 80%;
			font-weight: bold;
			margin: 0 10px;
			padding: 4px 0;
		}
		
		#sub-nav li:hover,
		#sub-nav li.sub-nav-active{ background-color: #601000; }
	
	/** 40 YEARS LOGO */
	h3#forty-years{
		background: url(gfx/40years-logo.png) no-repeat 0 0;
		height: 120px;
		width: 180px;
		position: absolute;
		text-indent: -9999px;
		top: 253px;
		left: 667px;
		z-index: 1000;
	}
	
/**************************************************************
* CONTENT SECTION
***************************************************************/	
.main-content{ 
	float: left;
	margin-left: 5px;
	padding: 10px 0px 10px 25px;
	width: 485px; 
	z-index: 1000;		
}

.narrower{ 
	width: 465px; 
	padding-right: 20px;
}

.side-container{ 
	/*background-color: #fbf6f6;*/
	float: left;
	margin: -5px 5px 0 0px;
	padding: 10px 20px 0 20px;
	width: 215px;                     /* Changed this from 205 */
	height: auto;
	z-index: -1000;
}

	/** CHARTER SECTION */
	div#charter-services,
	div#air-ambulance{ 
		width: 350px; 
		float: left;  
	}
	
	div#charter-services{
		margin: 10px 10px 10px 25px;
	}
	
	div#air-ambulance{
		margin: 10px 10px 10px 15px;
	}
			
	div#fly-and-drive-advertise{ margin-bottom: 20px; }

/**************************************************************
* FOOTER
***************************************************************/
#footer{
	background: url(gfx/bg-grad-footer.png) repeat-x;
	color: #fff;
	font-size: 80%;
	height: 40px;
	margin: 5px;	
	width: 766px;	
}

	/* PHONE NUMBERS*/
	.footer-phone-numbers{ margin-top: 13px; }
	
	.footer-phone-numbers li{ margin-right: 20px; }
	
	.footer-phone-numbers a{ color: #fff; }
	
	.footer-phone-numbers .smaller{ font-size: 90%; }
	
/**************************************************************
* BOTTOM
***************************************************************/
#bottom{
	margin: 20px 140px;
	color: #b8b29b; 
	font-size: 65%;
	font-weight: bold;
}
	#bottom a.designed-by{
		color: #b8b29b;
	}
	
/*	#bottom a.designed-by:hover{
		color: #fff;
	}
*/
	
	#bottom h3{
		background: url(gfx/ico-finlina-logo.png) no-repeat 0 0;
		background-position: 0 0px;
		height: 24px;
		width: 52px;		
		text-indent: -9999px;
	}
	
	#bottom p{
		margin-top: 7px;
		margin-right: 5px;
	}