@charset "UTF-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote, iframe { margin: 0; padding: 0; border: 0;} /*fieldset,input,*/
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0;
	text-align: center;
}
/*td {border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-size: 1.3em; line-height:2em; color: #3f3f3f; font-family: "Lucida Grande", Trebuchet MS, Verdana, sans-serif; font-size:62.5%;}*/
td.lasttd {border-right: none;}

img, .cruises, .vessels, .experts, .experience, .difference, .info, .about, .contact,  #container_top, #container_bottom, #container_home, .affiliations, .acelink, .siderule { behavior: url(/scripts/iepngfix.htc); } /*#container,*/

body {margin:0; padding:0; color: #666; font-family: "Lucida Grande", Trebuchet MS, Verdana, sans-serif; font-size:62.5%; text-align: left; background: #fff url(../images/structural/top-bar.png) repeat-x;}

body.signup {background: #fff}

@font-face {
     font-family: "mchfontlight";
     src: url('../fonts/mchfont-Medium.eot');
     src: local('mchfont-Light'),
          url('mchfont-Light.otf'),
     	  url('../fonts/mchfont-Light.otf') format('opentype'),
     	  url('mchfont-Light.svg#font'),
          url('../fonts/mchfont-Light.svg#BryantPro-Light') format('svg')
}
@font-face {
     font-family: "mchfontreg";
     src: url('../fonts/mchfont-Medium.eot');
     src: local('mchfont-Regular.otf'),
          url('mchfont-Regular.otf'),
     	  url('../fonts/mchfont-Regular.otf') format('opentype'),
     	  url('mchfont-Regular.svg#font'),
          url('../fonts/mchfont-Regular.svg#BryantPro-Medium') format('svg')
}
@font-face {
     font-family: "mchfontmed";
     src: url('../fonts/mchfont-Medium.eot');
     src: local('mchfont-Medium.otf'),
          url('mchfont-Medium.otf'),
          url('../fonts/mchfont-Medium.otf') format('opentype'),
          url('mchfont-Medium.svg#font'),
          url('../fonts/mchfont-Medium.svg#BryantPro-Regular') format('svg')
}

/*body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}*/

p{margin: 0 0 .8em;}
form {font-size: 1.2em;}
h1, h2, h3, h4 {font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif; font-weight: normal; font-style: normal;}
a {color: #666; text-decoration:none;}
a:hover {text-decoration:none; color: #f9bd70;}

.mchorange {color: #ec826a;}
.mchgreen {color: #8ce02e;}
.mchgold {color: #f9bd70;}
.lightgrey {
	color: #999;
}
.darkgrey {
	color: #333;
}

img {
	border:0;
	border-style: none;
	}
	
/* Accessibility */

.hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}


/* Building blocks */



/* Top Section */

#container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
#container.signup { 
	width: 550px;
}

#top { 
	width: 960px;
	height: 25px;
	float: left;
	position: relative;
	background: none; 
	margin: 0;
	overflow: hidden;
	
}
#topnav{
	width: 400px;
	position:relative;
	display: inline;
	float: right;
	overflow:hidden;
	margin: 0;
	text-align: right;
	height: 24px;
}
#topnav a, #topnav button{	
	display:block;
    float:right;
    background-color:none;
    border-bottom: 1px solid #eaeaea;
    text-decoration:none;
    font-weight: normal;
    text-shadow: #fff 0 1px 0;
    color: #aaa;
    /*cursor:pointer;*/
    padding:5px 10px 6px 7px; /* Links */
}
#topnav button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#topnav button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
#topnav button img, #topnav a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

#topnav button.con, #topnav a.con{
}
#topnav a.con:hover, #topnav button.con:hover, #topnav a.con#current{
    background-color: #f9bd70;
    border-bottom: 1px solid #f79922;
    color:#fff;
    text-shadow: #f79922 0 -1px 0;
}

#topnav button.train, #topnav a.train{
}
#topnav a.train:hover, #topnav button.train:hover, #topnav a.train#current{
    background-color: #8ce02e;
    border-bottom: 1px solid #73c726;
    color:#fff;
    text-shadow: #73c726 0 -1px 0;
}
#topnav button.res, #topnav a.res{
}
#topnav a.res:hover, #topnav button.res:hover, #topnav a.res#current{
    background-color: #5b94eb;
    border-bottom: 1px solid #2a60b7;
    color:#fff;
    text-shadow: #2a60b7 0 -1px 0;
}
#topnav button.blog, #topnav a.blog{
}
#topnav a.blog:hover, #topnav button.blog:hover, #topnav a.blog#current{
    background-color:#ec826a;
    border-bottom: 1px solid #d86854;
    color:#fff;
	text-shadow: #d86854 0 -1px 0;
}



#header {
	width: 960px;
	height: 31px;
	float: left;
	background: none;
	margin: 20px 0 0;
	position: relative;
	z-index: 4;
}

#logo{
	width: 290px;
	float: left;
	display: inline;
	position:relative;
	/*margin-right: 220px;*/
}
#nav{
	width: 620px;
	position:relative;
	display: inline;
	float: right;
	overflow:hidden;
	float: right;
	text-align: right;
	font-size: 1.7em;
	z-index: 5;
	margin: 7px 5px 0 0;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	display: inline;
	padding-left: 10px;
	margin-right: 2px;
}
#nav a {
	color: #999;
	text-decoration:none;
}
#nav a:hover {
	color: #666;
	text-decoration:none;
}
#nav a#current {
	color: #f9bd70;
	text-decoration:none;
}
#hero {
	width: 960px;
	/*height:  140px;*/
	float: left;
	overflow: hidden;
	margin: 30px 0 10px;
}

#hero p{
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 3.2em;
	color: #aaa;
	font-style: normal;
	line-height: 1.3em;
}

#head {
	width: 960px;
	height:  50px;
	float: left;
	overflow: hidden;
	margin: 30px 0 10px;
}
#head p{
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 3.5em;
	color: #f9bd70;
	font-style: normal;
	line-height: 1.3em;
}
/* Content */

#content.home {
	float: left;
	width: 960px;
	padding: 0;
	margin: 0 0 30px;
	border-top: none;
}

#content {
	float: left;
	width: 625px;
	position: relative;
	display: inline;
	padding: 0;
	margin: 0 50px 80px 0;
	border-top: 1px solid #ccc;
}
#content.definitions {
	float: left;
	width: 960px;
	padding: 0;
	margin: 0 0 80px;
	border-top: 1px solid #ccc;
}
#content.signup {
	width: 500px;
	margin: 25px;
	border-top: none;
}
#content h1 {
	color: #f9bd70;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 2.7em;
	font-style: normal;
}
#content h1.int {
	margin-top: 1.5em;
}
#content h2 {
	color: #f9bd70;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 2.2em;
	font-style: normal;
	margin-top: 1.5em;
	margin-bottom: 1px;
}
#content h3 {
	color: #f9bd70;
	font-weight: normal;
	line-height: 2em;
	font-size: 2.2em;
	font-style: normal;
	margin-top: .8em;
	margin-bottom: 1px;
}
#content h4 {
	color: #919191;
	font-weight: normal;
	font-size: 2em;
	font-style: normal;
	margin-top: 1em;
	/*padding-bottom: .3em;*/
	margin-bottom: 1.4em;
}
#content p {font-size: 1.2em; line-height:1.8em;}
#content p a {text-decoration: underline;}
#content p.intro {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 2.2em;
	line-height: 1.5em;
	color: #aaa;
	margin: .5em 0 .6em;
}
#content p.caption {
	color: #b0b0b0;
	text-align: right;
	font-style: italic;
}

#content p.liststart {
	margin-bottom: .3em;
}
#content p.newsdate {
	color: #7f7f7f;
	padding: 0;
	margin-bottom: 0em;
	text-transform: uppercase;
	font: bold 1em/1.6em "mchfontmed","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .05em;
}
#content p.newshead {
	font-size: 1.3em;
	font-weight: normal;
	color: #f9bd70;
	line-height: 1.6em;
	margin-bottom: 0;
}
#mainText {
	float: left; 
	width: 625px;
}
#mainText.definitions {
	float: left; 
	width: 960px;
}
#mainText ul{
	padding: 0 0 1em 1em;
	margin-left: .7em;
	font-size: 1.2em;
	line-height:1.8em;
	list-style-type: disc;
}

#mainText li{
	text-indent: 0px;
	padding-top: 0;
	padding-bottom: .3em;
}
.news {
	margin-bottom: 1.5em;
	position: relative;
}
.news#first {
	margin-top: .3em;
}
.news#last {
	margin-bottom: 0;
	border-bottom: none;
}




.homePanel {
	width: 215px;
	float: left;
	position: relative;
	display: inline;
	margin-right: 30px;
	border-top: 1px solid #ccc;
}
.homePanel#last {
	margin-right: 0;
} 
.homePanel#lasttwo {
	margin-right: 0;
	margin-top: 10px;
} 
#homeQuote {
	width: 960px;
	float: left;
	position: relative;
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 20px;
}
#homeQuote p.quote {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 2.2em;
	line-height: 1.5em;
	color: #aaa;
	margin: .5em 0 .3em;
}
#homeQuote p.name {
	font-family: "mchfontreg", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #7f7f7f;
	padding: 0;
	margin-bottom: 0em;
	text-transform: uppercase;
	font: bold .8em/1.6em;
	letter-spacing: .05em;
}

#poll {
	margin-top: 0;
	}
#poll p {
	margin-bottom: 0;
	}
#submenu {
	width: 625px;
	float: left;
	position: relative;
	display: inline;
	margin: 15px 0 30px;
}
#submenu ul {
	list-style: none;
	margin: 0;
}
#submenu li {
	display: inline;
	margin-right: 15px;
	text-transform: uppercase;
	font: bold 1em "mchfontmed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .1em;
}
#submenu a {
	color: #999;
	text-decoration:none;
}
#submenu a:hover {
	color: #666;
	text-decoration:none;
}
#submenu a#current {
	color: #f9bd70;
	text-decoration:none;
}

.panel {
	float: left;
	width: 280px;
	display: inline;
	position: relative;
	border-top: 1px solid #ccc;
	margin-bottom: 25px;
}
.panel#deftop {
	margin-bottom: 0;
}
.panel#int {
	float: left;
	width: 280px;
	display: inline;
	position: relative;
	margin-bottom: 25px;
	border-top: none;
	margin-top: -45px;
}
.panel#inttwo {
	float: left;
	width: 280px;
	display: inline;
	position: relative;
	margin-bottom: 25px;
	border-top: none;
	margin-top: -102px;
}
.panel p {
	font-size: 1.2em;
	line-height:1.8em;
	color: #888;
}
#content p.caption {
	color: #b0b0b0;
	text-align: right;
	font-style: italic;
}
.panel p.quote {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 2.2em;
	line-height: 1.5em;
	color: #aaa;
	margin: .5em 0 .3em;
}
.panel#int p.quote {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 2.2em;
	line-height: 1.5em;
	color: #aaa;
	margin: .5em 0 .3em;
}
.panel#inttwo p.quote {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	font-size: 2.2em;
	line-height: 1.5em;
	color: #aaa;
	margin: .5em 0 .3em;
}

.panel p.name {
	font-family: "mchfontreg", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #7f7f7f;
	padding: 0;
	margin-bottom: 0em;
	text-transform: uppercase;
	font: bold .8em/1.6em;
	letter-spacing: .05em;
}
.panel#int p.name {
	font-family: "mchfontreg", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #7f7f7f;
	padding: 0;
	margin-bottom: 0em;
	text-transform: uppercase;
	font: bold .8em/1.6em;
	letter-spacing: .05em;
}
.panel#inttwo p.name {
	font-family: "mchfontreg", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #7f7f7f;
	padding: 0;
	margin-bottom: 0em;
	text-transform: uppercase;
	font: bold .8em/1.6em;
	letter-spacing: .05em;
}
.panel p.name2 {
	color: #7f7f7f;
	padding: 0;
	margin-bottom: 0em;
	font: bold .8em/1.6em;
	text-align: left;
}
.panel ul{
	padding: 0 0 1em 1em;
	margin-left: .7em;
	font-size: 1.2em;
	line-height:1.8em;
	list-style-type: disc;
}

.panel li{
	color: #888;
	text-indent: 0px;
	padding-top: .3em;
	padding-bottom: .3em;
}

.panel h1 {
	font-family: "mchfontlight", "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
	color: #f9bd70;
	font-size: 2.2em;
	font-style: normal;
	margin-top: 1em;
	margin-bottom: .6em;
}
.panel h2 {
	color: #f9bd70;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 2.2em;
	font-style: normal;
	margin-top: 1.5em;
	margin-bottom: .3px;
}
.panel img {
	margin-bottom: 10px;
	}
#subsub {
	width: 625px;
	float: left;
	position: relative;
	display: inline;
	margin: 15px 0 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
#subsub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subsub li {
	display: inline;
	margin-right: 15px;
	text-transform: uppercase;
	font: bold .9em "mchfontmed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#subsub a {
	color: #999;
	text-decoration:none;
}
#subsub a:hover {
	color: #666;
	text-decoration:none;
}
#subsub a#current {
	color: #f9bd70;
	text-decoration:none;
}
#subsub a.selected {
	color: #f9bd70;
}
#subText {
	float: left; 
	width: 625px;
}

#subside {
	float: left;
	width: 175px;
	margin-right: 20px;
}



/* Portfolio */

.workPanel {
	width: 600px;
	height: 110px;
	float: left;
	display: inline;
	margin-right: 10px;
	border-bottom: 1px dotted #ddd;
}
.worklist {
	margin:0;
	padding:0;
	list-style:none;
	}
.worklist li {
	/*float: left;*/
	padding: 10px 0 35px;
	margin: 0;
	/*border-bottom: 1px dotted #ddd;*/
	}
.worklist p{
	margin: 0;
	}
.worklist h1{
	margin: 30px 0 5px;
	}
/*.worklist li a{
	color: #990b60;
	text-decoration: none;
}
.worklist li a:hover{
	color: #c21272;
	text-decoration: none;
}*/
/*.thumbs {
	width:130px;
	float:left;
	margin: 0 5px 0 0;
}*/
.worklist img {
	float: left;
	display: block;
	border: 1px solid #f0f0f0;
	margin: .3em 15px 0 0;
}
.work_description {
	width:250px;
	float:left;
	padding:15px 0 0 0;
	}


/* Footer */

#footer { 
	float: left;
	width: 960px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer_facebook {
	float: left;
	display: inline;
	position: relative;
	width: 180px;
}
#footer_facebook a {
	color: #5e72ac;
}
#footer_newsletter {
	float: left;
	display: inline;
	position: relative;
	width: 250px;
}
#footer_newsletter a {
	color: #f9bd70;
}
#footer_right {
	float: right;
	display: inline;
	position: relative;
	width: 200px;
	text-align: right;
}
#footer_right a {
	text-decoration: underline;
	}

#footer p {
	font-size: 1em;
	line-height: 1.8em;
}


#rotator
{
	/*border: 1px solid #000;*/
	cursor: pointer;
	overflow: hidden;
	/*margin: 50px auto 10px;*/
	position: relative;
	width: 820px;
	height: 250px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 820px;
	height: 250px;
}
#popup {
	width: 169px;
	height: 139px;
	filter:alpha(opacity=0);
	opacity:0;
	z-index: 100;    /*background: #ef73fd url(../images/popup-bubble.png) no-repeat fixed;*/
}
#popuptext {
	width: 149px;
	height: 105px;
	margin: 24px 10px 10px;
}
.imgfull {
	margin-bottom: 15px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.fltlft-dwn { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	padding-top: 4px;
}
.fltlfttop { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-top: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}