@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}

address,cite,q,dfn{font-style:normal}
h1,h2,h3,h4,h5,h6,th{font-weight:400}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
a,ins,del{text-decoration:none}
q,blockquote{quotes:none}
q:after,q:before,blockquote:after,blockquote:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
th,td{vertical-align:top}
th{text-align:left}
button,input,select,textarea{font:inherit}

html,body{background-color:#2d3033}
html{overflow-x:auto;overflow-y:scroll}
body{font:400 13px/1.5 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,sans-serif;color:#dde9ec;padding-bottom:40px}
#wrapper{width:942px;border:9px solid #33373b;margin:20px auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#site{border:1px solid #222527;background-color:#282b2e;padding:40px}

.demo{background-color:#EEE;background-image:url(../image/bg-main.png);}

a{color:#46c5ec;border-bottom:1px solid #294e5a}
a:hover,a:focus{color:#ededed;border-bottom-color:#595959}
a:active{position:relative;top:1px}del{text-decoration:line-through}
li{list-style:none}
button,input[type="submit"],input[type="image"],label,label > input[type="checkbox"],label > input[type="radio"]{cursor:pointer}
#title{text-align:center;position:relative}
#title h1{font:400 36px/45px "Myriad Pro","Myriad","Gill Sans","Frutiger Linotype","Helvetica Neue",sans-serif;text-align:center;text-shadow:rgba(0,0,0,0.5) 0 1px 4px;color:#FFF;position:relative;width:221px;height:45px;margin:0 auto;overflow:hidden}
#title p{margin-top:3px;margin-right:0}

.header,p,ul,ol,blockquote,pre,dl,table{margin-top:20px}
.header,p,ul,ol,blockquote,dl{margin-right:240px}
ol,ul{margin-left:40px}
ol li{list-style:decimal}
ul li{list-style:none}
li.spaced{margin-bottom:20px}

strong{font-weight:400;color:#000 !important;}


.splitter{margin:40px -40px;text-align:center;background:#35393c url("splitter.png") repeat-x 0 100%;border-bottom:1px solid #1d1f21;padding:6px 40px 5px;font-size:12px}
.splitter:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.splitter ul{margin-right:0;margin-top:0}
.splitter > li{padding-left:8px}
.splitter > li ul{margin-left:8px}
.splitter ul li a{border-bottom:0;position:static}
.splitter li,.splitter ul,.splitter ul li a{display:inline;display:inline-block;line-height:1}
.splitter ul,.splitter ul li,.splitter ul li a{background-image:url("buttons.png");background-repeat:no-repeat}
.splitter ul{background-position:0 -138px;background-repeat:repeat-x}
.splitter ul li{margin-left:1px}
.splitter ul li:first-child{margin-left:0}
.splitter ul li a{padding:5px 8px 6px;color:#070708;text-shadow:rgba(255,255,255,0.1) 0 1px 0;text-decoration:none}
.splitter ul li.segment-0,.splitter ul li.segment-1,.splitter ul li.segment-2,.splitter ul li.segment-3,.splitter ul li.segment-4,.splitter ul li.segment-5,.splitter ul li.segment-6{background-position:-3px -92px}

.splitter ul li.segment-0 a,.splitter ul li.segment-1 a{background-position:0 -161px}
.splitter ul li.segment-2 a,.splitter ul li.segment-3 a,.splitter ul li.segment-4 a,.splitter ul li.segment-5 a,.splitter ul li.segment-6 a{background-position:100% -115px}

.splitter ul li.selected-0 a,.splitter ul li.selected-1 a,.splitter ul li.selected-2 a,.splitter ul li.selected-3 a,.splitter ul li.selected-4 a,.splitter ul li.selected-5 a,.splitter ul li.selected-6 a{color:#fff;text-shadow:rgba(0,0,0,0.25) 0 1px 0}
.splitter ul li.selected-0,.splitter ul li.selected-2,.splitter ul li.selected-3 a,.splitter ul li.selected-4 a,.splitter ul li.selected-5 a,.splitter ul li.selected-6 a{background-position:0 -23px}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a{background-position:100% -46px}
.splitter ul li.selected-1{background-position:0 0}
.splitter ul li.selected-2 a{background-position:100% -69px}



#performance-toggle{text-align:center;margin-right:0;font-size:11px;opacity:.5;-webkit-transition:opacity .25s linear;-moz-transition:opacity .25s linear}
#performance-toggle:hover{opacity:.999}
#performance-toggle{text-align:center;margin-right:0;font-size:11px;opacity:.5;-webkit-transition:opacity .25s linear;-moz-transition:opacity .25s linear}
#copyright{text-align:center; width:100%;}

.image-grid{margin:-20px 0 0 -40px;padding-left:45px;width:840px}
.image-grid:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.image-grid li{width:128px;margin:20px 0 0 35px;float:left;text-align:center;font-family:"Helvetica Neue",sans-serif;line-height:17px;color:#686f74;height:177px;overflow:hidden}
.image-grid li img,.image-grid li strong{display:block}
.image-grid li strong{color:#fff; display:none;}
span{display:none;}