/* -----------------------------------------------
McDonnell Haynes - Advertising and Design - Toronto screen style
author: Jay Kerr / JAK MEDIA
version: Nov 17, 2010, 8:14 PM
----------------------------------------------- */

/* RESET
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* PAGE STRUCTURE
----------------------------------------------- */
body {
	background: #262626 url(/images/bg-main.gif) repeat-x top left;
	font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
	font-size: 13px; line-height: 18px;
	font-weight: 300; font-style: normal;
	color: #f0f0f0;
	text-align: center;
}	

#header, #homepage, #content, #footer {
	margin: 0 auto;
  	width: 880px; 
	text-align: left;
}

#header {
  	height: 62px;
}

#content {
	padding: 100px 0 40px 0;
	background: url(/images/HUNT.png) 0px 140px no-repeat;
	overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0; line-height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both; height: 0; line-height: 0;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}


/* PAGE HEADER
----------------------------------------------- */
#logo {
	float: left;
	width: 251px;
	padding: 33px 0 0 0;
}

#logo-center {
	margin: 0 auto;
	width: 251px;
	padding: 33px 0 0 0;
}

#logo img, #logo-center img {
	height: 0;
}

#logo a, #logo span, #logo-center a, #logo-center span {
	display: block;
	width: 251px;
	height: 29px;
	background: url(/images/logo.gif) no-repeat top left;
	border: 0;
}

#logo a:hover, #logo span:hover,
#logo-center a:hover, #logo-center span:hover {
	background-position: 0 -29px;
}


/* NAVIGATION
----------------------------------------------- */
#globalnav {
	float:left;
	width: 580px;
	text-align: left;
	padding: 39px 0 0 33px;
}

/*
#globalnav a, #globalnav a:link, #globalnav a:visited {
	color: #d7d7d7;
	text-decoration: none;
	padding: 0 18px 0 0;
	font-size: 13px; line-height: 13px;
	font-weight: 600; font-style: normal;
}

#globalnav a.selected, #globalnav a.selected:link, #globalnav a.selected:visited {
	color: #fff;
	text-decoration: none;
}

#globalnav a:active, #globalnav a.selected:active {
	color: #e70033;
}

#globalnav a:hover { 
	color: #fff;
}
*/


/* SIDEBAR NAVIGATION
----------------------------------------------- */
#navcontainer {
	text-align: left;
	width: 240px;
	padding: 0 0 40px 0;
	border-top: 1px solid #3e3d3d;
}

#navcontainer ul {
	list-style: none;
}

#navcontainer a {
	display: block;
	padding: 10px 0;
	width: 240px;
	background-color: transparent;
	border-bottom: 1px solid #3e3d3d;
}

#navcontainer a.selected {
	display: block;
	padding: 10px 0;
	width: 240px;
	border-bottom: 1px solid #3e3d3d;
}

#navlist a:link, #navlist a:visited {
	font-weight: bold;
	color: #ada79c;
	text-decoration: none;
}

#navlist a.selected, #navlist a.selected:link, 
#navlist a.selected:visited {
	color: #f0f0f0;
	text-decoration: none;
	border-bottom: 1px solid #3e3d3d;
}

#navcontainer a:hover {
	color: #fff;
}

#navcontainer a:active {
	color: #e70033;
}

#navcontainer a.selected:hover {
	color: #fff;
}

#menubar {
	margin: 0 auto;
	width: 30em;
	padding: 230px 0 0 0;
}

	
/*** SuckerFish Menus ***/
.sf-menu, .sf-menu *, .mh-menu, .mh-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu, .mh-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			30em; /* left offset of submenus need to match (see below) */
}
.mh-menu ul {
	position:		absolute;
	top:			-999em;
	width:			11em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li, .mh-menu ul li {
	width:			100%;
}
.sf-menu li:hover, .mh-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li, .mh-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a, .mh-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.mh-menu li:hover ul,
.mh-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.mh-menu li:hover li ul,
ul.mh-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			30em; /* match ul width */
	top:			0;
}
ul.mh-menu li li:hover ul,
ul.mh-menu li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul,
ul.mh-menu li li:hover li ul,
ul.mh-menu li li.sfHover li ul{
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			30em; /* match ul width */
	top:			0;
}
ul.mh-menu li li li:hover ul,
ul.mh-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** HOMEPAGE SKIN ***/
.sf-menu {
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.5em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li a {
	background:		#fff; /* sections */
	font-size: 		13px;
	font-weight:	600;
	font-style:		normal;
	color:			#222;
	width:			28em;
}
.sf-menu li a:hover {
	background:		#e70033;
	color: #fff;
}
.sf-menu li li {
	background:		#b8b8b8;
	border-top:		1px solid #a0a0a0;
}
.sf-menu li li a {
	background:		#b8b8b8;
	font-size:		13px;
	font-weight:	600;
	font-style:		normal;
	color:			#222;
}
.sf-menu li li a:hover {
	background:		#e70033;
	border-top:		none;
	font-size:		13px;
	color:			#fff;
	font-weight:	600;
	font-style:		normal;
}
.sf-menu li li li {
	background:		#b8b8b8;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:url(/images/bg-dropdown.png);
	outline:		0;
	text-decoration:none;
}

/*** MENUBAR SKIN ***/
.mh-menu {
	margin-bottom:	1em;
}
.mh-menu a {
	padding: 		.5em 1.25em;
	text-decoration:none;
}
.mh-menu a, .mh-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.mh-menu li a {
	background:		transparent; /* sections */
	font-size: 		13px;
	font-weight:	600;
	font-style:		normal;
	color:			#fff;
}
.mh-menu li a:hover {
	color: 			#fff;
}
.mh-menu li li {
	background:		#b8b8b8;
	border-top:		1px solid #a0a0a0;
}
.mh-menu li li a {
	background:		#b8b8b8;
	font-size:		13px;
	font-weight:	600;
	font-style:		normal;
	color:			#222;
}
.mh-menu li li a:hover {
	background:		#e70033;
	border-top:		none;
	font-size:		13px;
	color:			#fff;
	font-weight:	600;
	font-style:		normal;
}
.mh-menu li li li {
	background:		#b8b8b8;
}
.mh-menu li:hover, .mh-menu li.sfHover,
.mh-menu a:focus, .mh-menu a:hover, .mh-menu a:active {
	background:url(/images/bg-dropdown.png);
	outline:		0;
	text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(/images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* CONTENT - Homepage
----------------------------------------------- */
#homepage {
	width: 100%;
	height: 500px;
	background: url(/images/HUNT.png) center center no-repeat;
	padding: 0;
	overflow: hidden;
	text-align: left;
}


/* CONTENT - Secondary Pages
----------------------------------------------- */
#content-left {
	float: left;
	width: 280px;
	text-align: left;
}

#client-list li {
	padding:2px 0;
}

#content-right {
	float: left;
	width: 599px;
	border-left: 1px solid #3e3d3d;
	text-align: left;
}

#content-right b {
	font-weight: 600; font-style: normal;
}

/* CONTENT - Secondary Pages - RSVP
----------------------------------------------- */
#rsvp {
	width: 600px; height: 400px;
	margin: 0 auto;
	padding: 50px 0 75px 0;
}

#rsvp-container {
	width: 600px; height: 400px;
	background: url(/rsvp/tds-3.jpg) no-repeat;
	overflow: hidden;
}

#rsvp-form {
	width: 600px; height: 400px;
	background: url(/rsvp/tds-4.jpg) no-repeat;
	overflow: hidden;
}

.rsvp-form-submit {
	margin: 160px auto 0 auto;
	padding: 20px;
	width: 212px;
	background-color: #754c24;
	-webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .7);
	box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .7);
}

.youtube {
	margin: 155px 0 0 128px;
	width: 300px;
	float: left;
	-webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .7);
	box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .7);
}

.button-rsvp {
	margin: 165px 0 0 0;
	width: 160px;
	float: left;
}

div.rsvp-no input {
	display: block;
	width: 212px;
	height: 45px;
	background: url(/rsvp/submit.gif) no-repeat top left;
	border: 0;
	cursor: pointer;
}

div.rsvp-no input:hover {
	background-position: 0 -94px;
}

div.rsvp-yes input {
	display: block;
	width: 212px;
	height: 49px;
	background: url(/rsvp/submit.gif) no-repeat;
	border: 0;
	background-position: 0 -45px;
	cursor: pointer;
}

div.rsvp-yes input:hover {
	background-position: 0 -139px;
}

input.rsvpemail {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	line-height: 22px;
	width: 206px;
}

.wrapper-content-narrow {
	padding: 0 300px 0 20px;
}

.wrapper-content-wide {
	padding: 0 0 0 20px;
}

.nopad {
	padding: 0;
}

.thumb-staff {
	float: left;
	width: 129px;
	padding: 0 20px 20px 0;
}

.thumb-staff-nopad {
	float: left;
	width: 129px;
	padding: 0 0 20px 0;
}

.thumb-leadership {
	float: left;
	width: 174px;
	padding: 0 20px 20px 0;
}

.thumb-leadership-nopad {
	float: left;
	width: 174px;
	padding: 0 0 20px 0;
}

#staff {
	font-size: 11px;
	line-height: 16px;
	color: #aea79c;
}

#staff b {
	font-size: 13px;
	color: #fff;
}

#staff p {
	margin: 0 0 13px 0;
}

#staff-lightbox {
	width: 864px;
	height: 471px;
	background: #000;
}

.arrow-left {
	float: left;
	width: 92px;
	padding-right: 20px;
	cursor:pointer;
}

.arrow-right {
	float: left;
	width: 92px;
	padding-left: 20px;
	cursor:pointer;
}

#staff-photo {
	float: left;
	width: 320px;
}

#staff-copy {
	float: left;
	background: #fff;
	width: 260px; height: 411px;
	padding: 30px;
	text-align: left;
	color: #333;
}

#staff-copy .staff-name {
	padding: 0 0 4px 0;
	font-size: 18px;
	font-weight: 600; font-style: normal;
	color: #000;
}

#staff-copy .staff-title {
	padding: 0 0 18px 0;
	font-size: 14px;
	color: #605b55;
}

.thumb-work-left {
	float: left;
	width: 277px;
	padding: 0 12px 20px 0;
}

.thumb-work-right {
	float: left;
	width: 277px;
	padding: 0 0 20px 12px;
}

.boxgrid {
	width: 277px; 
	height: 187px; 
	background: #161613; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxgrid h3 {
	margin: 20px;
	padding: 0 0 85px 0;
	font-size: 20px; line-height: 20px;
	font-weight: 600; font-style: normal;
	color: #fff;
}

.boxgrid p {
	padding: 0 20px;
	font-size: 13px;
	font-weight: 600; font-style: normal;
	text-align: right;
}

.boxgrid:hover {
	cursor:pointer;
}
				
.boxcaption { 
	float: left; 
	position: absolute;
	background: #000;
	height: 187px;
	width: 100%;
	opacity: .92;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
}

.captionfull .boxcaption {
	top: 187px;
	left: 0;
}

.caption .boxcaption {
	top: 220px;
	left: 0;
}

.smaller {
	font-weight:normal;
}

.boxcaption a {
	width:110px;
	text-align:right;
	position:absolute;
	left:150px;top:150px;
}

.boxgridstaff {
	width: 129px; 
	height: 190px; 
	background: #161613; 
	overflow: hidden; 
	position: relative; 
}

.boxgridstaff img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxgridstaff h3 {
	margin: 20px;
	padding: 0 0 75px 0;
	font-size: 16px; line-height: 20px;
	font-weight: 600; font-style: normal;
	color: #fff;
}

.boxgridstaff p {
	padding: 0 20px;
	font-size: 13px;
	font-weight: 600; font-style: normal;
	text-align: right;
}

.boxgridstaff:hover {
	cursor:pointer;
}
				
.boxcaptionstaff { 
	float: left; 
	position: absolute;
	background: #000;
	height: 190px;
	width: 100%;
	opacity: .85;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.captionfullstaff .boxcaptionstaff {
	top: 190px;
	left: 0;
}

.captionstaff .boxcaptionstaff {
	top: 220px;
	left: 0;
}



.boxgridleadership {
	width: 174px; 
	height: 256px; 
	background: #161613; 
	overflow: hidden; 
	position: relative; 
}

.boxgridleadership img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxgridleadership h3 {
	margin: 20px;
	padding: 0;
	font-size: 16px; line-height: 20px;
	font-weight: 600; font-style: normal;
	color: #fff;
}

.boxgridleadership p {
	padding: 0 20px;
	font-size: 13px;
	font-weight: 600; font-style: normal;
	text-align: right;
}

.boxgridleadership:hover {
	cursor:pointer;
}
				
.boxcaptionleadership { 
	float: left; 
	position: absolute;
	background: #000;
	height: 256px;
	width: 100%;
	opacity: .85;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.boxcaptionleadership a {
	position:absolute;
	left:100px;top:220px;
}

.captionfullleadership .boxcaptionleadership {
	top: 256px;
	left: 0;
}

.captionleadership .boxcaptionleadership {
	top: 220px;
	left: 0;
}

 				
#video {
	background: #000;
}

#main-content ul, #homepage-secondary ul {
	list-style:none;
	margin: 0 0 18px 0;
	padding-left: 5px;
}

#main-content ul li, #homepage-secondary ul li {
	padding: 0 0 0 15px;
	background:url(/images/bullet-disc.gif) no-repeat 0 6px;
}

#content ol {
	margin: 0 0 18px 0;
	padding-left: 20px;
}

#content ol li {
	padding: 0 0 0 5px;
}

.audioplayer {
	float: left;
	width: 285px;
}

/* FOOTER
----------------------------------------------- */
.footer-wrapper {
	border-top: 1px solid #373636;
	padding: 20px 0 40px 0;
	color: #605b55;
	font-size: 11px;
}

.footer-wrapper b {
	font-weight: 600; font-style: normal;
}

.footer-column-1 {
	float: left;
	width: 300px;
}

.footer-column-2 {
	float: left;
	width: 580px;
}

.footer-center {
	text-align: center;
}

#footer a, #footer a:link, #footer a:visited {
	color: #605b55;
	text-decoration: none;
	padding: 0 18px 0 0;
	font-weight: normal;
}

#footer a:hover { 
	color: #fff;
}


/* LINKS
----------------------------------------------- */
a { 
	color: #fff;
	text-decoration: none;
}

a:hover, a.hovered { 
	color: #e70033;
}

a:active {
	color: #e70033;
}

a:active, a:focus {
	outline:none;
}

/* TYPOGRAPHY 
----------------------------------------------- */
h1 {
	padding: 0 0 26px 0;
	font-size: 26px; line-height: 26px;
	font-weight: 600; font-style: normal;
	color: #fff;
}

h2 {
	padding: 0 0 26px 0;
	font-size: 18px; line-height: 26px;
	font-weight: 600; font-style: normal;
	color: #fff;
}

p {
	margin: 0 0 18px 0;
}

::selection { /* Safari and Opera */
	background: #333;
	color: #fff;
}

::-moz-selection { /* Firefox */
	background: #333;
	color: #fff;
}


/* FORM ELEMENTS
----------------------------------------------- */
form {
	margin: 0; padding: 0;
}

select, option {
	margin: 10px 0 10px 2px;
	padding: 2px;
}

label {
	margin: 0 0 10px 0;
	font-weight: bold;
	text-align: left;
	color: #666;
}

input {
	font: 13px Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 3px;
}

textarea {
	margin-top: 5px;
	width: 90%;
}

.fieldinput {
	width: 90%;
}

.feedback {
	width: 50%;
}

.phonenumber {
	width: 25%;
}

#questions ol li {
	padding-bottom: 18px;
}

.pulldown {
	padding: 0;
}

.widget-content select {
	margin: 0 0 4px 0;
	width: 130px;
}

input.emailaddress {
    border: 1px solid #333;
	font: normal 12px Arial, serif;
    padding: 3px;
    width: 250px;
}

.button {
	color: #fff;
	text-decoration: none;
	font: bold 14px Helvetica, Arial, sans-serif;
	background-color: #575b5d;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
}

.button:hover { 
	background-color: #5c244b;
	cursor:pointer;
}


/* IMAGES
----------------------------------------------- */
img {
	display: block;
	border: 0; border: none;
}

img.photo {
	padding: 4px;
	border: 1px solid #c9cacb;
}

img.padme {
	margin: 5px 0;
}

img.flags {
	display: inline;
	vertical-align: top;
	border: 0;
}

.inline {
	display: inline;
	vertical-align: middle;
	border: 0;
}

.imgfloatleft {
	float: left;
	margin: 0 10px 0 0;
}

.imgfloatright {
	float: right;
	margin: 0 0 10px 10px;
}

.imgcenter {
	margin: 0 auto;
}