body{margin:0 auto; overflow:hidden !important; padding:0; max-height:100%;}
.main-body{overflow:hidden !important;}
h1, h2, h3, h4, h5, h6 {
font-family: Oswald !important;
line-height: 110%;
 
}
.bar a{-webkit-transition: all 0s ease-in-out;
   -moz-transition: all 0s ease-in-out;
   -o-transition: all 0s ease-in-out;
   -ms-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;}
.bar{position:absolute; top:0; width:100%; height:60px; background:#232323;}
.switchercontainer{position:relative; width:960px; margin:0 auto;}
iframe{top:60px; margin-bottom:0; padding:0;position:fixed;}
.bar h2 {font-size:16px;text-transform:none;text-align: center;margin:20px 0 10px 0;}
.bar h4 {display:none;}
.bar a{-webkit-transition: all 0s ease-in-out;
   -moz-transition: all 0s ease-in-out;
   -o-transition: all 0s ease-in-out;
   -ms-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;}
.barlogo{float:left; background: url('images/logo.png') no-repeat;width:150px;height:60px;margin-left:10px;margin-top:5px;}
.barselecttheme{position:relative; padding-top:10px; float:left; z-index:9999999;}
.bardocumentation {float:right; background: url('images/readDetails.png') no-repeat;width:70px;height:20px; margin-right:20px; margin-top:20px;}
.barcart{float:right; background: url('images/shopping_cart.png') no-repeat;width: 170px;height:50px; margin-right:20px; margin-top:10px;}
.closeframe {float:right; background: url('images/closeBar.png') no-repeat;width:70px;height:20px; margin-right:20px; margin-top:20px;}
.barselectcolor{position:absolute; margin-left:580px; padding-top:10px;}
.closeframe{float:right; margin-right:20px; padding-top:20px;}
#theme-switcher{border-radius:3px;margin-top:4px;background:url(images/down_arrow.png) no-repeat 300px 10px;font-size:13px; background-color: #2F3236; color:#ccc; padding:10px 10px 20px 10px; border:1px solid #444;  cursor:pointer; z-index:9;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
text-shadow: 0 1px 0 rgba(0,0,0,1);}
#theme-switcher-button{width:300px;}
#theme-switcher {width:300px;}

#theme-switcher li  {border-bottom:1px dotted #44484e;padding-top:0px; padding-bottom:5px;}
#theme-switcher li:hover .creativeBar, #theme-switcher li:hover .portfolioBar , #plugin-switcher li:hover .creativeBar{background-color:#DFB715;}
#theme-switcher li a img{border:1px solid #ccc;padding:10px; background:#fff;display:none; position:absolute; margin-left:260px; margin-top:-30px;}

#theme-switcher li a:hover img {display:block;}
#theme-switcher li a {color:#aaa;font-size:12px;}

#theme-switcher li:hover a{color:#fff;}

#theme-switcher-button{border-radius:3px;margin-top:4px;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;position:relative;background:url(images/down_arrow.png) no-repeat center right;  font-size:13px; background-color: #2F3236; color:#ccc; padding: 5px 10px 5px 10px; border:1px solid #444;  cursor:pointer;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);}
#theme-switcher h4{color:#fff !important; margin-bottom:20px; margin-top:-4px !important;}
#closestyle, #closestyle , #closeplugin{background: url(images/closeStyle.png) no-repeat; height:15px; width:15px; position:absolute; margin-left:152px; margin-top:2px;}
.bar li {text-decoration:none; list-style: none !important; margin-top:5px;}
#style-switcher li{padding-left:10px;}
.bar li span{float:right;}
.bar ul {margin-left:0px !important;}
.bar span.portfolioBar{background-color:#fff; border-radius:3px;padding:0 5px 0 5px;color:#1e1e20; text-shadow:none; text-transform:uppercase;font-size:10px;}
.bar span.creativeBar{background-color:#fff; border-radius:3px;padding:0 5px 0 5px;color:#1e1e20; text-shadow:none; text-transform:uppercase;font-size:10px;}
.bar span.creativeBar.multi{background-color:#00B0EC; border-radius:3px;padding:0 5px 0 5px;color:#fff; text-shadow:none; text-transform:uppercase;font-size:10px;margin-left:10px;}

@media screen and (min-width:0px) and (max-width:970px){
 .switchercontainer,.barlogo,.bardocumentation,.barselecttheme{display:none;}

}


.documentation a {float:right;padding:8px 15px 8px 15px;border:1px solid #fff; border-radius:0px;margin-top:10px;font-size:12px;text-transform:uppercase;font-family:Arial;color:#fff;background:#E14F4F}
.documentation a:hover {text-decoration:underline;}