/*   DEFAULT STYLES   */
body {
	background:#e8e8e8;
	min-width:1000px;
	font-size:12px;
	line-height:21px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color:#5d5d5d;

}
* { margin: 0; outline: none; }
a {color:#4c4c4c;}
a:hover {color:#6b6b6b;}
p {margin-bottom:18px;}
ul {margin-bottom:24px;}
#navigation-container a, a.button, .big-button, #title-nav, #dropdownform, .left-pagination a, .right-pagination a, .date, form#contactform input.submit-form, .t-headings {font-family: 'Cantarell', arial, serif;}
#navigation-container ul ul a, .date .blogcomments {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {text-transform:uppercase; font-weight:normal; font-family: 'Cantarell', arial, serif; color:#5d5d5d; text-shadow: 1px 1px 0px #ffffff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; color:#5d5d5d; }
h1 {  font-size:34px; line-height:32px;  margin-bottom:12px;}
h2 { font-size:24px;  line-height:24px; margin-bottom:10px;}
h3 { font-size:18px; line-height:22px; margin-bottom:8px; }
h4 { font-size:15px; line-height:21px;  margin-bottom:7px;}
h5 {font-size:14px; line-height:19px; margin-bottom:6px;}
h6 {font-size:12px; line-height:26px; margin-bottom:5px;}
iframe {border:0px; margin:0px; padding:0px;}
img.noborder {border:none !important;}


/*   HEADER   */
#header {border-bottom:5px solid #d3c8b4; margin-bottom:28px; background: url(../images/texture.png) top left repeat-x;}
#header-top {background:url(../images/header-top-bg.png) bottom left repeat-x; }
#header-top-container {width:900px; margin:0 auto;  }
.header-base {width:900px; overflow:hidden; height:0px;}
#featured-container {background:url(../images/featured-container-bg.png) bottom left repeat-x; overflow:hidden;}
#logo {float:left; margin-bottom:3px;}
#logo > a > img {
	display: block;
}
#page-title-container {background:url(../images/featured-container-bg.png) 0px -65px repeat-x; overflow:hidden; }
#page-title {width:900px; overflow:hidden; margin:34px auto;}
#page-title h1 { text-shadow: 1px 1px 0px #5d5d5d; color:#f0ece5; font-weight:bold; letter-spacing:-1px; margin:0px; float:left; }
#page-title #title-nav {float:right; text-shadow: 1px 1px 0px #5d5d5d; color:#f0ece5; margin-top:6px; }
#page-title #title-nav h4 {text-transform:uppercase; font-weight:bold; font-size:15px; display:inline;  color:#d6d6d6; text-shadow: 1px 1px 0px #5d5d5d; position:relative; top:2px; right:15px;  }
#page-title #title-nav form {display:inline;}
#dropdownform {background:#ddd9d9; border:1px solid #ddd9d9; font-size:12px; font-weight:bold; text-transform:uppercase; color:#5d5d5d; text-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow:  1px 1px 3px #666;}


/*   MAIN STYLES   */
.container {width:900px; overflow:hidden; margin:0 auto;}
#main-content-sidebar {width:620px; float:left;}
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 10px 10px 0;}
.aligncenter { margin-bottom:12px; text-align:center;}
div.ibe_inner { opacity: .20 !important; filter: alpha(opacity = 20 ); /* ie only */}
#content h3.border-bottom { background:url(../images/header-bottom.png) 0px 0px no-repeat; padding-bottom:12px; margin-bottom:10px;}
#content h3.border-bottom a {display:block; background:url(../images/header-bottom.png) right 5px no-repeat;}
#content h3.border-bottom a:hover {color:#303030;}
#content h3.border-bottom img {padding-right:7px; position:relative;top:2px;}
.feature-box {margin-left:2px; width:835px; overflow:hidden; background:#dedada; margin:5px 0 20px 0; padding:12px 30px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px 1px #aeaeae; box-shadow:  1px 1px 1px #aeaeae; border:1px solid #cecccc;}
.feature-box h4 {font-weight:bold; font-size:16px;}
.left-feature-box {float:left; width:620px; padding-top:6px; }
.right-feature-box {float:right; width:214px;  text-align:right;  }
#content ul.post-list li {padding:10px; overflow:hidden; text-shadow: 1px 1px 0px #f2f2f2; font-size:14px; margin-left:0px;}
ul.post-list li.even  {background:#ddd;}
ul.post-list a { text-decoration:none; }
ul.post-list .author {float:right; font-size:12px; text-transform:uppercase; }
ul.post-list .comments { font-size:9px; text-align:center !important;  text-shadow:none; margin-right:19px; }
ul.post-list .comments a { line-height:1; display:inline-block;  color:#fff; width:24px; padding:8px 0 7px 0; background:url(../images/chaticon.png) 0px 1px no-repeat;}
ul.post-list .comments a:hover {background:url(../images/chaticon.png) 0px -45px no-repeat;}
.divider {background: url(../images/divider.png) center center repeat-x; height:2px; margin:34px 0 30px 0;}
blockquote {font-style:italic; line-height:24px; font-size:13px; color:#626262; background:url(../images/blockquote.png) 22px 9px no-repeat; padding:5px 15px 0 50px; margin:5px 0 30px 0;}
#content ul.checkmark li { margin-left:0px; background:url(../images/checkmark.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
#content ul.arrow li { margin-left:0px; background:url(../images/sidebar-arrow.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
#content ul li {list-style:circle; margin-left:20px;}
#content ol li {list-style:decimal; margin-left:23px;}
#content .button {font-size:11px; color:#5f5f5f; text-shadow:none;  padding: 7px 14px ; background:#fffefc url(../images/button-gradient.png) 0px 0px repeat-x; border: 1px solid #c4c2bf;
	-moz-box-shadow: 0 1px 2px #acacac;
	-webkit-box-shadow: 0 1px 2px #acacac;
	box-shadow:  0 1px 2px #acacac;
	}
#content a.button:hover {color:#464646; background:#fcf9f4 url(../images/button-gradient.png) 0px 0px repeat-x; }
.team-member {padding:10px 0 10px 0;}
.team-member h4 {margin-bottom:3px; padding-top:5px;}
.team-member img {margin-right:15px;}
.button {font-weight:bold; text-transform:uppercase; font-size:14px; color:#3e3d3d;
	background:#f6f4ef url(../images/button-gradient.png) 0px 0px repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #818080;
	-webkit-box-shadow: 0 1px 2px #818080;
	box-shadow:  0 1px 2px #818080;
	border-bottom: 2px solid #b4b2ae;
	position: relative;
	cursor: pointer;
}
a.button:hover {background:#f6f4ef url(../images/button-gradient.png) 0px -4px repeat-x; color:#000;}
.big-button {font-weight:bold; text-transform:uppercase; font-size:15px; color:#fff;
	background:#f6f4ef url(../images/big-button-gradient.png) 0px 0px repeat-x;
	display: inline-block;
	padding: 8px 24px 9px 24px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #5e5e5e;
	-webkit-box-shadow: 0 1px 3px #5e5e5e;
	box-shadow:  0 1px 2px #818080;
	border:1px solid #c4d6da;
	position: relative;
	cursor: pointer;
	text-shadow: 1px 1px 1px #666;
}
a.big-button:hover {background:#f6f4ef url(../images/big-button-gradient.png) 0px -15px repeat-x; color:#fff; }
#portfolio {margin-top:4px;}
#content #portfolio .grid3column h5 {font-size:95%;}
#portfolio h5 {position:relative; padding:7px 12px; top:1px; z-index:66; margin-bottom:0px;color:#5d5d5d; background:#dedada; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px 1px #aeaeae; box-shadow:  1px 1px 1px #aeaeae; border:1px solid #cecccc;}
#portfolio h5 a {display:block; }
#portfolio h5 span {float:right; font-size:10px; position:relative; top:1px;}
#portfolio h3 {padding-top:4px;}
#portfolio h3 span {font-size:11px; padding-left:2px; display:block; }
.pagination {text-align:right; margin:0px 0 10px 0;  color:#6f6f6f; font-size:10px;}
.pagination a {color:#6f6f6f; padding:6px 10px; background-color:#e4e4e4; margin-right:1px; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.pagination a:hover {background-color:#dadada;}
.pagination a.selected, .pagination a.selected:hover {background-color:#959595; color:#fff; }
.post-title {width:620px; overflow:hidden; margin-bottom:18px;}
.post-title .date {float:left;  text-transform:uppercase; padding:6px 10px; margin-bottom:2px; color:#5d5d5d; background:#dedada; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px 1px #aeaeae; box-shadow:  1px 1px 1px #aeaeae; border:1px solid #cecccc;}
.post-title .date span {color:#5d5d5d; text-shadow: 1px 1px 0px #ffffff; font-size:16px; position:relative; top:2px;}
.post-title .blogcomments {display:inline; text-align:center;  font-size:10px; margin-right:5px;}
.post-title .blogcomments a {display:inline-block; text-decoration:none; line-height:1; color:#fff; width:24px; padding:8px 0 7px 0; background:url(../images/chaticon.png) 0px 1px no-repeat;}
.post-title .blogcomments a:hover {background:url(../images/chaticon.png) 0px -45px no-repeat;}
.post-title h2 {float:right; width:488px; margin-top:6px;}
.post-data {font-size:10px; width:620px; overflow:hidden; padding:10px 0 0 0; margin:0 0 15px 0; background: url(../images/divider.png) top left repeat-x;}
.post-data-base {background: url(../images/divider.png) bottom left repeat-x; padding-bottom:10px;}
.blog-post .divider {margin:44px 0 40px 0;}
#author_description {padding:20px 20px 10px 20px; margin:0 0 35px 0;  color:#5d5d5d; background:#dedada; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px 1px #aeaeae;  box-shadow:  1px 1px 1px #aeaeae; border:1px solid #cecccc;}
#author_description img {float:left; margin:0 15px 15px 0;}
#content #main-content-sidebar ol.commentlist {list-style:none; margin:25px 0 20px 0; width:620px; overflow:hidden; }
#content #main-content-sidebar ol.commentlist li { list-style:none; margin:0 0 15px 0;  width:620px; overflow:hidden; }
.avatarimage {float:left; width:70px;}
.comment-body {float:right; width:510px; background:url(../images/comment-bg.png) top left no-repeat; padding:20px 10px 20px 30px;}
.comment-body p {margin-bottom:8px;}
.comment-author {font-size:16px; padding-bottom:5px;}
.comment-date {font-size:12px; padding-left:10px;}
#respond input, #respond textarea {border:2px solid #d5d5d5; padding:5px; font-size:13px; background:#f9f9f9;}
#respond h3 {padding:15px 0 15px 0;}
.heading-bg { padding:7px 12px; z-index:66; color:#5d5d5d; background:#dedada; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px 1px #aeaeae; box-shadow:  1px 1px 1px #aeaeae; border:1px solid #cecccc;}
table {border:1px solid #ccc; background:#ecebeb; width:100%; margin:8px 0 0 0; }
table td {padding:8px; border:1px solid #d6d6d6;}
table thead th {border:1px solid #ccc;}
table thead {background:#dadada;}
table tfoot td {padding:5px;}
table thead th {padding:8px 0 8px 0;}
table .t-headings {font-size:bold; font-size:115%;  background:#dadada;}
table .t-footer {background:#e1e1e1; text-align:center; font-size:90%; font-style:italic;}

/*   COLUMNS   */
.grid2column, .grid3column, .grid3columnbigcolumn, .grid4column, .grid4columnbig, .grid5column {float:left;}
.grid2column {width:435px; margin-right:30px; }
.grid3columnbigcolumn {width:590px; margin-right:30px;}
.grid3column {width:280px; margin-right:30px; }
.grid4column {width:202px; margin-right:30px;}
.grid4columnbig {width:666px; margin-right:30px;}
.lastcolumn, #main-content-sidebar .lastcolumn {margin-right:0px !important;}
#main-content-sidebar .container {width:620px; }
#main-content-sidebar .grid2column {width:295px; margin-right:30px; }
#main-content-sidebar .grid3column {width:186px; margin-right:30px; }
#main-content-sidebar .grid4column {width:132px; margin-right:30px; }
#main-content-sidebar .grid3columnbigcolumn {width:404px; margin-right:30px; }
#main-content-sidebar .grid4columnbig {width:458px; margin-right:30px;}

/*   SIDEBAR STYLES   */
.sidebar {float:right; width:245px; margin-bottom:10px; }
#content .sidebarleft {float:left; margin-right:35px;}
.sidebar h4 {font-size:12px; font-weight:bold;padding:6px 10px; margin:0 1px 15px 0; text-transform:bold; color:#5d5d5d; background:#dedada; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #aeaeae; -webkit-box-shadow: 1px 1px 1px #aeaeae;  box-shadow:  1px 1px 1px #aeaeae; border:1px solid #cecccc; }
#search {width:245px; overflow:hidden;}
#search input#searchbox {border:1px solid #ccc; padding:6px; font-size:13px; color:#8a8a8a; width:190px; float:left; margin-right:7px;}
#search input#searchsubmit, #search img {float:left; position:relative; top:-1px;}
.sidebar #jtwt {margin-bottom:25px;}
.sidebar #jtwt a#jtwt_date {padding-left:110px; }
.sidebar #jtwt_picture {float:left; padding:4px 10px 55px 0;}
.sidebar #jtwt a {color:#8a8a8a !important;}
.sidebar #jtwt a:hover {color:#666 !important;}
#content .sidebar ul.recentcomments li {list-style:none; margin:0px 0px 25px 0; }
.recentcomments span {text-transform:uppercase; font-size:13px;}
.recentcomments a {display:block; color:#8a8a8a; }
.recentcomments a:hover {color:#666;}
.sidebar #flickrsidebar ul {list-style:none;  padding:0 0 0 2px;}
.sidebar #flickrsidebar ul li {display:inline; margin:0px; padding:0px; background:transparent;}
.sidebar #flickrsidebar ul li img {margin:0px 15px 10px 0px; width:66px; height:66px;  opacity: 0.8; -moz-opacity: 0.8; -moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc; padding:0px; background:transparent;}
.sidebar #flickrsidebar ul li img:hover {opacity: 1; -moz-opacity: 1;}

/*   FOOTER STYLES   */
#footer {background:#292828 url(../images/footer-gradient.png) top left repeat-x; border-top:6px solid #bfbfbf; padding:30px 0 22px 0; margin-top:40px; color:#ccc; text-shadow:none;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#dedede;}
#footer ul li a {background:url(../images/footer-arrow.png) 0px 5px no-repeat; padding:0 0 4px 11px; display:block;}
#footer ul li a:hover {background:url(../images/footer-arrow.png) 0px -87px no-repeat;}
#footer h4 {margin-bottom:12px; padding-bottom:7px; background:url(../images/border-footer.png) bottom left no-repeat; color:#ccc; text-shadow:none;}
.social-email, .social-linkedin, .social-twitter, .social-facebook, .social-flickr, .social-rss, .social-youtube {width:16px; height:16px; padding-right:7px; display:block;  float:left; text-indent:-999px;}
a.social-email {background:url(../images/social-icons/social-email.png) 0px -16px no-repeat;}
a.social-email:hover {background:url(../images/social-icons/social-email.png) 0px 0px no-repeat;}
a.social-linkedin {background:url(../images/social-icons/social-linkedin.png) 0px -16px no-repeat;}
a.social-linkedin:hover {background:url(../images/social-icons/social-linkedin.png) 0px 0px no-repeat;}
a.social-twitter {background:url(../images/social-icons/social-twitter.png) 0px -16px no-repeat;}
a.social-twitter:hover {background:url(../images/social-icons/social-twitter.png) 0px 0px no-repeat;}
a.social-facebook {background:url(../images/social-icons/social-facebook.png) 0px -16px no-repeat;}
a.social-facebook:hover {background:url(../images/social-icons/social-facebook.png) 0px 0px no-repeat;}
a.social-flickr {background:url(../images/social-icons/social-flickr.png) 0px -16px no-repeat;}
a.social-flickr:hover {background:url(../images/social-icons/social-flickr.png) 0px 0px no-repeat;}
a.social-rss {background:url(../images/social-icons/social-rss.png) 0px -16px no-repeat;}
a.social-rss:hover {background:url(../images/social-icons/social-rss.png) 0px 0px no-repeat;}
a.social-youtube {background:url(../images/social-icons/social-youtube.png) 0px -16px no-repeat;}
a.social-youtube:hover {background:url(../images/social-icons/social-youtube.png) 0px 0px no-repeat;}
#tweets { background:#161616; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:12px;}
#jtwt_text a {text-decoration:underline !important; color:#ccc !important;}
a#jtwt_date {font-size:10px; font-style:italic; color:#b6b6b6; text-decoration:none !important;}
#jtwt_text a:hover {color:#f8f8f8 !important;}
#twitterid {text-align:right;}
#twitterid img {padding-right:7px;}


/*   CONTACT FORM STYLING   */
#contact-wrapper { width:430px; }
#contact-wrapper div { clear:both; margin:1em 0; }
#contact-wrapper label { display:block; float:none; width:auto; }
form#contactform input {background:#fff; border-color:#B7B7B7 #e3e3e3 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px;	padding:5px; font-size:14px; width:295px; }
form#contactform textarea {background:#fff; font-size:14px; padding:0.6em 0.5em 0.7em;border-color:#B7B7B7 #e3e3e3 #E8E8E8 #B7B7B7;  border-style:solid; border-width:1px; }
#contact-wrapper input.error, #contact-wrapper textarea.error {font-size:14px;}
#contact-wrapper .error {color:#666; font-style:italic; margin-bottom:0px; font-size:11px;}
form#contactform input.submit-form {width:120px; cursor:pointer; display:inline-block;  text-decoration:none !important; font-weight:bold; color:#858585; 	background: #f6f6f6 url(../images/big-button-overlay.png) top left repeat-x; border-right:1px solid #B7B7B7;	line-height: 1;font-size:11px; color:#5f5f5f; text-shadow:none;  padding: 7px 14px ;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #acacac;
	-webkit-box-shadow: 0 1px 2px #acacac;
	box-shadow:  0 1px 2px #acacac;
	background:#fffefc url(../images/button-gradient.png) 0px 0px repeat-x; border: 1px solid #c4c2bf;
	text-transform:uppercase; position: relative; cursor: pointer;
}
form#contactform input.submit-form:hover {color:#464646; background:#fcf9f4 url(../images/button-gradient.png) 0px 0px repeat-x;  }



/*** NAVIAGTION STYLES ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding:9px 46px 12px 6px;
	margin:0 4px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #666;
	text-transform:uppercase;
	font-size:13px;
}
.sf-menu ul {
	background: #ddd9d9 !important;
	background: rgba(221, 217, 217, 0.9) !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	-moz-box-shadow: 1px 2px 3px #8b8b8b;
	-webkit-box-shadow: 1px 2px 3px #8b8b8b;
	box-shadow: 1px 2px 3px #8b8b8b;
	padding:4px 0 4px 0;
}
.sf-menu ul a {
	padding:9px 15px 9px 20px;

}
.sf-menu ul ul {
	background:		#d4d1d1;
	background: rgba(212, 209, 209, 0.9);
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, body #navigation-container .sf-menu li.current a {
	outline:		0;
	color:#fffbf6;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ece8e1;
}
.sf-menu li.sfHover a {color:#fffbf6;}
.sf-menu ul a {color:#6d6b6b !important; text-shadow:none; font-size:11px;}
.sf-menu ul a:hover {color:#474747 !important;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	50px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:		    34px;
	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 */
}
ul ul .sf-sub-indicator {right:15px;}
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*/
}
/*** NAVIGATION ESSENTIAL STYLES, DONT EDIT THESE ***/
#navigation-container { position:relative; float:right; padding:22px 0 0 0;  z-index:100;}
.sf-menu, .sf-menu * { margin:			0;	padding:		0; list-style:		none;}
.sf-menu {	line-height:	1.0; }
.sf-menu ul { position:		absolute; top:			-999em; width:			10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:			100%;}
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li { float:			left; position:		relative;}
.sf-menu a { display:		block;	position:		relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:			0; top:			2.8em; /* match top ul list item height */ z-index:		99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {	top:			-999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }
ul.sf-menu li li:hover li ul,
ul.sf-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:			10em; /* match ul width */	top:			0;}

/* ========== WHO ANSWERS MODAL ========== */

.who-answers {
	cursor: pointer;
}

.who-answers img {
	margin: 0 5px 0 0;
	vertical-align: -1px;
}

span.who-answers {
	display: inline-block;
}

.who-answers.text-center {
	text-align: center;
}

.who-answers.space-above {
	margin-top: 10px;
}

.who-answers.space-below {
	margin-bottom: 10px;
}

.who-answers.white {
	color: #fff;
}

#who-answers {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: calc(100% - 40px);
	z-index: 12;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	padding: 15px 20px 5px;
	border-radius: 5px;
}

#who-answers.show,
.modal-bg.show {
	display: block;
}

#who-answers .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: #8874a3;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 25px;
	border-radius: 0 4px;
}

.modal-bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 11;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

/* ========== END ========== */