/* 	Vertical Colors:
	home			Dark: #353533	Mid: #868685	Light: #eaeaea	Head: #353533
	contact (was life)			Dark: #724375	Mid: #aa8eac	Light: #f1ecf1	Head: #2d141e
	whatotherssay (was entertainment)	Dark: #b70943	Mid: #d46b8e	Light: #f8e6ec	Head: #353432
	links (was technology)		Dark: #02b0cf	Mid: #67d0e2	Light: #e5f7fa	Head: #014350
	about (was news)			Dark: #cf3c02	Mid: #e28a67	Light: #faebe5	Head: #4c1601
	servicesandsolutions (was business) Dark: #0f1f37	Mid: #6f7987	Light: #e7e8eb	Head: #535e6f
*/


/* ----- GENERAL STYLES ---- */

/* body, html { font-size: 12px; font-family: helvetica, arial, sans-serif; }
a { text-decoration: none; } */
a:hover { text-decoration: underline; }

/* ----- STRUCTURE ----- */

#frame {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#header {
	width: 960px;
	margin: 0px 0 7px 0;
	position: relative;
	border-top: 5px solid #ebeae2;
}


/* ----- HEADER ----- */

/* Masthead */

/* Verticals Navigation */

ul#nav {
	border: 1px solid #cfcfcf;
	background: url(http://www.marksharconsulting.com/images/menu-bgd.png) bottom left repeat-x;
	position: relative;
}
*html ul#nav { clear: both; height: 1%; }
ul#nav li a {
	display: block;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 33px;
	padding: 0 13px 0 10px;
	color: #333; 
	text-decoration: none;
	background: url(http://www.marksharconsulting.com/images/menu-rule.png) right 2px no-repeat;
}
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }

ul#nav li a:hover, ul#nav li a.open { color: #fff; }

ul#nav li#link-servicesandsolutions a:hover, ul#nav li#link-servicesandsolutions a.open { background: #0f1f37; }
ul#nav li#link-whatotherssay a:hover, ul#nav li#link-whatotherssay a.open { background: #b70943; }
ul#nav li#link-about a:hover, ul#nav li#link-about a.open { background: #cf3c02; }
ul#nav li#link-contact a:hover, ul#nav li#link-contact a.open { background: #724375; }
ul#nav li#link-links a:hover, ul#nav li#link-links a.open { background: #02b0cf; }
ul#nav li#link-blog a:hover, ul#nav li#link-blog a.open { background: #dc8b56; }
/* original blog item (had no submenu) -- this was the "top10" item
ul#nav li#link-blog a:hover, ul#nav li#link-blog a.open { background: #353533; } */

ul#nav li#link-home a {
	padding: 0 33px 0 10px; 
	text-indent: -9999px;
	background: url(http://www.marksharconsulting.com/images/home-icon.png) right 0px no-repeat;
}
*html ul#nav li#link-home a { padding: 0; width: 43px; }
ul#nav li#link-home a:hover { background: url(http://www.marksharconsulting.com/images/home-icon.png) right -33px no-repeat; }

/* Sub-Vertical Navigation */

ul.sub-nav {
	position: absolute;
	top: 33px;
	left: -1px;
	overflow: hidden;
	width: 960px;
	display: none;
	z-index: 999;
}

ul#nav li#link-servicesandsolutions ul.sub-nav { background: #6f7987 url(http://www.marksharconsulting.com/images/verticals/business/subnav-bgd.png) top left repeat-x; }
ul#nav li#link-whatotherssay ul.sub-nav { background: #d46b8e url(http://www.marksharconsulting.com/images/verticals/entertainment/subnav-bgd.png) top left repeat-x; }
ul#nav li#link-about ul.sub-nav { background: #e28a67 url(http://www.marksharconsulting.com/images/verticals/news/subnav-bgd.png) top left repeat-x; }
ul#nav li#link-contact ul.sub-nav { background: #aa8eac url(http://www.marksharconsulting.com/images/verticals/life/subnav-bgd.png) top left repeat-x; }
ul#nav li#link-links ul.sub-nav { background: #67d0e2 url(http://www.marksharconsulting.com/images/verticals/technology/subnav-bgd.png) top left repeat-x; }
ul#nav li#link-blog ul.sub-nav { background: #e6ae88 url(http://www.marksharconsulting.com/images/verticals/student/subnav-bgd.png) top left repeat-x; }

/* float: center stacks the subs vertically; right reverses the order alphabetically & justifies to the right. */
ul#nav li ul.sub-nav li { float: left; }

ul#nav li ul.sub-nav li a {
	float: none;
	background: none;
	font-size: 11px;
	text-transform: none;
	color: #fff;
	line-height: 25px;
}

ul#nav li#link-servicesandsolutions ul.sub-nav li a:hover, ul#nav li#link-servicesandsolutions ul.sub-nav li a.active-cat { background: #0f1f37 !important; }
ul#nav li#link-whatotherssay ul.sub-nav li a:hover, ul#nav li#link-whatotherssay ul.sub-nav li a.active-cat { background: #b70943 !important; }
ul#nav li#link-about ul.sub-nav li a:hover, ul#nav li#link-about ul.sub-nav li a.active-cat { background: #cf3c02 !important; }
ul#nav li#link-contact ul.sub-nav li a:hover, ul#nav li#link-contact ul.sub-nav li a.active-cat { background: #724375 !important; }
ul#nav li#link-links ul.sub-nav li a:hover, ul#nav li#link-links ul.sub-nav li a.active-cat { background: #02b0cf !important; }
ul#nav li#link-blog ul.sub-nav li a:hover, ul#nav li#link-blog ul.sub-nav li a.active-cat { background: #dc8b56 !important; }



/* ----- CONTENT ----- */