/* 
/////////////////////////////////////////////////////////
// 
//   namesuppressed Design Stylesheet 4.0.0
//   5 January 2017
//   www.namesuppressed.com
//   syneryder@namesuppressed.com
//
//   Stylesheet designed for the design pages of the
//   namesuppressed website.
//
/////////////////////////////////////////////////////////
*/


/********************************************************
  Basic document style definitions
********************************************************/

/* The only definitions that should appear in this
   section are defined HTML entities (like body, h1
   and abbr, but not classes of these well-defined
   entities). Our standard nocss, spacer and .right
   & .left classes are exceptions. */

/* For items displayed when no CSS support is present. */
.nocss {
  display: none;
  visibility: hidden;
}

div.spacer {
  margin: 0px;
  padding: 0px;
  clear: both;
}

.right {
  float: right;
}
.left {
  float: left;
}

.imageleft {
  margin: 5px;
  float:  left;
}

.imageright {
  margin: 5px;
  float:  right;
}

.center {
  margin-left:  auto;
  margin-right: auto;
  text-align:   center;
}

body {
  color:               #000000;
  background-color:    #000099;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000020', endColorstr='#0000b0');
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #000020), color-stop(1, #0000b0) );
  background: -moz-linear-gradient( center top, #000020 0%, #0000b0 100% );
  background: -o-linear-gradient(#000020, #0000b0);
  background: linear-gradient(#000020, #0000b0);
  background-attachment: fixed;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family:   "freight-sans-pro-1","freight-sans-pro-2","Gill Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
  font-weight:   300;
}



h1 {
    border-top: 0px;
    margin-top: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    margin-bottom: 15px;
    text-align: center;
    font-size:  72px;
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw-1","franklin-gothic-urw-2","Franklin Gothic","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 700;
    letter-spacing: -4px;
}

h2 {
    font-size:     28px;
    margin-top:    26px;
    margin-bottom: 0px;
    text-align:    center;
    font-family:   "franklin-gothic-urw-n7","franklin-gothic-urw-1","franklin-gothic-urw-2","Franklin Gothic","Helvetica Neue",Arial,Helvetica,sans-serif;
    line-height:    31px;
    letter-spacing: -1px;
}


h3 {
    font-size:      20px;
    text-align:     center;
    font-family:     "franklin-gothic-urw-n4","franklin-gothic-urw-1","franklin-gothic-urw-2","Franklin Gothic","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight:    400;
    letter-spacing: -1px;
}

th { font-weight: bold; }
ul, ol, li { font-size: 18px; line-height: 21px; }

form {
  margin:  0px;
  padding: 0px;
}

p, dl {
  text-align:  left;
  font-size:   18px;
  line-height: 21px;
  margin-top:  10px;
}

abbr, acronym {
  border-bottom: 1px dotted #CCCC99;
  cursor: help;
}

a img {
  border: 0px;
}





/********************************************************
  Header / Footer Definitions
********************************************************/

#header {
  background: #000000;
  color: #cccccc;
  text-align: right;
  clear: both;
}

#header img {
  margin:  0px;
  padding: 0px;
}

#copyright {
  background: #000000;
  color: #999999;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  padding: 5px;
  clear: both;
}

.globalnav {
  background: #000000;
  color: #cccccc;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0px; 
}

.globalnav ul {
  margin-top:     0px;
  padding-top:    5px;
  margin-bottom:  0px;
  padding-bottom: 10px;
}

.globalnav li {
  display: inline;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 16px;
  line-height: 17px;
  border-right: #555555 1px dotted;
  text-transform: lowercase;
}

.globalnav li.last {
  border-right: none;
}

.globalnav a, .globalnav a:visited {
  color: #999999;
}

.globalnav a:hover {
  color: #ff0000;
}




/********************************************************
  General layout definitions
********************************************************/

#maincontent {
  padding:      0px;
  border:       0px;
  color:        #000000;
  width:        776px;
  margin-left:  auto;
  margin-right: auto;
  background-color: #ffffff;
  border-style: none;
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);
}

#maincontent ol, #maincontent li {
  margin-bottom: 5px;
}

#bodytext {
  display: block;
  padding-top:       20px;
  padding-left:      30px;
  padding-right:     30px;
  padding-bottom:    20px;
}
.productbox {
  padding-top:       30px;
  padding-left:      30px;
  padding-right:     30px;
  padding-bottom:    30px;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #FFFFFF), color-stop(1, #CCCCCC) );
  background: -moz-linear-gradient( center top, #FFFFFF 0%, #CCCCCC 100% );
  background: -o-linear-gradient(#FFFFFF, #CCCCCC);
  background: linear-gradient(#FFFFFF, #CCCCCC);
  padding-top:    30px;
  padding-bottom: 30px;
}

.productbox h2 {
  text-align: left;
  margin-top: 0px;
}

.productbox h2 a {
  color: #000000;
}

.productbox p {
	color: #444444;
}

.productbox .productdescription {
	float: right;
	width: 330px;
}

.productbox img.shadow {
	box-shadow: 0px 0px 10px RGBA(0,0,0,0.8);
}





/********************************************************
  Search Form styles
********************************************************/

.searchform {
  width:            500px;
  margin-left:      auto;
  margin-right:     auto;
  padding-top:      10px;
  padding-bottom:   10px;
  padding-left:     5px;
  padding-right:    5px;
  font-size:        13px;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     #CC9999;
  margin-bottom:    20px;
  background-color: #FFCCCC;
  color:            #000000;
}

.searchform h2 {
  padding-top:      0px;
  margin-top:       0px;
  font-size:        19px;
  text-align:       center;
  margin:           0px;
  font-weight:      bold;
  padding:          3px;
  background-color: transparent;
  color:            #000000;
}

.searchform input.text {
  color: #000000;
  background-color: #ffffdd;
  font-weight: bold;
}

.searchform input:focus {
  color: #000000;
  background-color: #ffffee;
}

.searchform input.button {
  color: white;
  background-color: #cc0000;
  font-size: 11px;
  font-weight: bold;
}



/********************************************************
  namesuppressed Beta Survey userform signup styles
********************************************************/

table.userform {
  border-width:     1px;
  border-color:     #000000;
  border-style:     solid;
  margin-top:       10px;
  margin-bottom:    10px;
  background-color: #FFFFDD;
  color:            #000000;
}

table.userform th {
  font-size:        18px;
  color:            #FFFFFF;
  background-color: #000099;
}

table.userform td {
  font-size: 12px;
  background-color: transparent;
}

table.userform .fieldlabel {
  font-weight: bold;
}




/********************************************************
  Plugin description styles
********************************************************/

.plugin {
  border:            2px dashed #dddddd;
  border-radius:     15px;
  padding:           15px;
  margin-bottom:     30px;
  margin-left:       auto;
  margin-right:      auto;
}

.plugin h2 {
  margin-top:    2px;
  margin-left:   5px;
  margin-bottom: 7px;
}

.plugin h2 a {
  color:         #000000;
}

.plugin div.quote {
  font-family:      Georgia, Times New Roman, serif;
  text-align:       left;
  color:            #990000;
  background-color: transparent;
  font-style:       italic;
  font-size:        12px;
  line-height:      15px;
  padding-top:      5px;
  padding-bottom:   5px;
}

.plugin .icon {
  margin-left:   5px;
  margin-right:  10px;
  margin-bottom: 5px; 
  padding-left:   5px;
  padding-right:  10px;
  padding-bottom: 5px;
}

.plugin .dllinks {
  margin-top:     8px;
  margin-left:   10px;
  margin-right:   5px;
  margin-bottom:  0px; 
  padding-top:    8px;
  padding-left:  10px;
  padding-right:  5px;
  padding-bottom: 0px;
}

.plugin div.links {
  font-weight:     bold;
  text-align: center;
}

.plugin .description {
  vertical-align: top;
  padding-bottom: 5px;
}



/********************************************************
  blog entry styles
********************************************************/

table.plugintable {
  border:           1px solid black;
  background-color: #ffffff;
  text-align:       center;
  margin-left:      auto;
  margin-right:     auto;
  margin-bottom:    20px;
}

.smallplugin h3 {
  margin-top:    0px;
  margin-bottom: 0px;
}

.smallplugin {
  padding:    10px;
  float:      left;
  text-align: center;
  font-size:  11px;
}




/********************************************************
  Photoshop Plugin product description (marketing text)
********************************************************/

#aboutproduct {
  padding-right: 10px;
}

#aboutproduct p, #aboutproduct ul li {
  color:       #444444;
  margin-top:  0px;
  padding-top: 0px;
}

#aboutproduct h3 {
  margin-bottom:  1px;
  padding-bottom: 1px;
}

#aboutproduct p.quote {
  background-color: #FFFFFF;
  color:            #CC0000;
  padding:          2px;
}

#aboutproduct p.quote a {
  font-weight:      bold;
  font-style:       italic;
  color:            #CC0000;
}



/********************************************************
  Contact form definitions
********************************************************/

table.feedback {
  margin-left:  auto;
  margin-right: auto;
  color: #4F4F4F;
}

table.feedback h2 {
  color: #000000;
  text-align: center;
}

table.feedback td {
  width:          180px;
  border-right:   1px dotted #999999;
  padding:        6px;
  vertical-align: top;
}

table.feedback td.last {
  width:        180px;
  border-right: none;
}



/********************************************************
  Feedback form
********************************************************/

.contactform {
  text-align:          center;
  margin-left:         auto;
  margin-right:        auto;
  background-color:    #ffffff;
  background:          url("//www.namesuppressed.com/design/gfx/vintage-envelope.jpg");
  background-repeat:   no-repeat;
  background-position: center;
  width:               610px;
  height:              340px;
  border:              none;
}

.contactformnew {
  text-align:         center;
  margin-top:         30px;
  margin-left:        auto;
  margin-right:       auto;
  margin-bottom:      0px;
  background-color:   #ffffff;
  background-image:   url('//www.namesuppressed.com/gfx/texture-rockywall-background.jpg');
  background-repeat:  repeat;
  border:             1px solid #000000;
  border-left:        0px;
  border-right:       0px;
  padding:            15px;
}

.contactformnew .emailinput {
	width: 500px;
}

.contactformnew .bodyinput {
	width: 500px;
	height: 200px;
}

.contactform h3 {
  font-size:    23px;
}

.contactform h3 {
  padding-top:  22px;
  font-size:    23px;
  margin-bottom: 4px;
}

.contactform p {
  padding-left:  35px;
  padding-right: 35px;
}

.contactform .inset {
  width:        350px;
  margin-left:  auto;
  margin-right: auto;
  text-align:   left;
}

fieldset {
  border:  0px;
}

fieldset label {
  font-weight: bold;
}

.feedback fieldset input[type="text"], .feedback fieldset textarea {
  color:            #000000;
  background-color: #F9F9F9;
}

fieldset input[type="text"], fieldset textarea {
	padding: 5px;
	border: 2px solid #ffffff;
    border-left: 10px solid #ffffff;
	font-size: 20px;
	color: #444444;
	margin: 5px;
}

fieldset input[type="text"]:focus, fieldset textarea:focus {
	border-left: 10px solid #449944;
	background-color: #ffffff;
}

fieldset input[type="submit"] {
	cursor: pointer;
	padding: 0px;
}




/********************************************************
  Definitions applicable to all pages (???)
********************************************************/

.textlinks p {
  text-align: center;
  font-size: 14px;
}

.quote {
  text-align: right;
  font-style: italic;
  font-size: 13px;
}





/********************************************************
  namesuppressed's CSS clickable buttons
  These imageless css buttons were generated
  by CSSButtonGenerator.com
********************************************************/

.cssbutton {
	-moz-border-radius:    6px;
	-webkit-border-radius: 6px;
	border-radius:         6px;
	-moz-box-shadow: 2px 2px 6px 0px #000000;
	-webkit-box-shadow: 2px 2px 6px 0px #000000;
	box-shadow: 2px 2px 6px 0px #000000;
	border:  1px;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: "franklin-gothic-urw-1","franklin-gothic-urw-2","Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:   21px;
	font-weight: 700;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
	margin-bottom: 10px;
	width:  320px;
	height: 38px;
	line-height: 35px;
	/*vertical-align: middle; */
	text-align: center;
}.cssbutton:active {
	-moz-box-shadow: 0px 0px 0px 0px #000000;
	-webkit-box-shadow: 0px 0px 0px 0px #000000;
	box-shadow: 0px 0px 0px 0px #000000;
	position:relative;
	top:2px;
	left:2px;
}.cssbutton img {
	vertical-align: middle;
}


.downloadbutton {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000589', endColorstr='#000046');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000589), color-stop(1, #000046) );
	background: -moz-linear-gradient( center top, #000589 5%, #000046 100% );
    background: -o-linear-gradient(#000589, #000046);
    background: linear-gradient(#000589, #000046);
	background-color: #000478;
	border: 1px solid #000000;
}.downloadbutton:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3035A9', endColorstr='#000046');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3035A9), color-stop(1, #000046) );
	background: -moz-linear-gradient( center top, #3035A9 5%, #000046 100% );
    background: -o-linear-gradient(#3035A9, #000046);
    background: linear-gradient(#3035A9, #000046);
}

.largebutton {
	width:  600px;
}

.smallbutton {
	width:  250px;
}

.buybutton {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e00', endColorstr='#b44500');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff6e00), color-stop(1, #b44500) );
	background: -moz-linear-gradient( center top, #ff6e00 5%, #b44500 100% );
    background: -o-linear-gradient(#ff6e00, #b44500);
    background: linear-gradient(#ff6e00, #b44500);
	background-color:#b44500;
	border: 1px solid #6c2900;
}.buybutton:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e30', endColorstr='#b44500');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9e30), color-stop(1, #b44500) );
	background: -moz-linear-gradient( center top, #ff9e30 5%, #b44500 100% );
    background: -o-linear-gradient(#ff9e30, #b44500);
    background: linear-gradient(#ff9e30, #b44500);
}


      
.testimonialbar {
	text-align: center;
	background-image: url('//www.namesuppressed.com/gfx/texture-rockywall-background.jpg');
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 15px;
	border: 1px solid #999999;
	border-left: 0px;
	border-right: 0px;
}

.testimonialbar .testimonial {
	margin-bottom: 15px;
}

.testimonialbar .testimonial .quote {
  font-family: "swister-regular-1","swister-regular-2",cursive;
  font-size: 29px;
  line-height: 32px;
  color: #333333;
}

.testimonialbar .testimonial .attribution {
  font-size: 19px;
  line-height: 21px;
  text-align: right;
  color: #333333;
}




/********************************************************
  namesuppressed's CSS Lightbox
********************************************************/

.zoomable {
  cursor: url(gfx/zoomin.cur), pointer;
}

.lightbox {
  position:fixed; 
  top:0;
  display: none;
  left:0;
  height:100%;
  width:100%;
  text-align:center;
  z-index:2;
}

.lightbox .dark {
  position:fixed;
  height:5000px;
  width:5000px;
  margin:-2500px;   /* Required for Opera? */
  background:#000;
  opacity:.6;
  filter:alpha(opacity=60);
  cursor: url(gfx/zoomout.cur), pointer;
}

.lightbox .imagebox {
  position:fixed;
  display: block;
  top: 32px;
  margin-left: -300px;
  left: 50%;
  width: 600px;
  background:#fff; 
  text-align: center;
  border:5px solid #000;
  -moz-box-shadow:0 0 30px #000; 
  -webkit-box-shadow:0 0 30px #000;
}

.lightbox #nslightboximg {
  vertical-align: middle;
  width: 100%;
  cursor: url(gfx/zoomout.cur), pointer;
}


.lightbox .title {
  position:relative;
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align:center;
}

.lightbox .x {
  width:32px; 
  height:32px;
  margin-left:-311px;
  left: 50%;
  top: 16px;
  position:fixed;
  cursor: pointer;
}



/********************************************************
  Bullet Points next to hero images 
********************************************************/

h2.tagline {
  margin-top: 0px;
  text-align: center;
  color: #DD3333;
}

ul.newstyle {
  padding-left: 22px;
  margin-left: 0px
}

ul.newstyle li {
  color: #444444;
  /* font-size: 15px; */
  margin-left: 0px;
  padding-left: 3px;
  font-weight: normal;
  vertical-align: top;
  list-style-image: url('//www.namesuppressed.com/design/gfx/bullet_star.gif');
  list-style-position: outside;
}

.newstyle h2 {
  font-size: 23px;
    /* color: #DD1144; */
  font-family: Tahoma, Arial, sans-serif;
}