* {
  margin: 0;
  padding: 0;
}

form, img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

body {
  background: none repeat scroll 0 0 #f6f6f6;
  line-height: 1;
  font: 300 12px Arial, "Helvetica Neue", Helvetica,sans-serif;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

table {
  border-collapse: collapse;
}

#nsn-real-content {
  float: left;
}

#nsn-header {
  background: -moz-linear-gradient(top, #1a1a1a, #3e3e3e);
  background: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#3e3e3e));
  background: -o-linear-gradient(top, #1a1a1a, #3e3e3e);
  background: -ms-linear-gradient(top, #1a1a1a 0%,#3e3e3e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#3e3e3e',GradientType=0 );
  min-width: 980px;
}

#nsn-print-header { display: none; }

#nsn-header2 {
  background: url("/layout/images/menu-bg.png") repeat-x scroll 0 0 transparent;
  min-width: 980px;
}

#nsn-main-container {
  background: url("/layout/images/main-shadow.png") repeat-x scroll 0 0 transparent;
  min-width: 1180px;
}

#nsn-main {
  background-color: #FFFFFF;
  box-shadow: 4px 0 2px #DDDDDD, -4px 0 2px #DDDDDD;
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  width: 980px;
  position: relative;
}

#nsn-header-header {
  overflow: hidden;
  width: 980px;
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  xheight: 214px;
  color: #eee;
}

#nsn-header-ad {
  background-color: #fff;
  color: #000;
  width: 728px;
  height: 90px;
  float: left;
  margin-top: 16px;
  overflow: hidden;
}

#nsn-header-member {
  color: #000;
  background-color: #0a0;
  width: 235px;
  height: 90px;
  float: right;
  margin-top: 16px;
}

#nsn-header-logo {
  width: 674px;
  height: 108px;
  float: left;
}

#nsn-login-header-search-container {
  padding: 0;
  margin-top: 16px;
  width: 262px;
  height: 76px;
  float: right;
  position: relative;
}

#nsn-login-header-search-container form {
  border: 0 none;
}

#nsn-header-search a,
#nsn-header-search a:visited {
  width: 262px;
  color: #32b9fa;
  text-decoration: none;
}

#nsn-header-search {
  position: absolute;
  bottom: 0;
  left: 0;
}

input#sitesearchsubmit[type="submit"] {
  background: url("/layout/images/search.png") no-repeat scroll center center transparent;
  border: 0 none;
  color: transparent;
  font-size: 0;
  height: 24px;
  width: 58px;
  padding: 0;
  cursor: pointer;
}

#nsn-header-search input#keywords[type="text"] {
  width: 198px;
  height: 20px;
  background-color: #FAFAFA;
  border: 1px solid #A9B8C2;
  color: #333333;
  font-size: 0.9em;
  font-weight: normal;
  padding: 1px;
  vertical-align: bottom;
  box-sizing:content-box;
  -moz-box-sizing:content-box; /* Firefox */
  -webkit-box-sizing:content-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  font-family: Arial;
}

.nsn-logged-out {
  width: 100%;
  height: 100%;
  font-size:12px;
  font-weight: normal;
  color: #fff;
  border-collapse: collapse;
}

.nsn-logged-out-title {
  text-align: right;
}

.nsn-logged-out td {
  vertical-align: middle;
  height: 24px;
}

.nsn-logged-out input {
  width: 115px;
  height: 17px;
  font-size: 0.9em;
  font-weight: normal;
  padding: 1px;
}

.nsn-logged-in {
  margin: 5px 12px;
}

#nsn-sign-in, #nsn-fpsign-in {
  width: 83px;
  border: 0 none;
  height: 32px;
  padding: 0;
  background: url("/layout/images/nsn-submit.png") no-repeat scroll center center;
  cursor: pointer;
}

#nsn-sign-up {
  width: 100px;
  border: 0 none;
  height: 32px;
  padding: 0;
  background: url("/layout/images/sign_up.png") no-repeat scroll center center;
  cursor: pointer;
}

.nsn-logged-out a,
.nsn-logged-out a:visited {
  color: #0079B6;
  text-decoration: none;
}


#nsn-header-menu,
#nsn-header-menu-short {
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  text-align: left;
  height: 33px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

.top-menu {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 9px;
  border-right: 1px dotted #6b6b6b;
  height: 24px;
  float: left;
  cursor: pointer;
}

.top-menu a img {
  padding-top: 2px;
}

.top-menu a,
.top-menu a:hover,
.top-menu a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}

.nsn-nav-sub-menu {
  height: 31px;
  position: absolute;
  top: 0;
  width: 980px;
  display: none;
}

div.selected {
  position: static;
  display: block;
}

.sub-menu-item {
  font-size: 14px;
  float: left;
  margin: 9px 0;
  padding: 0 14px;
  border-right: 1px dotted #fff;
}

.sub-menu-item a,
.sub-menu-item a:visited,
.sub-menu-item a:hover {
  text-decoration: none;
  color: #ffffff;
}

.sub-menu-item-last {
  border-right: 0 none;
}


/**********************************
 * Set different background colours based on what we want.
 */

/**************
 * Home - no sub-menu
 */

#nsn-nav1.current, #nsn-nav1.selected {
  background-color: #000000;
}


/**************
 * Forums
 */
#nsn-nav2.current, #nsn-nav2.selected, #sub-menu-nsn-nav2 {
  background-color: #8a0404;
}

#sub-menu-nsn-nav2 {
  border-bottom: 4px solid #5b0303;
}

#sub-menu-nsn-nav2 a:hover,
#sub-menu-nsn-nav2 .item-selected {
  color: #fff88e;
}


/**************
 * Galleries
 */
#nsn-nav3.current, #nsn-nav3.selected, #sub-menu-nsn-nav3 {
  background-color: #006ba1;
}

#sub-menu-nsn-nav3 {
  border-bottom: 4px solid #005682;
}

#sub-menu-nsn-nav3 a:hover,
#sub-menu-nsn-nav3 .item-selected {
  color: #fffb7d;
}


/**************
 * Portfolios
 */
#nsn-nav4.current, #nsn-nav4.selected, #sub-menu-nsn-nav4 {
  background-color: #75411e;
}

#sub-menu-nsn-nav4 {
  border-bottom: 4px solid #4b3120;
}

#sub-menu-nsn-nav4 a:hover,
#sub-menu-nsn-nav4 .item-selected {
  color: #fff88e;
}


/**************
 * News
 */
#nsn-nav5.current, #nsn-nav5.selected, #sub-menu-nsn-nav5 {
  background-color: #691472;
}

#sub-menu-nsn-nav5 {
  border-bottom: 4px solid #250729;
}

#sub-menu-nsn-nav5 a:hover,
#sub-menu-nsn-nav5 .item-selected {
  color: #ffff33;
}


/**************
 * Articles
 */
#nsn-nav6.current, #nsn-nav6.selected, #sub-menu-nsn-nav6 {
  background-color: #eb632d;
}

#sub-menu-nsn-nav6 {
  border-bottom: 4px solid #b0502b;
}

#sub-menu-nsn-nav6 a:hover,
#sub-menu-nsn-nav6 .item-selected {
  color: #ffea00;
}


/**************
 * Workshops
 */
#nsn-nav7.current, #nsn-nav7.selected, #sub-menu-nsn-nav7 {
  background-color: #659738;
}

#sub-menu-nsn-nav7 {
  border-bottom: 4px solid #51792d;
}

#sub-menu-nsn-nav7 a:hover,
#sub-menu-nsn-nav7 .item-selected {
  color: #d8ff6f;
}


/**************
 * Store
 */
#nsn-nav8.current, #nsn-nav8.selected, #sub-menu-nsn-nav8 {
  background-color: #88754b;
}

#sub-menu-nsn-nav8 {
  border-bottom: 4px solid #665838;
}

#sub-menu-nsn-nav8 a:hover,
#sub-menu-nsn-nav8 .item-selected {
  color: #f5e3a3;
}




/****************
 * Other stuff...
 */

input#nsn_login,
input#nsn_email,
input#nsn_passw, 
input#nsn_fplogin {
  width: 210px;
  height: 24px;
}

#opaque {
  position: fixed;
  color: white;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  background-color: black;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

* html #opaque {
  position: absolute;
}

#transparent {
  position: fixed;
  color: white;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  background-color: transparent;
}

* html #transparent {
  position: absolute;
}

#nsn-login {
  text-align: right;
  font-weight: normal;
  height:10px;
}

#nsn-login a,
#nsn-login a:visited {
  color: #32b9fa;
  text-decoration: none;
}

.login-text {
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px dotted #999999;
  float: right;
  height:12px;
  padding-bottom: 2px;
}

#nsn-logged-in {
  text-align: right;
  margin-bottom: 2px;
}

#nsn-login-popup,
#nsn-login-help,
#nsn-newsletter-signup-popup,
#nsn-login-forgotten-pw {
  width: 735px;
  padding-left: 20px;
  background-color: #ffffff;
  display: none;
  z-index: 1500;
  font-size: 16px;
}

.a-nsn-login {
  cursor: pointer;
  color: #0079B6;
}

.nsn-login-container {
  height: 243px;
  padding: 15px;
}

.nsn-login-left {
  width: 339px;
  height: 243px;
  border-right: 1px dotted #000;
  float: left;
  padding-right: 20px;
}

.nsn-login-left-full {
  border-right: 1px dotted #000;
  float: right;
  padding-right: 40px;
  font-size: 16px;
}

#nsn-login-register {
  padding: 0 0 15px 15px;
  width: 355px;
  float: right;
}

#nsn-login-register-full {
  padding-left: 40px;
  float: left;
  font-size: 16px;
}

#nsn-login-popup h1 {
  font-size: 28px;
  padding-bottom: 16px;
  font-weight: bold;
}

.nsn-login-med {
  font-size: 14px;
}

.nsn-login-sm {
  font-size: 12px;
}

.nsn-login-input td {
  padding: 5px;
  vertical-align: middle;
}

.nsn-login-extra td {
  padding: 0;
  vertical-align: bottom;
}

.nsn-login-reg-title {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 16px;
  float: left;
}

.nsn-login-close {
  float: right;
  text-align: right;
  cursor: pointer;
  background: url("/layout/images/nsn-close.png") repeat-x scroll 0 0 transparent;
  width: 20px;
  height: 20px;
}

#nsn-home {
  width: 11px;
  height: 14px;
  background: url("/layout/images/home_icon.gif") no-repeat scroll 0 2px transparent;
}

#nsn-signin {
  float: left;
  width: 50%;
}

#nsn-trouble {
  float: right;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  padding-top: 13px;
}

.login_help_title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 15px;
  float:left;
}

.login_help_subtitle {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 16px;
}

#nsn-login-help {
  font-size: 14px;
  line-height: 22px;
  padding: 20px;
  padding-bottom: 10px;
}

.login_help_left {
  width:313px;
  padding:15px;
  padding-bottom: 0;
  float:left;
  background-color:#eef7fc
}

.login_help_right {
  width:347px;
  padding:15px;
  float:right;
  margin-right:15px;
}

.login_help_left ol{
  padding-left: 20px;
}

.login_help_left ol li{
  padding-bottom: 12px;
}

.login_help_right ul {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.it { font-style: italic }