/*------------------------------------------------------------------------------
FULL PAGE
------------------------------------------------------------------------------*/
#bodyId {
	background: transparent url('http://info.purestorage.com/rs/purestorage/images/template_site_bg.png');
  	color: #666;
  	font-family: sans-serif;
	margin: 0px;
	padding: 0px;
	}

div#outerWrapDiv {
	position: relative;
	height: 100%;
	width: 100%;
	}

div#innerWrapDiv {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 10px; /* padding for #page-wrap box shadow */
	}

#page-wrap {
	background: #fff;
	padding: 0 0 100px;
	-webkit-box-shadow: 1px 1px 10px 1px #b1b1b1;
	-moz-box-shadow: 1px 1px 10px 1px #b1b1b1;
	box-shadow: 1px 1px 10px 1px #b1b1b1;
	position: relative;
}
.wrapper {
	width: 920px;
	margin: 0 auto;
	position: relative;
}	
a#backtotop {
	display: block;
	position: absolute;
	background: url('http://info.purestorage.com/rs/purestorage/images/template_corner_logo.png');	
	right: 0;
	bottom: 0;
	width: 89px;
	height: 89px;
}
img {
	border:none;	
}

/*------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/
div#mktHeader {
	padding: 30px 0;
	background: #fff url('http://info.purestorage.com/rs/purestorage/images/template_header_bg.png') no-repeat 0 0;
	}
	
#mktHeader a.logo {
	width: 293px;
	height: 50px;
	background: url('http://info.purestorage.com/rs/purestorage/images/template_header_logo.png');	
}
#supernav {
	float: right;
	width: auto;
	margin: 0;
}
#supernav ul,
#supernav li {
	padding: 0;
	margin: 0;
	list-style:none !important; 
	list-style-image: none !important;
	}
#supernav ul li {
	float: left;
	width: auto;
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	}
#supernav ul li a {
	font-size: 12px;
	color: #666;
	padding: 0 8px;
	}
#supernav ul li a:hover {
	text-decoration: underline;
	}

/* Social Media icons */
#supernav ul li.icon {
	float: left;
	width: 18px;
	margin: 0 4px;
	}
#supernav ul li.icon a {
	display: block;
	width: 18px;
	height: 18px;
	background-image: url('http://info.purestorage.com/rs/purestorage/images/template_icons_socialmedia.png');
	background-repeat: none;
	padding: 0;	
	}

.icon .twitter {
	background-position: -18px 0;	
	}
.icon .linkedin {
	background-position: -36px 0;	
	}
.icon .rss {
	background-position: -54px 0;	
	}



/*------------------------------------------------------------------------------
MAIN CONTENT
------------------------------------------------------------------------------*/
div#mktContent {
	background: #ffffff;
	height: 450px; /* Controls height of page */
	position: relative;
	}
  
/* Thin Column in Content */

div#mktColumn {
	border:#E6E6E6 1px solid;
	height: 439px;
	position: absolute;
	right: 61px;
	top: 3px;
	width: 243px;
}

/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#mktFooter {
	margin-top: 15px;
	padding-bottom: 50px;
	text-align: center;
	position: relative;
}
#mktFooter  p {
	font-size: 12px;
}
#mktFooter p a {
	font-size: 12px;
	text-decoration: none;
	color: #666;
}
#mktFooter p a:hover {
	text-decoration: underline;
}

/* Start fancy button */

div.buttonSubmit {
  	float:left;
  	position:relative;
	}

div.buttonSubmit input, {
	border:0px none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:36px;
	margin:0px;
	position:relative;
	z-index:5;
	}
	
div.buttonSubmit input {
	width:auto;
	}
div.buttonSubmit span {
	background-position:right 0px;
	background-repeat:no-repeat;
	border:0px none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:36px;
	margin:0px;
	padding:0px 15px 2px;
	position:relative;
	z-index:5;
	}
#mktFrmSubmit,
#mktFrmReset {
	color: #fff;
	background: #00aecd; /* Old browsers */
	background: -moz-linear-gradient(top, #00c1e3 0%, #00aecd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c1e3), color-stop(100%,#00aecd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00c1e3 0%,#00aecd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00c1e3 0%,#00aecd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #00c1e3 0%,#00aecd 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c1e3', endColorstr='#00aecd',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #00c1e3 0%,#00aecd 100%); /* W3C */
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: proxima-nova,sans-serif;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;	
	margin-right: 10px;
}
#mktFrmSubmit:hover,
#mktFrmReset:hover {
	color: #fff;
	background: #00c1e3; /* Old browsers */
	background: -moz-linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aecd), color-stop(100%, #00c1e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00aecd 0%,#00c1e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aecd', endColorstr='#00c1e3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* W3C */
	text-decoration: none;
	opacity: .85;
}
#mktFrmSubmit:active,
#mktFrmReset:active {
	color: #fff;
	background: #00c1e3; /* Old browsers */
	background: -moz-linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aecd), color-stop(100%, #00c1e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00aecd 0%,#00c1e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aecd', endColorstr='#00c1e3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #00aecd 0%, #00c1e3 100%); /* W3C */
	text-decoration: none;
	opacity: 1;
}

#mktFrmSubmit{
    color: #FFFFFF !important;
	}
div.buttonSubmit span {
	background-position:left -36px;
	left:-4px;
	padding:0px;
	position:absolute;
	top:0px;
	width:4px;
	z-index:10;
	}
div.buttonSubmit:hover input {
	background-position: right -72px;
	}
div.buttonSubmit:hover span {
	background-position: 
	left -108px;
	}

/* end fancy button */
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-family: proxima-nova,sans-serif;font-weight: 600; color: #222;margin-bottom: 20px}

h1 {
	font-size: 36px;
	text-transform: uppercase;
	 position: relative;
	margin-bottom: 5px;
}
/* Add gradient overlay to H1 text */
h1 span {
	position: absolute;
	background: url('http://info.purestorage.com/rs/purestorage/images/template_h1_gradient.png') repeat-x 0 100%;
	display: block;
	width: 100%;
	height: 24px;	
}
h2 {
	font-size: 28px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dedfe2;
	line-height: 1.1;
}
h2.orange {
	font-size: 24px;
	color: #ec6129;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h2.alt {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
h4 {
	font-size: 18px;
	color: #666;
	text-transform: uppercase;
}
h5 {
	font-size: 18px;
	color: #666;
	margin-bottom: 10px;
}
h6 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #666;
	font-weight: bold;
}

p {
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 1.4;
}

a, a:active, a:visited { color: #00aecd; text-decoration: none; }
a:hover { color: #00aecd; text-decoration: underline; }


/*------------------------------------------------------------------------------
GRID
------------------------------------------------------------------------------*/
.container {float: left;width:100%;}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {float:left;margin-right:36px;}
.last {margin-right:0;}
.span-1 {width:47px;}
.span-2 {width:130px;}
.span-3 {width:213px;}
.span-4 {width:296px;}
.span-5 {width:379px;}
.span-6 {width:462px;}
.span-7 {width:545px;}
.span-8 {width:628px;}
.span-9 {width:711px;}
.span-10 {width:794px;}
.span-11 {width:877px;}
.span-12 {width:960px;margin-right:0;}

/*------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------*/
label {
	display: block;
	color: #222;
	font-size: 16px;
	margin-bottom: 5px;
}
input, textarea {
	border: 1px solid #c2c2c2;
	background-color: #f3f3f3;
	margin-bottom: 15px;
	padding: 8px;
	width: 330px;
	font-size: 14px;
}
/*------------------------------------------------------------------------------
GENERAL
------------------------------------------------------------------------------*/
strong{font-weight: bold;}
.no-pad {padding: 0;}
.no-margin {margin: 0;}
.no-border {border: none;}
.border-bottom {border-bottom: 1px solid #e2e2e3;}
.last, div.last {margin-right:0 !important; padding-right: 0;background: none;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:2.5em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
p.space {margin-bottom: 25px;} 
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.float-left {float: left; margin: 0 15px 15px 0;}
.float-right {float: right; margin: 0 0 15px 15px;}
.caps {text-transform: uppercase;}
.strong {font-weight: bold;}
.light {color: #999;}
.small {font-size: 12px;}
.underline {padding-bottom: 5px;border-bottom: 1px solid #dedfe2;}
.no-underline {padding-bottom: 0;border-bottom: none;}
.orange {color: #ec6129;}
.gray {color: #666;}
.blue {color: #666;}

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }