﻿body 
{
	background: #fff url('/gfx/bg/home.jpg') top center no-repeat;
	font-family: 'PraxisEFLight';
}


/** Fonts **/
#topbnr-inner h2, #topnavigation li a  { font-family: 'PraxisEFRegular'; }



hr 
{
	display: none;
}

p { line-height: 18px;font-size: 13px;}
a { color: #00AEEF; text-decoration: none; }
a:hover { color: #0069AA; text-decoration: underline; }

strong { font-weight: bold; }

div.hr { padding: 0px; margin: 20px 0; height: 2px; background: transparent url('/gfx/hr.png') 0 0 repeat-x; clear: both; }

input[type="text"].txt, input[type="password"].txt, select.txt, textarea.txt {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

input[type="text"].txt, input[type="password"].txt, textarea.txt, select.txt, .uneditable-input {
    border: 1px solid #9da2a5;
    border-radius: 3px 3px 3px 3px;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 4px;
}

#header-outer
{
	background: transparent url('/gfx/bg-header.png') top left;
	border-bottom: 5px #0069aa solid;
}

	#header 
	{
		width /**/: 1044px;
		width: 964px !important;
		padding: 0 40px;
		margin: 0 auto;
		height: 160px;
		position: relative;
		z-index:998;
	}
	
	#logo-marley 
	{
		position: absolute;
		top: 38px;
	}
	
	#quicknavigation 
	{
		position: absolute;
		top: 0;
		right: 40px;
		border-left: 1px #9da2a5 solid;
	}
	
		#quicknavigation li 
		{
			display: inline;
			float: left;
			border-right: 1px #9da2a5 solid;
		}
		
		#quicknavigation li a 
		{
			color: #00aeef;
			text-decoration: none;
			font-size: 11px;
			line-height: 25px;
			padding: 0 20px;
		}
	
	#topnavigation 
	{
		position: absolute;
		bottom: 0px;		
		border-left: 1px #0069aa solid;
		z-index: 99;
	}
	
		#topnavigation li
		{
			float: left;
			display: inline;
			border-right: 1px #0069aa solid;
		}
		
		#topnavigation li a 
		{
			color: #0069aa;
			font-size: 17px;
			text-decoration: none;
			padding: 0 20px;
			line-height: 40px;
			display: block;
			background: transparent url('/gfx/menu-arrow.png') right 18px no-repeat;
		}
		
		#topnavigation li a:hover, #topnavigation li a.on 
		{
			color: #fff;
			background-color: #0069aa;
		}
		
	#mainMenu {
		position:absolute;
		bottom:0px;
		left:40px;
		z-index:10;
	}

		#mainMenu ul li {
			float:left;
		}

		#mainMenu ul li a {
		
			color: #0069aa;
			font-size: 17px;
			text-decoration: none;			
			padding: 0 50px 0 20px;
			line-height: 40px;
		}

		#mainMenu ul li.hover a, #mainMenu ul li:hover a {
			background-color:#0069aa;
			color: #fff;
		}
		
		#mainMenu ul li.on a 
		{
			background-color:#0069aa;
			color: #fff;
		}


		/* 
			LEVEL ONE
		*/
		#mainMenu ul                         { position: relative; }
		#mainMenu ul li                      { zoom: 1;  }
		#mainMenu ul li.hover,
		#mainMenu ul li:hover                { position: relative; }

		/* 
			LEVEL TWO
		*/
		#mainMenu ul ul 					 
		{
			width: 200px;
			visibility: hidden; 
			position: absolute; 
			top: 100%; 
			left: 0;
			z-index: 101 !important; 
			border-top: 5px #0069aa solid; 
			
		}
		#mainMenu ul ul li 					{ float: none;border: none !important; border-top: 1px #fff solid; z-index: 101 !important;  }
		#mainMenu ul ul li a				 
		{
			
			display: block;
			text-align:left;
			padding:10px 20px;
			background-color:#fff !important;
			color:#0069aa !important; 
			font-size: 14px;
			line-height: 16px !important;
			border-bottom: 1px #D5DCDF solid; 
			background: #f0f5f8 url('/gfx/menu-bg.png') top left repeat-x;
			z-index: 101 !important; 
			
		} 
		
		#mainMenu ul ul li a:hover
		{ 
			background: #a9dcf0 url('/gfx/menu-bg-on.png') top left repeat-x;
			z-index: 101 !important; 
		} 

		/* 
			LEVEL THREE
		*/
		#mainMenu ul ul ul 					{ left: 200px; top: 0; display: none; }
		#mainMenu ul li:hover > ul 			{ visibility: visible; }

		
	#search 
	{
		height /**/: 40px;
		height: 30px !important;
		border-right: 1px #0069aa solid;
		width: 180px;
		position: absolute;
		right: 36px;
		bottom: 0;
		padding-top: 10px;
	}
		#search input 
		{
			width: 120px;
			background-color: transparent;
			color: #99c3dd;
			font-size: 13px;
			border: none !important;
			box-shadow: none !important;
			outline-width: 0;
			outline: none;
		}
		
		#search button 
		{
			background-color: transparent;
			border: none;
		}
		
/** Inner content **/


/** **/

#footer-outer 
{
	
}		
	
	#footer 
	{
		background: transparent url('/gfx/bg-content.png') top left;
		width /**/: 1044px;
		width: 964px !important;
		padding: 50px 40px 68px 40px;
		margin: 0 auto;		
	}
	
	#footer-inner 
	{
		border-top: 1px #9da2a5 solid;
		border-bottom: 1px #9da2a5 solid;
		position: relative;
	}
	
	#footernavigation 
	{
	}
	
		#footernavigation li 
		{
			display: inline;
			float: left;
			background: transparent url('/gfx/sep-1.png') top right repeat-y;
			font-size: 13px;
			color: #231f20;
			line-height: 20px;
			margin: 14px 0;
			padding: 0 14px;
		}
		
		#footernavigation li:first-child 
		{
			padding-left: 0;
		}
		
		#footernavigation li a 
		{
			color: #00aeef;
			text-decoration: none;
		}
		
	#facebookLnk { position: absolute; right: 36px; top: 13px;}
	#twitterLnk { position: absolute; right: 0px; top: 13px;}

/** Helper **/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}



/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}

.hidden { display: none; }


