/* CSS Document */
@charset "utf-8";


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;	outline: none; 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;}


body {
	background:url(images/website_bck.jpg);
	 background-position: top center; 
	 background-repeat: no-repeat; 
	 background-size: cover;


	margin: 0;
	padding: 0;
	outline: none;
	 
	 }

.italicstyle {font-style: italic;}
#frame {clear: both; width: 1020px; margin: 0 auto; padding: 0px;   }

p {color: #fff;}	 
.neutrabold { display: block;  font-family: 'NeutraText-Bold', Futura, Verdana, Geneva, sans-serif; }
.neutrabook {display: block;  font-family: 'NeutraTextBook', Futura, Verdana, Geneva, sans-serif; }
.neutrademi {display: block;  font-family: 'NeutraTextDemi', Futura, Verdana, Geneva, sans-serif; }

.epic {display: block; text-align: center; font-style: italic; font-weight: bold; border-bottom: 1px solid #000; margin-left: 10px; margin-right: 10px;}

.mainimage {width: 924px; height: 603px; margin: 0 auto; text-align: center; background: url(images/man_comp.png); background-position: top center; background-repeat: no-repeat; }

.topsection {width: 924px; margin: 0 auto; text-align: center;}
.title { font-size: 80px; text-transform: uppercase; padding-top: 220px;}
.native {font-size: 40px; font-style:italic;}
.subtitle {font-size: 26px; font-style:italic; text-align: center; width: 450px; height: 50px; overflow: hidden; margin: 0 auto; margin-top: 50px; }
.subtitleauthor {font-size: 30px; text-align: right;  padding-top: 10px; margin-right: 240px; }

.mainimage .quoteright, .mainimage .quoteleft { font-size: 80px; color: #fff;  font-weight: bold; }
.mainimage .quoteleft {display: block; position: absolute; top: 480px; margin-left: 190px; }
.mainimage .quoteright {display: block; position: absolute; top: 550px; margin-left: 700px; }

.divider1, .divider2, .divider3, .divider4 {margin: 0 auto; text-align: center;}


.signuplabel {font-weight: bold; font-style: italic; font-size: 20px; }


.beardboard {font-size: 60px; text-transform: uppercase;}
.patent {font-size: 30px; text-transform: uppercase;}
.miniature {font-size: 30px; text-transform: uppercase;}

.whitebox {clear: left;  min-height: 300px; width: 924px; margin: 0 auto;}
.circles  {clear: left;  width: 924px; margin: 0 auto; text-align: center; padding-top: 20px;}
.whitebox p { color: #000;  padding: 10px 10px 0px 10px;  font-family: 'NeutraTextDemi', Futura, Verdana, Geneva, sans-serif; font-size: 16px; }
.description {float: left;  width: 450px; background: #FFF;}
.signup {float: left;  width: 450px; background: #FFF; margin-left: 24px;}


.bearadvertisingcircle, .topsectionright  {float: left; width: 462px;}
.topsectionright {padding-top: 120px;}



.five, .celebrity {font-size: 30px;  padding-top: 20px; padding-bottom: 20px;}
.yourad, .catad {font-size: 50px; text-transform: uppercase;}
.fiftyfive, .electric {font-size: 30px; text-transform: uppercase;}

.circles {clear: left; }
.circleleft, .circleright {float: left; width: 462px; min-height: 420px;}

.employee {clear: left;  width: 924px; margin: 0 auto; text-align: center;}
.partner  { text-transform: uppercase; font-size: 20px; line-height: 20px; color: #fff; }
.newest { text-transform: uppercase; font-size: 30px; line-height: 20px; color: #fff; }

.youngframe {clear: left;  width: 924px; margin: 0 auto; text-align: center;}
.youngframe .frame1 {float: left;  width: 500px; padding-top: 40px; padding-bottom: 40px; }
.youngframe .frame2 {float: left;  width: 424px; }
.youngframe .frame2 {padding-top: 180px; }

.youngframe .quoteright, .youngframe .quoteleft { color: #fff;  font-weight: bold; }
.youngframe .quoteleft {display: block; position: relative; top: 18px; font-size: 60px; 
font-weight: bold; margin-left: -14px; text-align: left;}

.youngframe .quoteright {display: block; text-align: right; position: relative; font-size: 60px; top: -40px; margin-right: 80px; }

.youngframe .frame2 .building {display: block; margin-top: -20px; width: 340px;}
.building  { font-size: 20px; color: #fff;  font-weight: bold; font-style: italic; }

.mike { font-size: 16px; color: #fff; width: 340px; padding-top: 10px; }





.olderframe1 {clear: left;  width: 924px; margin: 0 auto; text-align: center;}
.olderframe1 .frame1, .olderframe1 .frame2 {float: left;  width: 462px; }
.olderframe1 .frame2 {padding-top: 200px; padding-left: 112px; width: 350px;}

.olderframe2 {clear: left;  width: 924px; margin: 0 auto; text-align: center; }
.olderframe2 .frame1, .olderframe2 .frame2 {float: left;  width: 462px;}

.olderframe2 .frame1 {padding-top: 50px; }
.olderframe2 .frame2 {margin-top: -200px;}

.linktoaandw a {display: block; margin: 0 auto; width: 130px; height: 50px; margin-top: 50px; }
.linktoaandw a {text-indent: -9999px;}


.mediapress {clear: left;  width: 850px; margin: 0 auto; text-align: center; margin-top: 50px; }
.asseen {font-size: 30px; padding-bottom: 30px;  text-transform: uppercase;}


.span_1, .span_2, .span_3, .span_4, .span_5 { width:170px; float: left; height: 165px;}
.span_1a, .span_2a, .span_3a, .span_4a { width:170px;  float: left; height: 165px;}        
.span_1a {padding-left: 80px;}

.item a:hover img {
	opacity: 0.9;
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 640px) {
	.whitebox p { color: #000;  padding: 10px 10px 0px 10px;  font-family: 'NeutraTextDemi', Futura, Verdana, Geneva, sans-serif; font-size: 24px; }
		label.desc, legend.desc {font-size:24px; }
}



/* Landscape phones and down */
@media (max-width: 480px) { 


.whitebox p { color: #000;  padding: 10px 10px 0px 10px;  font-family: 'NeutraTextDemi', Futura, Verdana, Geneva, sans-serif; font-size: 26px; }
	label.desc, legend.desc {font-size:24px; }

}