
.splitter {
	width:100%;BORDER-BOTTOM: #777 1px dotted; TEXT-ALIGN: left; PADDING-BOTTOM: 5px; MARGIN: 40px -40px; 
    BACKGROUND: #ffffff 0px 100%; FONT-SIZE: 12px; PADDING-TOP: 6px;font-family:verdana; margin-left:0; margin-top:0;
    color: #555;
     font-size: 1.0em;
}
.splitter:after {
	DISPLAY: block; HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden; CONTENT: ""; 
}
.splitter UL {
	MARGIN-TOP: 0px; MARGIN-RIGHT: 0px;
}

.splitter UL  li {
	display:inherit;
}

.splitter > LI {
	display:inherit;

}
.splitter > LI UL {
	MARGIN-LEFT: 8px
}
.splitter UL LI A {
	POSITION: static; BORDER-BOTTOM-WIDTH: 0px; 
}
.splitter LI {
	LINE-HEIGHT: 1; DISPLAY: inline-block
}
.splitter UL {
	LINE-HEIGHT: 1; DISPLAY: inline-block
}
.splitter UL LI A {
	LINE-HEIGHT: 1; DISPLAY: inline-block;
}
.splitter UL {
	 BACKGROUND-REPEAT: no-repeat
}
.splitter UL LI {
	
}
.splitter UL LI A {
	 color:#555;
}
.splitter UL {
	BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px -138px
}
.splitter UL LI {
	MARGIN-LEFT: 1px;
	
}
.splitter LI ul li {
	display:inline;
	
}

.splitter UL LI:first-child {
	MARGIN-LEFT: 0px
	
}
.splitter UL LI A {
	PADDING-BOTTOM: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; TEXT-DECORATION: none; PADDING-TOP: 5px; text-shadow: 
    rgba(255, 255, 255, 0.1) 0 1px 0
	
}

.splitter UL LI.segment-0 {
	BACKGROUND-POSITION: -3px -92px;
	color:#666;
}
.splitter UL LI.segment-2 {
	BACKGROUND-POSITION: -3px -92px

}

.splitter UL LI.segment-3 {
	BACKGROUND-POSITION: -3px -92px;
    
}

.splitter UL LI.segment-1 {
	BACKGROUND-POSITION: 0px -92px ;
}
.splitter UL LI.segment-0 A {
	BACKGROUND-POSITION: 0px -161px; 
}
.splitter UL LI.segment-1 A {
	BACKGROUND-POSITION: 0px -161px
}
.splitter UL LI.segment-2 A {
	BACKGROUND-POSITION: 100% -115px
}
.splitter UL LI.selected-0 {
	BACKGROUND-POSITION: 0px -23px
}
.splitter UL LI.selected-2 {
	BACKGROUND-POSITION: 0px -23px ;
	
}
.splitter UL LI.selected-0 A {
	BACKGROUND-POSITION: 100% -46px ;
	color:#2b8eb8;
	
}
.splitter UL LI.selected-1 A {
	BACKGROUND-POSITION: 100% -46px ;
	color:#2b8eb8;
}

.splitter UL LI.selected-3 A {
	BACKGROUND-POSITION: 100% -46px  ;
	color:#2b8eb8;
}
.splitter UL LI.selected-1 {
	BACKGROUND-POSITION: 0px 0px
}
.splitter UL LI.selected-2 A {
	BACKGROUND-POSITION: 100% -69px;
	color:#2b8eb8;
	
	
}
.actions:after {
	DISPLAY: block; HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden; CONTENT: ""
}
.actions {
	MARGIN-LEFT: -40px
}
.actions-two {
	PADDING-LEFT: 155px
}
.actions P {
	MARGIN: 0px 0px 0px 40px; WIDTH: 260px; FLOAT: left
}
.actions P A {
	MIN-HEIGHT: 42px; DISPLAY: block; FONT: bold 24px/1 "Helvetica Neue", sans-serif; BACKGROUND: url(i/actions.png) no-repeat; BORDER-BOTTOM-WIDTH: 0px; COLOR: #000; TEXT-DECORATION: none; PADDING-TOP: 24px; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; opacity: 0.5
}
.actions P A STRONG {
	text-shadow: none
}
.actions P A:hover {
	opacity: 1
}
.actions P A:focus {
	opacity: 0.9999
}
.actions P A.download {
	PADDING-LEFT: 74px
}
.actions P A.demos-n-docs {
	PADDING-LEFT: 60px; BACKGROUND-POSITION: -270px 0px;
}
.actions P A.fork {
	PADDING-LEFT: 76px; BACKGROUND-POSITION: -540px 0px;
}
.actions P A.download > SPAN {
	TEXT-TRANSFORM: lowercase; FONT-VARIANT: small-caps; DISPLAY: block; FONT-SIZE: 13px; opacity: 0.25
}
.footer {
	TEXT-ALIGN: center; PADDING-BOTTOM: 40px; MARGIN: 40px 0px 0px; FONT-SIZE: 11px; text-shadow: rgba(255, 255, 255, 0.08) 0 1px 0
}

.demo P {
	MARGIN-RIGHT: 0px
}
.demo UL {
	MARGIN-RIGHT: 0px
}
#performance-toggle {
	TEXT-ALIGN: center; FONT-SIZE: 11px; MARGIN-RIGHT: 0px; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; opacity: 0.5
}
#performance-toggle:hover {
	opacity: 0.999
}
#navcontainer ul { list-style-type: none; padding-top:3px;  }
.image-grid {
	MARGIN: 0px 0px 0px 0px; PADDING-LEFT: 0px; WIDTH: 900px;
    list-style-type: none; 
}
.image-grid:after {
	DISPLAY: block; HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden; CONTENT: ""
}
.image-grid LI {
	TEXT-ALIGN: center; MARGIN: 10px 25px 0px 0px;   FONT-FAMILY: "Helvetica Neue", sans-serif; FLOAT: left; OVERFLOW: hidden
}
.image-grid LI IMG {
	DISPLAY: block;
	
}
.image-grid LI STRONG {
	DISPLAY: block
}
