@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic);
/*
--------------------------------------------------
Panamax.com GLOBAL STYLES
Last revised 15 April 2013
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------
Custom blue #4C5481
Custom teal #3B6E8F
Custom blue-grey #A7B2C0
Very dark grey #333

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #333; /* Very dark grey */
		font-size: 12px;
		font-family: Verdana, "Helvetica Neue", Arial, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 72em; /* 864px -- < Win IE7 ignores this */
		background: transparent;
		}

/* Links */
a		{
		text-decoration: none;
		padding-bottom: .1em;
		border-bottom: .1em solid #A7B2C0; /* custom blue-grey */
		-moz-transition: .2s color linear;
		-webkit-transition: .2s color linear;
		transition: .2s color linear;
		}
a:link, a:visited {
		color: #4C5481; /* custom blue */
		}
a:focus {
		outline: none; /* most browsers do not yet support this property */
		-moz-outline: none; /* remove focus outline in legacy Mozilla browsers */
		}
a:hover {
		color: #3B6E8F; /* custom teal */
		background-color: #A7B2C0; /* custom blue-grey */
		}
a:active {
		}

/* Headings */
h1, h2, h3, h4, h5, h6 {
		color: #4C5481; /* custom blue */
		font-weight: 600;
		font-size: 1em;
		font-family: "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
		line-height: 2;
		margin: 1em 0;
		}
h1		{
		font-size: 2em;
		line-height: 1;
		}
h2		{
		font-weight: 700;
		font-size: 1.5em;
		line-height: 1.5;
		margin: 1.5em 0 0;
		}

p		{
		margin-bottom: 1em;
		}
blockquote {
		margin: 2em;
		}
form	{
		margin: 0;
		}
address {
		margin: 1em 0;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

abbr, acronym {
		font-size: .9em;
		letter-spacing: .1em;
		border-bottom: none;
		cursor: help;
		}
dfn		{
		border-bottom: none;
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#banner_background {
		height: 8.5em;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: .5em solid #A7B2C0; /* custom blue-grey */
		background: #EEE url(images/utility/gradient_EEEEEE.gif) repeat-y left;
		}

#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 72em; /* 864px */
		margin: 0 auto; /* standard CSS horizontal centering */
		padding: 0;
		background: transparent;
		}

/* Banner */
#banner { /* identity */
		width: 72em;
		height: 5.5em;
		position: relative;
		padding: 2em 0 1em;
		border-bottom: .5em solid #A7B2C0; /* custom blue-grey */
		background: transparent;
		}
#banner #logo {
		float: left;
		}
#banner #logo a {
		width: 333px;
		height: 55px;
		float: left;
		padding: 0;
		border-bottom: none;
		background: transparent url(images/logos/logo_panamax_fx.png) no-repeat;
		}
#banner #logo span {
		display: none;
		}

/* Main content area */
#container {
		line-height: 2;
		clear: both;
		}
#content {
		width: 52em;
		position: relative;
		float: right;
		margin-bottom: 2em;
		padding-left: 2em;
		background: transparent;
		}

/* Multiple entry */
#content .entry h2 span {
		color: #333; /* Very dark grey */
		font-size: small;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding-left: .5em;
		}
#content .entry h2 a {
		padding-bottom: 0;
		border-bottom: none;
		}

/* Sidebar */
#sidebar {
		width: 18em;
		min-height: 33em;
		float: right;
		position: relative;
		margin: 1em 0 0 0;
		background: transparent;
		}
#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #3B6E8F; /* custom teal */
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 1em 0;
		}
#cities {
		font-weight: bold;
		font-family: "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		bottom: auto;
		left: 0;
		margin-top: 4em;
		}

/* Footer */
#footer {
		position: relative;
		clear: both;
		list-style: none;
		}
#footer li {
		display: inline;
		}
#footer li span {
		padding-left: .5em;
		}		
#footer li.byline { /* use for site-design credit */
		font-size: 11px;
		font-family: "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		right: 0;
		display: none;
		background: none;
		}
#footer li.byline span {
		font-weight: bold;
		padding-left: 0;
		}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none;
		}
.show	{
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
#nav	{
		float: right;
		margin-top: 47px; /* @4em, less borders */
		}
#nav li	{
		color: #4C5481; /* custom blue */
		font-weight: 700;
		font-family: "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		float: left;
		margin-left: 5px;
		}
#nav a	{
		display: block;
		padding: .5em 1em;
		border: .1em solid #A7B2C0; /* custom blue-grey */
		border-bottom: none;
		background: #A7B2C0; /* custom blue-grey */
		}
#nav a:link, #nav a:visited {
		color: #FFF; /* White */
		}
#nav a:hover {
		color: #4C5481; /* custom blue */
		height: 2em;
		margin-top: -1em;
		padding: 1em;
		background: #FFF; /* White */
		}
#nav a:active {
		color: #3B6E8F; /* custom teal */
		}
#nav a.selected {
		color: #3B6E8F !important; /* custom teal */
		height: 2em;
		margin-top: -1em;
		padding: 1em;
		background: #FFF; /* White */
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.float.left {
		float: left;
		}
.float.right {
		float: right;
		}
.trim	{
		margin: 0 !important;
		padding: 0 !important;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		}
.small	{
		font-size: smaller;
		}
.caps	{
		font-size: smaller;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content .caps {
		font-size: 11px;
		}
.caption {
		font-style: italic;
		}

/* Typography */
h1 + p:first-line {
		color: #3B6E8F; /* custom teal */
		font-weight: bold;
		letter-spacing: .1em;
		}

/* Links */
.img	{
		border-bottom: none !important;
		background: none !important;
		}

/* Lists */
.square {
		margin: 1em 0 1em 1.1em;
		list-style: square;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}
.decimal {
		margin-left: 2em;
		list-style-type: decimal;
		}

/* vCard */
.vcard .org {
		display: none;
		}