@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
html, body, ul, li, menu, nav {

	border: 0;
	font-size: 100%;
	font: inherit;

}
font-family: 'Oswald', sans-serif;

html{
  overflow-y: scroll;
}
/* ------  Font Import ------  */

/*  ------  Global  ------  */
body {
  line-height: 1;
  font-size: 12px ;
font-family: 'Roboto Condensed', sans-serif;
  color: #000000;
  background: #ffffff;
}
  
h1, h2, h3, h4, h5, h6 { color:#000000; margin:0; 
  font-family:  Helvetica Neue, Helvetica, Arial;
}

h1 {
  line-height:1.1em;
  font-size: 33px;
}

h2 {
  font-size: 22px;
  line-height: 1em; 
}

a {  outline: none;  color: #00A1F9;  }
  

::-moz-selection{ background: #A5A29F; color:#fff; text-shadow: none; }
::selection { background:#A5A29F; color:#fff; text-shadow: none; }

p { margin: 0; }

p, ul li, ol li {  line-height: 1.45em; }
em {  font-style:italic; }
strong {  font-weight:bold; }
  
/* Required to Render UL and OL elements correclty */
ol {   list-style: inside none; }
ul {   list-style: inside none; }


/* Menu Definitions */

#logo {
  margin: 0 0px 28px;
    margin-top: 40px;
  
}

#logo a  { text-decoration: none; color: #222222; }
#logo a img { border:0px; max-width: 195px; max-height: 130px; }
#logo h1 {
  font-size: 20px; padding:0px; margin: 0px;
  font-family: 'Raleway';

  z-index: 0;
}
#logo h1 a:hover {   text-decoration:none; }

/* Menu */

/* Menu Navigation */
.menu_wrap { width: 220px; }
.menu_wrap .main_nav {
  padding-bottom: 2px;
  width: 200px;
  height: 1400px;
  *position: relative;
  *right: 16px;
  *outline: none;
}

.menu_wrap ul a {
  color: #888888;
  font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
  text-decoration: none;
  padding: 3px 6px 3px 1px;
  
}
  .menu_wrap ul a:hover, 
  .menu_wrap ul a:focus,
  .menu_wrap ul .selected a,
  .menu_wrap ul .selected { color: #03d8ed; }

.menu_wrap ul .item { 

  font-size: 11px;
  line-height: 18px;
  margin-bottom: 3px;
  overflow: hidden;
  width: 100%;
  *max-width: 210px;
}

.menu_wrap ul .item a {

  *max-width: 210px;
}

.menu_wrap .category {
  color: #666666; 
  cursor: pointer;

  font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  line-height: 80%;
  padding: 0.6em 0;
  position: relative;
  zoom: 1;
  
  
    border-top: 0px solid #dadada;
    margin-bottom: 2px;
  
}

.menu_wrap .hover { color: #555555; }

.menu_wrap .open_cat,
.menu_wrap .list_end_cat { 
  
    border-bottom: 0px solid #dadada;
}

.menu_wrap .category_container {
  overflow: hidden;
  *float: left;
  
    display: none;
  
}
  .menu_wrap .category_container .item { 

  }
  .menu_wrap .category_container .item a {

  }

/****** CONTENT *******/

.nav { 
  float: left;
  z-index: 0;
  min-height: 1400px;
  width: 223px; height: 100%;
  top: 0;
  left: 0px;  
}

.nav #overlay {
  background: #ffffff;
  position: absolute; top: 0; left: 0;
  height: 100%; width: 100%;
  z-index: 0;

  
    opacity: 0.8;
    filter: alpha(opacity=80);
  
}

.nav #additional_text {
  font-size: 11px;
  font-family: Arial;  
  color: #888888;
  padding: 33px 0 0 0;
}

.nav .nav_container {
  position: absolute;
  top: 0px;
  z-index: 0;

  
    height: 1000px;
    margin-top: 0px;    
  

  /* This fixes IE7*/
  *overflow:visible;    
} 
.nav.left_aligned_menu { text-align: left;}
.nav .menu_wrap {
  font-size: 0;
  margin-left: 0px;
}
.nav .social_icons_wrap {
  position: absolute;
  bottom: 12px; left: 4px;
}

.nav .nav_container .jspVerticalBar {
  
    opacity: 0.8;
    filter: alpha(opacity=80);
  
}
