@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of Reset CSS */

/* Start of our CSS */

/* Fonts */

@font-face {
	font-family: Chunk;
	font-style: normal;
	font-weight: normal;
	src: url(fonts/Chunk/Chunk.ttf),
		 url(fonts/Chunk/webfonts/Chunckfive-webfont.eot); /* IE 9 */
}
@font-face {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	src: url(fonts/Gotham/Gotham-Light.otf);
}

/* End of Fonts */

/* Main Layout */
body {
	background: url(images/img-noise-300x300.png);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	height: 1300px;
}
.container {
	min-width: 900px;
	width: 100%;
	height: auto;
}
.logo-n-social {
	float: left;
	width: 250px;
}
.top-wrapper {
	padding-top: 25px;
}
.top-nav {
	width: 979px;
	margin: 0 16%;
	background: rgba(0, 0, 0, 0.0);
	height: 100px;
}
/* Content Divs Style */
#comments {
	margin-top: 15px;
}
.content-1 {
	height: 500px;
}
.content-2 {
	height: 600px;
}
.content-3 {
	font-family: "Gotham", Arial;
	background: rgba(27,45,54,0.7);
	height: 50px;
	font-size: 14px;
	color: #B7BABC;
	text-align: center;
}

.content-3 p {
	line-height: 50px;
}

.content-4 {
	height: 600px;
}
.bigdiv {
	clear: both;
}
.sub-div {
	margin-left: 105px;
}
.content-2-left {
	float: left;
	width: 50%;
}
/* Content Divs Style End */

/* End of Main Layout */

/* Start of Top Nav Layout */

.normal-nav {
	margin: 0 0 0 157px;
	float: left;
	margin-top: 22px;
	width: 383px;
}

.normal-nav-index {
	margin: 0 0 0 242px;
	float: left;
	margin-top: 22px;
	width: 259px;
}

.top-nav-link-first {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.top-nav-link-last {
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;	
}

.top-nav-un {
	font-family: Arial;
	padding: 9px 0 5px 0;
	text-decoration: none;
	color: #401820;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 12px;
	background: rgba(138, 153, 159, 0.7);
	margin-right: 1px;
	border-right: 1px solid #9AA7AB;
	border-bottom: 1px solid #819198;
	border-left: 1px solid #9AA7AB;
	display: inline-block;
	text-shadow: 1px 1px #98A3A8;
	width: 88px;
	text-align: center;
	border-radius: 3px;
}
.top-nav-un:hover {
	color: white;
	background: rgba(0, 0, 0, 0.0);
	box-shadow: inset 0px 3px 4px #22343D;
	text-shadow: 1px 1px #1F3037;
	border-top: none;
	border-right: 1px solid #203039;
	border-left: 1px solid #203039;
	border-bottom: 1px solid #203039;
	border-radius: 4px;
}

.top-nav-link {
	font-family: Arial;
	padding: 9px 0 5px 0;
	text-decoration: none;
	color: #401820;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 12px;
	background: rgba(138, 153, 159, 0.7);
	margin-right: 1px;
	border-top: 1px solid #CED3D5;
	border-right: 1px solid #9AA7AB;
	border-bottom: 1px solid #819198;
	border-left: 1px solid #9AA7AB;
	display: inline-block;
	text-shadow: 1px 1px #98A3A8;
	width: 120px;
	text-align: center;
}

.top-nav-link:hover {
	color: white;
	background: rgba(0, 0, 0, 0.0);
	box-shadow: inset 0px 3px 4px #22343D;
	text-shadow: 1px 1px #1F3037;
	border-top: none;
	border-right: 1px solid #203039;
	border-left: 1px solid #203039;
	border-bottom: 1px solid #657780;
}

.top-wrapper nav .normal-nav {
	display: block;
}

.top-wrapper nav select {
	display: none;
}

.social {
	text-decoration: none;
	width: 60px;
	height: 60px;
	float: right;
}

.facebook-b {
	background: url(images/csg-51b2178fdefa9.png) 0 0; width: 26px; height: 26px;
}

.twitter-b {
	background: url(images/csg-51b2178fdefa9.png) -385px 0; width: 26px; height: 26px;
}

.gplus-b {
	background: url(images/csg-51b2178fdefa9.png)  -156px 0; width: 26px; height: 26px;
}

.feed-b {
	background: url(images/csg-51b2178fdefa9.png) -232px 0; width: 26px; height: 26px;
}

.social-b {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.top-search {
	float:left;
	margin-top:22px;
}

.top-search input[type="submit"]{
	background: no-repeat url(images/csg-51b2178fdefa9.png) -307px 0;
	width: 22px;
	border: none;
	cursor: pointer;
	padding: 0 0 9px 0;
	height: 27px;
}

.top-search input[type="text"]{
	padding: 5px 0 3px 6px;
	font-size: 13px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.0);
	box-shadow: inset 0px 3px 4px #22343D;
	text-shadow: 1px 1px #1F3037;
	border-top: none;
	border-right: 1px solid #203039;
	border-left: 1px solid #203039;
	border-bottom: 1px solid #657780;
	border-bottom-right-radius:14px;
	border-top-right-radius:14px;
	text-indent: 4px;
	width: 90px;
	outline: none;
}

/* End of Top Nav Layout */

/* Text and Image Styles */
.content-text-wrapper {
	padding: 75px 0 140px 19%;
	float: left;
}

.div-background-img {
	position: absolute;
	top: -500px;
	left: -200px;
	z-index: -1;
}

.div-title-index {
	font-family:"Chunk",Helvetica,Arial,sans-serif;
	margin: 0 auto;
	font-size: 65px;
	text-shadow: 0 0 18px rgba(0,0,0,0.2);
	color: white;
}
.div-text-index {
	font-family:"Gotham",Helvetica,Arial,sans-serif;
	font-size: 18px;
	width: 435px;
	color: white;
	text-shadow: 0px 0px 1px rgba(0,0,0,0);
	line-height: 23px;
}
.div-title {
	font-family:"Chunk",Helvetica,Arial,sans-serif;
	font-size: 45px;
	text-shadow: 0 0 18px rgba(0,0,0,0.2);
	letter-spacing: 1px;
	color: white;
}
.div-text {
	font-family:"Gotham",Helvetica,Arial,sans-serif;
	letter-spacing: 0px;
	line-height: 22px;
	font-size: 17px;
	color: white;
	max-width: 485px;
	min-width: 260px;
	font-weight: lighter;
}

.content-image-wrapper {
	float:left;
	height: 0;
}

.div-img-index {
}

.subdiv-wrapper-text {
	text-align: center;
	font-size: 34px;
	color: #FFFFFF;
	font-family: "Chunk", Arial;
	font-weight: bold;
	letter-spacing: 2px;
}

/* Text Styles End */

/* Subdivisories Style */

.subdivs-wrapper {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-size: 18px;
	color: #F2FFFF;
	text-shadow: 0px 0px 8px #112F22;
	letter-spacing: 1px;
	margin: 0 16%;
	width: 975px;
	height: 527px;
	background: #CCCCFF;
	border-radius: 8px;
}

.content-2-subdiv p {
	margin-left: 27px;
	line-height: 28px;
	margin-top: 13px;
}

.snippet-6 p {
	margin: 36px 0;
	text-align:center;
	font-size: 26px;
}

.content-2-subdiv span {
	margin-left: 36px;
	font-size: 26px;
}

.content-2-big-subdiv p {
	margin-top: 50px;
	font-size: 54px;
	text-align: center;
	text-decoration: none;
	color: rgb(242, 255, 255);
}

.content-2-subdiv {
	float: left;
	width: 445px;
	height: 96px;
	background: #5C5C70;
	text-decoration: none;
	color: #F2FFFF;
}

.left-subdiv {
	margin: 11px 0px 0 31px;
}

.right-subdiv {
	margin: 11px 0 0 11px;
}

.content-2-big-subdiv {
	width: 906px;
	height: 167px;
	background: #5C5C70;
	float: left;
	clear:both;
	margin: 11px 0 0 31px;
	text-decoration: none;
}

.subdiv-round-border {
	border: 2px solid #FFFFFF;
	border-radius: 18px;
}

/* End of Subidivisories Style */

/* Unique Images Style */

.biomat {
	position: relative;
	margin-left: -120px;
}

.background-images {
	position: relative;
	top: -1153px;
	left: 170px;
	z-index: -1;
	float: left;
}

#page-wrapper {
	max-width: 1450px;
	margin: 0 auto;
	max-height: 1300px;
}

/* Buttons */

.grey-button {
	font-size: 14px;
	margin-top: 20px;
	text-decoration: none!important;
	color: #FCFCFC!important;
	width: 138px;
	height: 15px;
	padding: 7px;
	background: repeat-x url(images/button.jpg) 0 0;
	border-left: 1px solid #98A3A9;
	border-right: 1px solid #909CA2;
	display: block;
	text-shadow: 1px 1px 1px #475358;
	border-radius: 2px;
	text-align: center;
}

.grey-button:hover {
	background: rgba(0, 0, 0, 0.0);
	box-shadow: inset 0px 3px 4px #22343D;
	text-shadow: 1px 1px #1F3037;
	border-top: none;
	border-right: 1px solid #203039;
	border-left: 1px solid #203039;
}

/* Snippets */

.snippet-1 {
	background: no-repeat url(images/snippets/snippet-1.gif);
}

.snippet-2 {
	background: no-repeat url(images/snippets/snippet-2.png);
}

.snippet-3 {
	background: no-repeat url(images/snippets/snippet-3.png);
}

.snippet-4 {
	background: no-repeat url(images/snippets/snippet-4.png);
}

.snippet-5 {
	background: no-repeat url(images/snippets/snippet-5.png);
}

.snippet-6 {
	background: no-repeat url(images/snippets/snippet-6.png);
}

.snippet-7 {
	background: no-repeat url(images/snippets/big-snippet.png);
}


/* Content Template CSS */

.content-page {
	width: 1000px;
	margin: 60px auto;
}

.content-title-index {
	font-family: "Chunk",Helvetica,Arial,sans-serif;
	margin: 0 auto 35px auto;
	font-size: 28px;
	color: #EAEBEB;
	display: block;
}

.content-text-index {
	font-family: 'Open Sans',sans-serif;
	font-size: 0.96em;
	color: #e5e5e5;
	max-width: 678px;
	float: left;
	text-align:justify;
	min-width: 600px;
}

.content-text-index p {
	margin: 0 0 20px 0;
	line-height: 20px;
}

.content-text-index strong {
	font-weight: bold;
}

.content-text-index ul li, .content-text-index ol li {
	margin: 10px;
	line-height: 18px;
}

.content-text-index ul {
	margin: 20px 0 20px 35px;
	list-style-type: circle;
}

.content-text-index ol {
	list-style-type: decimal;
	margin: 20px 0 20px 35px;
}

.content-sidebar-wrapper {
	width: 210px;
	float:left;
	margin-left: 30px;
	clear: right;
}

.sidebar-title {
	font-family: "Chunk",Helvetica,Arial,sans-serif;
	font-size: 22px;
	color: #EAEBEB;
	margin-top: 20px;
}

.sidebar-text {
	font-family: "Gotham",Helvetica,Arial,sans-serif;
	font-size: 17px;
	color: #EAEBEB;
	line-height: 23px;
}

.content-container {
	min-width: 900px;
	width: 100%;
	height: auto;
}

.content-sidebar-image {
	position: relative;
	right: 60px;
	margin-bottom: -50px;
}

.content-text-index a, .content-3 a {
	color: #adcad9;
	text-decoration: underline;
}

.content-text-index a:visited, .content-3 a:visited {
	color: #ae8fcc;
}

.content-text-index a:hover, .content-3 a:hover {
	color: #6cb5d9;
}

.sidebar-button {
	margin-top: 10px !important;
}

/* Product Template CSS */

.product-page {
	width: 1200px;
	margin: 60px auto;
}

.product-section {
	float: left;
	width: 290px;
	height: 490px;
	margin: 0 22px;
}

.middle-product {
	width: 320px !important;
}

.middle-product-image {
	height: 290px;
}

.left-product {
	height: 527px;
}

.right-product-image {
	height: 290px;
}

.biopillow {
	top: 70px;
	position: relative;
}

.biomat-n-pillow {
	position: relative;
	right: 50px;	
}

.pillow-n-biomat {
	position: relative;
	bottom: 160px;
	left: 214px;
}

.plus-products {
	position: relative;
	bottom: 140px;
	left: 200px;
	font-size: 47px;
	color: #F2FFFF;
}

.product-title-index {
	margin: 5px 0;
	color: #F2FFFF;
	font-family: "Chunk", Arial;
	font-size: 20px;
	text-align: center;
}

.product-desc-index {
	margin: 5px 0;
	color: #B98B67;
	font-family: "Chunk", Arial;
	font-size: 13px;
	text-align: center;
}

.product-text-index {
	margin: 5px 0;
	color: #F2FFFF;
	font-family: "Gotham", Arial;
	font-size: 15px;
	text-align: center;
}

.product-price-index {
	margin: 5px 0;
	color: #A98163;
	font-family: "Gotham", Arial;
	font-size: 15px;
	text-align: center;
}

.product-button {
	margin: 0 auto;
}

/* Unique Content Div CSS */

.product {
	height: auto;
}

.content {
	width: 900px;
	margin: 0 16%;
}

#article-wrapper {
	max-width: 1450px;
	margin: 0 auto;
	overflow-x: hidden;
}

.article-images {
	border: 1px double white;
	box-shadow: 5px 5px 10px #000000;
}

.autist-div {
	margin: 0 0 20px 35px;
}

.autist-div p {
	margin:0!important;
	padding:0;
	line-height:21px;
}

.autist-div strong {
}

.autist-div span {
	margin-left:60px;
	text-align:justify;
	display:block;
}

.autist-float {
	float: left;
}

.form {
	margin: 12px 55px;
	box-shadow: inset 0px 3px 4px #22343D;
	border: 1px solid #203039;
	padding: 5px;
}

.contact-container {
	height: auto;
	width: 800px;
	margin: 45px auto 0 auto;
}


.contact-name, .contact-email {
	height: 25px;
}

.contact-name {
	width: 250px;
}

.contact-email {
	width: 200px;
}

.contact-textarea {
	font-family: Arial, Helvetica, sans-serif;
	max-width: 418px;
	max-height: 180px;
}

.contact p {
	font-family: "Gotham",Helvetica,Arial,sans-serif;
	color: white;
	text-shadow: 0px 0px 1px rgba(0,0,0,0);
}

.contact form {
	margin-top: 35px;
	height: 372px;
}

.contact-submit {
	margin-left: 55px;
	width: 80px;
	height: 30px;
}

/* Media Queries */

/* Medium PC Screen */
@media screen and (max-width: 1300px) {
}
/* Medium PC Screen */
@media screen and (min-width: 1300px) {
}
/* Mobile Screen */
@media only screen and (max-device-width: 480px) {
	}
*/