html body{
    color: #000033;
    font-size: 100%;
    line-height: 150%;
	text-transform: uppercase;
	padding: 30px 0;
	}
	body a{
		color: #000033;
		}
	body a:hover{
		text-decoration: none;
		color: #b00b1e;
		background-color:none !important;
		}
	h1, h2, h3, h4, h5, h6 {
		line-height: 120%;
		}
	h6 a{
		color: #000033;
		}
	.lino{
		border:1px solid #0000ff;
		}

/* shtuf coluhs */
.shf-testblue{
	border:1px solid #0000ff;
	}
	.shtf-hock{
		color:#000000;
		}
	.shf-bock{
		color:#ffffff;
		}
	.shf-navy{
		color:#000033;
		}
	.shf-greyccc{
		color:#cccccc;
		}
	.shf-grey666{
		color:#666666;
		}
	.shf-dkcyan{
		color:#009999;
		}

/* shtuf background coluhs */
.shfbk-blgrey{
	background-color:#ccccdd;
	}
	.shfbk-navy{
		background-color:#000033;
		}
	.shfbk-bock{
		background-color: #ffffff;
		}
	.shfbk-hock{
		background-color: #000000;
		}

/* shtfsprite stylezzzz */
.shfdir-uprlft {
	background: url('../img/shf-sprite.svg') 0 0;
	display:block;
	width: 30px;
	height: 30px;
	}
	.shfdir-uprrit {
		background: url('../img/shf-sprite.svg') -30px 0;
		display:block;
		width: 30px;
		height: 30px;
		}
	.shfdir-dwnrit {
		background: url('../img/shf-sprite.svg') -60px 0 ;
		display:inline-block;
		width: 30px;
		height: 30px;
		}
	.shfdir-dwnlft {
		background: url('../img/shf-sprite.svg') -90px 0;
		display:block;
		width: 30px;
		height: 30px;
		}

	.shfdir-rit {
		background: url('../img/shf-sprite.svg') -120px 0;
		display:inherit;
		width: 5px;
		height: 10px;
		}
	.shfdir-rit:hover{
		background: url('../img/shf-sprite.svg') -120px -10px;
		display:inherit;
		width: 5px;
		height: 10px;
		}
	.shfdir-lft {
		background: url('../img/shf-sprite.svg') -125px 0;
		display:inherit;
		width: 5px;
		height: 10px;
		}
	.shfdir-lft:hover {
		background: url('../img/shf-sprite.svg') -125px -10px;
		display:inherit;
		width: 5px;
		height: 10px;
		}
	.shfdir-upp {
		background: url('../img/shf-sprite.svg') -130px 0;
		display:block;
		width: 10px;
		height: 5px;
		}
	.shfdir-upp:hover {
		background: url('../img/shf-sprite.svg') -130px -5px;
		display:block;
		width: 10px;
		height: 5px;
		}
	.shfdir-dwn {
		background: url('../img/shf-sprite.svg') -140px 0;
		display:block;
		width: 10px;
		height: 5px;
		}
	.shfdir-dwn:hover {
		background: url('../img/shf-sprite.svg') -140px -5px;
		display:block;
		width: 10px;
		height: 5px;
		}

	.shfdir-pip {
		background: url('../img/shf-sprite.svg') -150px 0;
		display:block;
		width: 1px;
		height: 11px;
		}

/* navbar stylezzzz */
.navbar{
		border: 0px;
		padding: 0px;
		}
	.navbar-nav{
		margin:0 !important;
		}
	.navbar-brand{
		font-family: 'Roboto Condensed', "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, sans-serif;
		font-size: 1.5em;
		height: 20px;
		letter-spacing: 100%;
		line-height: 10px;
		padding: 10px 15px;
		}
	.navbar-inverse{
		background-color: #000033;
		}
	.navbar-subnav{
		border-radius: 0px;
		background-color: #ccccdd;
		margin-bottom: 0;
		}
	ul.navbar-nav >li{
		display: inline-block;
		}
	.navbar-shf >ul.navbar-nav >li a:hover{
		color:#000033;
		background-color: #ffffff !important;
		}
	.navlink{
		color:#666666;
		}
	.navlink a:hover{
		color:#ffffff;
		}
	.offset-0{
		margin-top: 0 !important;
		}
	.active a{
		background-color: transparent !important;
		color: #000000;
		font-weight:700;
		}

/* sub navbar stylezzzz */
.navbar-nav > li > a {
		padding-top:5px !important; 
		padding-bottom:5px !important;
		}
	.navbar {
		min-height:30px !important
		}
	.navbar-shf{
		border-bottom: 1px solid #00dddd;
		margin-bottom: 5px;
		padding-left:0;
		}

/* header stylezzzz */
.content{
	margin-top: 15px;
		}
	.versionhd{
		border-bottom: 1px solid #00dddd;
		margin:20px 5px 20px 0px;
		padding-bottom: 10px;
		}
	.versionno{
		color: #999999;
		font-family: 'PT Mono', arial;
		font-size: 3em;
		letter-spacing: -.05em;
		}

/* article stylezzzz */
.vr-left {
		margin-left: 0px;
		margin-right: 0px;
		height: 70%;
		border: 0;
		border-left: 1px solid #00dddd;
		display: inline-block;
		vertical-align: bottom;
		}
	.vr-right {
		margin-left: 0px;
		margin-right: 0px;
		height: 70%;
		border: 0;
		border-right: 1px solid #00dddd;
		display: inline-block;
		vertical-align: bottom;
		}
	.dot {
		margin-top: 10px;
		border: none;
		/* color:#669999; */
		padding: 2px;
		background: transparent url('../img/bg-dot.png') repeat-x scroll bottom left;
		}
	hr{
		border-bottom:1px solid #00dddd;
		margin:0 0 20px;
		}
	.bockhr{
		border:1px solid #ffffff;
		color:#ffffff;
		padding:0px;
		margin:0px;
		}
	.link{
		padding-right: 20px
		text-align: right !important;
		float:right;
		}

/* aside stylezzzz */
.shf-inside, .shf-updated, .shf-prodnav, .shf-prod{
	margin-top: 0;
	}

/* index stylezzzz */
./img-responsive {
		display: block;  
		height: auto;  
		max-width: 100%;
		margin-bottom: 10px;
		}
	.shf-twocol /img:nth-child(1){
		padding: 0 6px 0 15px;
		}
	.shf-twocol /img:nth-child(2){
		padding: 0 15px 0 6px;
		}
	.shf-fourcol /img:nth-child(1){
		padding-right: 0;
		}
	.shf-fourcol /img:nth-child(2){
		padding: 0 5px 0 10px;
		}
	.shf-fourcol /img:nth-child(3){
		padding: 0 10px 0 5px;
		}
	.shf-fourcol /img:nth-child(4){
		padding-left: 0;
		}

/* ghost class */
.ghost, .ghost>a{
	color:#ffffff;
	}
	.ghost>h6>strong{
		display:block;
		}

/* footer stylezzzz */
.footer{
		background-color: #000033;
		border-radius: 0px;
		padding:10px 15px 0;
		}
	.btn{
		font-size:100%;
		vertical-align: inherit;
		padding: 0px;
		}
	.popover .popover-title {
		color:#333300;
		font-size:12px;
    	font-weight: bold;
		}
	.footersoc{
		background-color: #000033;
		text-align: right !important;
		}
	.footersoc > li{
		margin-left: 10px;
		}
	.footersoc > li:first-child{
		margin-left: 0px;
		}
	.footersoc li a{
		color:#777777;
		}
	.footersoc li a:hover{
		color:#ffffff;
		}
	#shfPop:hover{
		color:#ffffff !important;
		}	/*	border:1px solid #0000ff; */

/* space hack stylezzzz */
.zeromar-top{
	margin-top: 0 !important;
	}
	.zeromar-bot{
		margin-bottom: 0 !important;
		}
	.fivemar-left{
		margin-left: 5px !important;
		}
	.fivemar-right{
		margin-right: 5px !important;
		}
	.fivemar-top{
		margin-top: 5px !important;
		}
	.fivemar-bot{
		margin-bottom: 5px !important;
		}
	.tenmar-top{
		margin-top: 10px !important;
		}
	.tenmar-bot{
		margin-bottom: 10px !important;
		}
	.fiftenmar-top{
		margin-top: 15px !important;
		}
	.fiftenmar-bot{
		margin-bottom: 15px !important;
		}
	.twenmar-top{
		margin-top: 20px !important;
		}
	.twenmar-bot{
		margin-bottom: 20px !important;
		}
.zeropad-top{
	padding-top: 0 !important;
	}
	.zeropad-bot{
		padding-bottom: 0 !important;
		}
	.zeropad-left{
		padding-left: 0 !important;
		}
	.zeropad-right{
		padding-right: 0 !important;
		}
	.twopad-left{
		padding-left: 2px !important;
		}
	.twopad-right{
		padding-right: 2px !important;
		}
	.fivepad-top{
		padding-top: 5px !important;
		}
	.fivepad-bot{
		padding-bottom: 5px !important;
		}
	.fivepad-left{
		padding-left: 5px !important;
		}
	.fivepad-right{
		padding-right: 5px !important;
		}
	.sixpad-left{
		padding-left: 6px !important;
		}
	.sixpad-right{
		padding-right: 6px !important;
		}
	.tenpad-top{
		padding-top: 10px !important;
		}
	.tenpad-bot{
		padding-bottom: 10px !important;
		}
	.tenpad-left{
		padding-left: 10px !important;
		}
	.tenpad-right{
		padding-right: 10px !important;
		}
	.fiftenpad-right{
		padding-right: 15px !important;
		}
	.fiftenpad-left{
		padding-left: 15px !important;
		}
	.fiftenpad-top{
		padding-top: 15px !important;
		}
	.fiftenpad-bot{
		padding-bottom: 15px !important;
		}
	.twenpad-top{
		padding-top: 20px !important;
		}
	.twenpad-bot{
		padding-bottom: 20px !important;
		}
/* btn stylez at xs */
.btn-group-vertical{
		margin-left:10px;
		}
	.btn-group-vertical a{
		margin:0 0 8px 0;
		padding:0 5px;
		}

/* footer to the bottome of page hack stylezzzz */
body,html{	
	height:100%;
	} 
	#main{
		min-height: 100%;
		position:relative;
		/* Firefox */
		min-height: -moz-calc(100% - 30px);
		/* WebKit */
		min-height: -webkit-calc(100% - 30px);
		/* Opera */
		min-height: -o-calc(100% - 30px);
		/* Standard */
		min-height: calc(100% - 30px);
		margin-bottom: 30px;
		}
	#footerfix{
		max-height:100%;
		margin-bottom: 0px;
		clear: both;
		width:100%;
		position: relative;
		}	

/* equal col hack stylezzzz */
#height{
	overflow: hidden; 
	}
	.height-hack{
		margin-bottom: -99999px;
		padding-bottom: 99999px;
		}