@import "reset.css";

body
{
	background: #343434 url(../images/bodyBkLight.gif) no-repeat center top;
	color: #849398;
}

a
{
	text-decoration: none;
}

/********************************************* Generic *********************************************/
.BlogHeader
{
	margin: 0 0 25px 0;
}

/********************************************* News Controls *********************************************/
.CategoryList li
{
	list-style: url(../images/Blog/Li.png);
}

.CategoryList li a
{
	color: #000!important;
}

.ArchiveList ul
{
	margin: 0 10px 0 15px;
	padding: 10px 0;
}

.ArchiveList li
{
	font-weight: bold;
	list-style: none;
}

.ArchiveList li ul
{
	margin: 0 10px 0 10px;
	padding: 5px 0;
}

.ArchiveList li ul li
{
	list-style: url(../images/Blog/Li.png);
}

.ArchiveList li ul li a
{
	color: #000!important;
}

.mainContent
{
	font-size: 0.6em;
}

.mainContent .Header1
{
	color: #58595B;
	font-size: 1.7em;
}

.mainContent .Header2
{
	color: #B2C81B;
	font-size: 1.3em;
	font-weight: 700;
}

.mainContent .Paragraph
{
	font-size: 1em;
}

.mainContent .Paragraph a
{
	color: #B2C81B;
}

.mainContent .HeaderSocialBookmark
{
	text-align: right;
	display: inline-block;
	width: 582px;
}

.mainContent .HeaderSocialBookmark div
{
	float: right;
	width:100px;
}

.mainContent h1
{
	padding: 0 0 18px 0;
	margin:0;
	color: #B2C81B;
	font-weight:300;
	font-size: 1.5em;
}

.mainContent p
{
	margin: 0 0 10px 0!important;
	line-height: 16px;
}

.mainContent .Post
{
	display: inline-block;
	position: relative;
	width: 542px;
	padding: 19px 19px 0 19px;
	/*margin: 0 10px 10px 10px;*/
	border-top: 1px solid #D1D3D2;
	border-right: 1px solid #D1D3D2;
	border-left: 1px solid #D1D3D2;
	background: #fff;
}

.mainContent .Post>div
{
	float: left;
	display: inline-block;
	width: 542px;
}

.mainContent .Post>div.Categories,.mainContent .Post>div.AuthorAndTime
{
	float: right;
	clear: none;
	display: inline-block;
	width: 490px;
}

* html .mainContent .Post
{
	margin: 0 5px 10px 5px;
}

.mainContent .Post a
{
	color: #B2C81B;
	font-weight: 700;
}

.mainContent .Post a:hover
{
	text-decoration: none;
}

.mainContent .Post .Date
{
	float: left;
	position: relative;
	display: block;
	width: 40px;
	height: 42px;
	margin: 0 10px 10px 0;
	border: 1px solid #859499;
	color: #ffffff;
}

.mainContent .Post .Date .Day
{
	display: block;
	position: absolute;
	top: 14px;
	left: 1px;
	width: 38px;
	margin: 0!important;
	padding: 0 0 3px 0!important;
	font-size: 18px;
	text-align: center!important;
	color: #B2C81B;
	background-color: #fff;
}

.mainContent .Post .Date .Month
{
	display: block;
	position: absolute;
	top: 0;
	width: 40px;
	margin: 0!important;
	text-align: center!important;
	background-color: #859499;
	color: #ffffff;
	padding: 0;
	line-height: 12px;
}

.mainContent .Post .Date .Year
{
	display: block;
	position: absolute;
	left: 1px;
	bottom: 1px;
	width: 38px;
	margin: 0!important;
	text-align: center!important;
	color: #859499;
	background-color: #fff;
	line-height: 10px;
}

.mainContent .Post h1, .mainContent .Post h2
{
	float: right;
	font-size: 14px;
	color: #B2C81B;
	width: 490px;
	padding: 0;
	margin: 0;
}

.mainContent .Post h1 a, .mainContent .Post h2 a
{
	padding: 0 0 1px 0;
	text-decoration: none;
	color: #B2C81B!important;
}

.mainContent .Post h1 a:hover, .mainContent .Post h2 a:hover
{
	text-decoration: underline;
	/*color: #666!important;*/
}

.mainContent .Share
{
	margin: 5px 0 20px 10px;
}

.mainContent .Header
{
	width: 580px;
	height: 36px;
	margin: 0 0 10px 0;
	/*background: no-repeat url(../Images/Header.gif);*/
}

.mainContent .Header h1
{
	float: left;
	margin: 0;
	font-size: 2em;
	color: #B2C81B;
}

.mainContent .Header h1 span
{
	/*color: #333;*/
}

.mainContent .Header .BackToLatestPosts
{
	float: right;
	margin: 0;
	text-decoration: none;
	color: #B2C81B;
}

.mainContent .Header .BackToLatestPosts
{
	color: /*#fff;*/
}

.mainContent .Header .BackToLatestPosts:hover
{
	text-decoration: underline;
}

.mainContent .Categories
{
	float: right;
	width: 490px;
}

.mainContent .Categories .CategoriesLabel
{
	float: left;
	padding: 2px;
	/*
	background: no-repeat left url(../Images/Tag.gif);
	*/
	color: #999;
}

.mainContent .Categories ul
{
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
}

.mainContent .Categories li
{
	display: inline;
	margin: 0 10px 0 0;
}

.mainContent .Categories li a
{
	text-decoration: none;
	color: #000!important;
}

.mainContent .Categories li a:hover
{
	text-decoration: underline;
	/*color: #ff9900!important;*/
}

.mainContent .AuthorAndTime
{
	float: right;
	width: 490px;
}

.mainContent .AuthorAndTime .AuthorLabel
{
	/*
	float: left;
	padding: 2px 10px 2px 12px;
	background: no-repeat left url(../Images/Author.gif);
	*/
	color: #999;
}

.mainContent .AuthorAndTime .Author
{
	position: relative;
	top: 2px;
	padding: 0 5px 0 0;
	color: #999;
}

.mainContent .AuthorAndTime .Time
{
	position: relative;
	top: 2px;
	color: #999;
}

.mainContent .ReadMore
{
	margin: 0 0 20px 10px!important;
}

.mainContent .PostReadMore
{
	margin: 0 0 20px 0!important;
	padding: 0 19px 19px 19px;
	border-right: 1px solid #D1D3D2;
	border-bottom: 1px solid #D1D3D2;
	border-left: 1px solid #D1D3D2;
	background: #fff;
	_margin: -10px 0 20px 5px!important;
	_width: 542px;
}

.mainContent .PostReadMore a
{
	text-decoration: none;
	font-weight: 700;
	color: #191919;
}

.mainContent .PostReadMore a:hover
{
	text-decoration: underline;
}

/********************************************* Post *********************************************/
.SocialBookmark
{
	margin: 0;
	padding: 0 19px 10px 19px;
	border-right: 1px solid #D1D3D2;
	border-left: 1px solid #D1D3D2;
	display: inline-block;
	width: 542px;
	background: #fff;
}

.SocialBookmark .ReTweet, .SocialBookmark .FacebookLike
{
	margin-bottom: 10px;
}

.CommentsCollapsiblePanel
{
	margin: 0;
	padding: 0 19px;
	border-right: 1px solid #D1D3D2;
	border-left: 1px solid #D1D3D2;
	display: inline-block;
	width: 542px;
}

.rightHandContent .CommentsCollapsiblePanel
{
	margin: 0 0 1px 0;
	padding: 0;
	width: 238px;
}

.rightHandContent .CollapsiblePanelOpen,
.rightHandContent .CollapsiblePanelClosed
{
	font-size: 1em;
	text-align: left;
	background: none;
	font-weight: 700;
}

.CollapsiblePanelOpen,
.CollapsiblePanelClosed
{
	font-size: 1em;
	text-align: right;
	background: #fff;
}

.CollapsiblePanelTab
{
	padding: 0 30px 0 0;
	color: #666;
	cursor: pointer;
}

.CollapsiblePanelOpen .CollapsiblePanelTab
{
	background: no-repeat url(../Images/content/arrow-up.png) right;
}

.rightHandContent .CollapsiblePanelOpen .CollapsiblePanelTab
{
	background: no-repeat url(../Images/content/arrow-up.png) 220px center #E8E8E8;
}

.rightHandContent .CollapsiblePanelOpen .CollapsiblePanelTab, .rightHandContent .CollapsiblePanelClosed .CollapsiblePanelTab
{
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	background-color: #E8E8E8;
	padding: 15px 10px;
}

.CollapsiblePanelClosed .CollapsiblePanelTab
{
	background: no-repeat url(../Images/content/arrow-down.png) right;
}

.rightHandContent .CollapsiblePanelClosed .CollapsiblePanelTab
{
	background: no-repeat url(../Images/content/arrow-down.png) 220px center #E8E8E8;
}

.CollapsiblePanelOpen .CommentsHeader,
.CollapsiblePanelClosed .CommentsHeader
{
	float: left;
	margin: 0;
	font-size: 1em;
}

.CommentList
{
	
}

.Comment,
.AltComment
{
	position: relative;
	display: block;
	padding: 10px;
	border-bottom: dashed 1px #ccc;
	text-align: left;
}

.AltComment
{
	background: #f7f7f7;
}

.Comment .Name,
.AltComment .Name
{
	float: left;
	margin: 0 10px 0 0!important;
	font-weight: bold;
	color: #000;
}

.Comment .Location,
.AltComment .Location
{
	float: left;
	color: #999;	
}

.Comment .Date,
.AltComment .Date
{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #999;
}

.Comment .Text,
.AltComment .Text
{
	clear: both;
}

.CommentBox
{
	margin: 0;
	padding: 0 19px;
	border-right: 1px solid #D1D3D2;
	border-bottom: 1px solid #D1D3D2;
	border-left: 1px solid #D1D3D2;
	background: #fff;
}

.CommentBox .Label
{
	float: left;
	display: block;
	width: 100px;
	margin: 0 0 5px 0;
	line-height: 22px;
}

.CommentBox .TextBox
{
	float: left;
	width: 200px;
	font-size: 1em;
}

.CommentBox .Validation
{
	float: left;
	margin: 0 0 0 10px;
	font-weight: bold;
	line-height: 22px;
	color: #cc0000;
}

.CommentBox .TextArea
{
	float: left;
	width: 300px;
	height: 150px;
	margin: 0 0 10px -3px;
	font-size: 1em;
}

.CommentBox .AddComment
{
	height: auto;
	margin: 0 0 0 97px;
	font-size: 1em;
	border: solid 2px #6B7D81;
	background-color: #849398;
	cursor: pointer;
	color: #fff;
}

.CommentBox p
{
	font-weight: bold;
	color: #000;
}

.CommentBox br
{
	clear: both;
}

/********************************************* Right Hand Sidebar *********************************************/
.rightHandContent .Headlines
{
	margin: 0 0 10px 0;
}

.rightHandContent h5
{
	margin: 0;
	font-size: 1em;
	color: #5F5F61;
}

.rightHandContent h5:hover
{
	color: #B2C81B;
}

.rightHandContent .Navigation
{
	margin: 0;
	padding: 16px 0 0 0;
	background: url('../Images/Column-Top.gif') top left no-repeat #FBFBFB;
}

.rightHandContent .Navigation ul
{
	margin: 0;
	padding: 0 0 0 15px;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
}

.rightHandContent .Navigation ul li
{
	padding: 10px 0;
	list-style-type: disc;
	color: #B2C81B;
	list-style-type: none;
	font-size: 1.5em;
}

.rightHandContent .Navigation li a
{
	text-decoration: none;
	color: #B2C81B!important;
}

.rightHandContent .Navigation li a:hover
{
	text-decoration: underline;
	color: #121212!important;
}

.rightHandContent .CategoryList
{
	width: 238px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
}

* html .rightHandContent .CategoryList
{
	margin: 0 10px 20px 10px;
}

.rightHandContent .CategoryList ul
{
	margin: 0 15px;
	padding: 0;
}

.rightHandContent .CategoryList li
{
	margin: 0 0 5px 0;
	list-style: none; 
}

.rightHandContent .CategoryList li a
{
	text-decoration: none;
	color: #999!important;
}

.rightHandContent .CategoryList li a:hover
{
	text-decoration: none;
	color: #B2C81B!important;
}

.rightHandContent br
{
	clear: both;
}

.rightHandContent .ArchiveList
{
	width: 240px;
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #eee;
}

* html .rightHandContent .ArchiveList
{
	margin: 0 10px 20px 10px;
}

.rightHandContent .ArchiveList > ul:first-child
{
	margin: 0 10px;
	padding: 0;
}

.rightHandContent .ArchiveList ul:first-child .Header
{
	margin: 10px;
	list-style: none;
	color: #999;
}

.rightHandContent .ArchiveList ul ul
{
	margin: 0 0 5px 10px!important;
	list-style: none!important;
	padding: 0;
	display :inline-block;
}

.rightHandContent .ArchiveList ul ul li
{
	margin: 0 0 2px 0;
	list-style: none!important;
	color: #999;
}

.rightHandContent .ArchiveList li a
{
	text-decoration: none;
	color: #999!important;
}

.rightHandContent .ArchiveList li a:hover
{
	text-decoration: none;
	color: #B2C81B!important;
}

.rightHandContent .Rss
{
	margin: 10px;
}

.rightHandContent .Rss img
{
	float: left;
	margin: 0 15px 15px 0;
}

.rightHandContent .Rss p
{
	margin: 0;
	padding: 5px 0 0 0;
	color: #121212;
}

.rightHandContent .Rss p a
{
	text-decoration: none;
	color: #121212;
}

.rightHandContent .Rss p a:hover
{
	text-decoration: underline;
}

.rightHandContent .Links
{
	float: left;
	width: 240px;
	height: 82px;
	margin: 1px 0;
	padding: 0;
	background-color: #E8E8E8;
}

.rightHandContent .Links p
{
	margin: 0;
	padding: 5px 0;
}

.rightHandContent .Links p a
{
	font-weight: bold;
	text-decoration: none;
	color: #121212;
}

.rightHandContent .Links p a:hover
{
	text-decoration: underline;
	color: #ff9900;
}

.rightHandContent p.Share
{
	margin: 15px 10px;
	color: #666;
}

.rightHandContent .Social
{
	width: 240px;
	height: 35px;
	padding: 9px 0 0 0;
	background: no-repeat url(../Images/Sausage.gif);
}

.rightHandContent .Social a
{
	margin: 0 0 0 70px;
}

.rightHandContent br
{
	clear: both;
}
.rightHandContent .BottomPanel
{
	background: no-repeat url(../Images/Column-Bottom.gif);
	height: 20px;
}




	#footerTop {  background: url(../images/body/footerBk1.png) top repeat-x; width: 980px; margin-top: 18px }
	#footerTop.online {background: url(../images/online/footerBk1.png) top repeat-x; }
	#footerTop { height:42px; background: url(../images/content/footerBk1.png) top repeat-x; }
	#footerTop.online2 {background: url(../images/online/footerBk2.png) top repeat-x; }
	#onlineFoot {font-size:12px; color:#58595b; margin:15px 0px 0px 26px;}
	#onlineFoot span {float:none; margin-left:12px; font-weight:bold;}
	#footerTop a#footerHome:link, body.light #footerTop a#footerHome:visited { width:48px; height:42px; display:block; background:url(../images/content/footerHome.png) top left no-repeat; }
	#footerTop a#footerHome:hover, body.light #footerTop a#footerHome:active { width:48px; height:42px; display:block; background:url(../images/content/footerHome.png) bottom left no-repeat; }
	
	#footerPositioner{width:948px;}
	
	#footerTop #footerForm { width:370px; float:right }
	#footerTop #footerForm .form { margin:10px 0 0 0; }
	#footerTop #footerForm .form label { color:#fff; font-weight:bold; margin:3px 14px 0 0;}
	#footerTop #footerForm .form label { color:#000; font-weight:bold; margin:3px 14px 0 0;}
	#footerTop #footerForm .form select { background: url(../images/body/regionSelectBg.png) no-repeat; height:22px; width:240px; color:#a3a8ad }
	#footerTop #footerForm .form input.submit {background:none; background-image:url(../images/body/submitArrBig.png); height:15px; width:15px; border:0; cursor:pointer; margin:3px 0 0 7px; background-position:top left;  }
	#footerTop #footerForm .form input.submit {background:none; background-image:url(../images/content/submitArrBig.png); height:15px; width:15px; border:0; cursor:pointer; margin:3px 0 0 7px; background-position:top left;  }
	
	#footerTop #footerBreadCrumbs { padding-top:15px; padding-left:13px; font-weight:bold; }
	#footerTop #footerBreadCrumbs .fBlack {color:#000000;}
	#footerTop #footerBreadCrumbs .fGray {color:#6b7680;position:relative; left:-5px;}
	#footerTop #footerBreadCrumbs .fLine {height:42px; width:28px; background:url(../images/content/footerLine.png) no-repeat; position:relative; top:-14px; left:-4px;}
	



	#footerBottom {  width:963px; padding:27px 0 0 15px; float: left; background: url(../Images/body/light07.png) repeat-x; }
	#footerBottom.dark { background: url(../images/body/black07.png) repeat; border:1px solid #24353c; }
	#footerBottom.light { background: url(../images/body/light07.png) repeat-x; border:1px solid #d2d2d2; }
	#footerBottom #footerLine { width:950px; border-top:1px solid #6B7680; margin:12px 0 0 0; height:40px; float: left; }
	#footerBottom #footerLine ul { height:15px; float:left; width:100%; }
	#footerBottom #footerLine ul li { margin:5px 20px 0 0; float:left; clear:none; width:auto;}
	#footerBottom #socialNet { color:#6b7680; height:24px; float:right; margin:-37px 40px 0 0; }
	#footerBottom #socialNet.noRightMargin { margin-right:0px;}
	#footerBottom #socialNet span { margin: 10px 5px 0 0;}
	#footerBottom #socialNet a { height:24px; width:24px; display:block }
	#footerBottom #socialNet a#twitt { background:url(../images/body/footerIcons.png) no-repeat top left; margin:0 5px 0 0}
	#footerBottom #socialNet a#fb { background:url(../images/body/footerIcons.png) no-repeat top right; margin:0 5px 0 0}
	#footerBottom #socialNet a#rss { background:url(../images/online/rss.png) no-repeat top right; margin:0; width:92px;}	
	

	#footerBottom ul { width:120px; list-style:none; list-style-type:none; float: left; margin: 0;padding: 0; }
	#footerBottom ul li { height:19px; margin: 0; float:none; clear:both;width:116px; text-align: left;}

	#footerBottom ul li.first a
	{
		color: #000;
	}
	#footerBottom ul li.first a:link, 
	#footerBottom ul li.first a:visited  { color:#AEAB10; }
	#footerBottom ul li.first a:hover, 
	#footerBottom ul li.first a:active  { color:#CFDA28; }
	#footerBottom ul li.first a:link, 
	#footerBottom ul li.first a:visited  { color:#001f2b; }
	#footerBottom ul li.first a:hover, 
	#footerBottom ul li.first a:active  { color:#001f2b; }

	#footerBottom a:link, 
	#footerBottom a:visited { color:#6b7680 }
	#footerBottom a:hover, 
	#footerBottom a:active { color:#bbc614; }
	#footerBottom a:hover, 
	#footerBottom a:active { color:#001f2b; }
	
	#veriSignL {background:url(../images/online/verisign2.png) no-repeat right bottom; height:62px; width:163px; float:right; cursor:pointer; margin-top: -72px;}





/**** new navigation ****/
#nav * {
    float: left;
}


#nav {
    background: url("../images/body/bodyNav.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: auto;
    margin: 23px -4px 10px 0;
    width: 720px;
}
#nav.contact {
    background: url("../images/body/bodyNavContact.png") no-repeat scroll 0 0 transparent;
}
#nav.mwatch {
    background: url("../images/body/bodyNavMwatch.png") no-repeat scroll 0 0 transparent;
}
#nav a.rollover {
    background: url("../images/body/bodyNavHover.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    float: none;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    position: relative;
    top: 3px;
    width: 144px;
}
#nav > a#home_rollover {
    background: url("../images/body/bodyNavHoverHome.png") no-repeat scroll 0 0 transparent;
    left: 1px;
    width: 83px;
}
#nav > a#pers_rollover {
    background: url("../images/body/bodyNavHoverPers.png") no-repeat scroll 0 0 transparent;
    left: 59px;
}
#nav > a#buss_rollover {
    background: url("../images/body/bodyNavHoverBuss.png") no-repeat scroll 0 0 transparent;
    left: 180px;
}
#nav > a#whyhifx_rollover {
    background: url("../images/body/bodyNavHoverAbout.png") no-repeat scroll 0 0 transparent;
    left: 300px;
}
#nav > a#contact_rollover {
    background: url("../images/body/bodyNavHoverContact.png") no-repeat scroll 0 0 transparent;
    left: 420px;
    width: 178px;
}
#nav > a#mwatch_rollover {
    background: url("../images/body/bodyNavHoverMwatch.png") no-repeat scroll 0 0 transparent;
    left: 420px;
    width: 178px;
}
#nav > a#signup_rollover {
    background: url("../images/body/bodyNavHoverSignup.png") no-repeat scroll 0 0 transparent;
    left: 578px;
}
#main-nav {
    background-image: url("../images/body/background.png");
    height: 40px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 2px;
    width: 715px;
}
#main-nav li {
    float: left;
    margin-top: 3px;
}
#main-nav a {
    display: block;
    text-decoration: none;
}
#main-nav .on {
    display: none;
    position: absolute;
}
#main-nav .off, #main-nav .on {
    margin-left: -22px;
}
#main-nav .first .off, #main-nav .first .on {
    margin-left: 0;
}
#main-nav .firstO .off, #main-nav .firstO .on {
    margin-left: 0;
    width: 67px;
}
#main-nav .last, #main-nav .fixRight {
    float: right;
}
#main-nav .fixLeft a.off, #main-nav .fixRight a.off {
    height: 34px;
    width: 30px;
}
#main-nav-home {
    background-image: url("../images/body/home.png");
    background-position: 0 -42px;
    background-repeat: no-repeat;
    margin-right: 0;
    width: 80px;
}
#main-nav-home:hover {
    background-position: 0 3px;
}
#main-nav-personal {
    background-image: url("../images/body/personal.png");
    background-position: 0 -42px;
    background-repeat: no-repeat;
    margin-left: -22px;
    width: 140px;
}
#main-nav-personal:hover {
    background-position: 0 3px;
}
#main-nav-business {
    background-image: url("../images/body/business.png");
    background-position: 0 -42px;
    background-repeat: no-repeat;
    margin-left: -22px;
    width: 142px;
}
#main-nav-business:hover {
    background-position: 0 3px;
}
#main-nav-aboutus {
    background-image: url("../images/body/AboutUS.png");
    background-position: 0 -42px;
    background-repeat: no-repeat;
    margin-left: -22px;
    width: 142px;
}
#main-nav-aboutus:hover {
    background-position: 0 3px;
}
#main-nav-invisible {
    margin-left: -10px;
    width: 145px;
}
#main-nav-invisible:hover {
    background-position: 0 3px;
}
#main-nav-signup {
    background-image: url("../images/body/signup.png");
    background-position: 0 -42px;
    background-repeat: no-repeat;
    margin-left: 0;
    width: 142px;
}
#main-nav-signup:hover {
    background-position: 0 3px;
}
#subNav {
    height: 21px;
    margin: 10px 0 0;
    width: auto;
}
#subNav ul {
    display: none;
    float: none;
    position: relative;
}
#subNav ul.default {
    display: block;
}
#subNav ul#pers {
    left: 60px;
}
#subNav ul#buss {
    left: 180px;
}
#subNav ul#whyhifx {
    left: 60px;
}
#subNav ul li {
    height: 21px;
    margin: 0 7px 0 0;
}
#subNav ul li a {
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    padding: 0 0 0 15px;
}
#subNav ul li a:link, #subNav ul li a:visited {
    background: url("../images/body/subNavLi.png") no-repeat scroll left 2px transparent;
    color: #AEAB10;
}
#subNav ul li a:active, #subNav ul li a:hover {
    background: url("../images/body/subNavLi.png") no-repeat scroll left -26px transparent;
    color: #EBE72A;
}
#subNav ul li.default a {
    background: url("../images/body/subNavLi.png") no-repeat scroll left -26px transparent;
    color: #EBE72A;
}
