/*

div {
border:red thin solid;
}
*/


body,div {
	margin:0;
	padding:0; 
}


#read {
color:#808080;
font-style: italic;
font-size: 0.7em;
}

#read:hover {
color:#3797D0;
}


/* Links Styles */
a:link {color:#ffffff;
text-decoration:none;}    /* unvisited link */
a:visited {color:#ffffff;
text-decoration:none;} /* visited link */
a:hover {color:#3797D0;
text-decoration:#2088B2;}   /* mouse over link */
/* a:active { background-color: aqua; color:#909090; */
text-decoration:none;}  /* selected link */

::selection {
       background:lightgrey;
       color:#000;
}

::-moz-selection {
       background:lightgrey;
       color:#000;
}

::-webkit-selection {
       background:lightgrey;
       color:#000;
}

.clear {clear:both;}

/* //////////////    LANDING PAGE    ///////////// */


.landing {
	/*background-color: #3797D0; */
	background:url("images/bigblue.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center; 
	width: 100%;
	height: 650px;
	position: relative;	
}


.intro {
font-family: "kulturista-web",serif;
font-weight: 400;
font-size: 1.6em;
line-height: 1.8em;
color: #fff;
width: 960px;
padding: 120px 0 0 0;
margin: 0 auto;
}

.mica{
	margin:0 auto;
	padding:10px 0 0 0;
	color: #fff;
	font-family: "chrono-web",sans-serif;
	font-style: normal;
	font-weight: 700;
 	text-transform: uppercase;
	font-size: .6em;
	letter-spacing:0.15em;
	height:10px;
	width:960px;

}

#landingbottom {
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 45px;
	z-index: 99;
	box-shadow: 0px 1px 10px black;
}




/* //////////////    NAVIGATION    ///////////// */
.navwrap {
	width: 960px;
	margin: 0 auto;padding:10px 0;
	}
	
.navleft li, .navright li {
	list-style: none;
	float:left;
	color: #fff;
	font-family: "chrono-web",sans-serif;
	font-style: normal;
	font-weight: 700;
 	text-transform: uppercase;
	font-size: 13px;
	letter-spacing:0.15em;
	
}

.navleft {
	float: left;
	width:320px;
	text-align: left;
	margin: 7px 0 0 0;

}
.navleft li{float:left;margin:0 50px 0 0;}

.navright {
	float: left;
	width:320px;
	margin: 7px 0 0 0;

}
.navright li{margin:0 0 0 50px;float:right;}

.title { 
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 1.5em;
font-family: "chrono-web",sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;	
text-align: center;
float:left;
width: 320px;

}


/*
	font-family: "kulturista-web",serif;
	font-style: normal;
	font-weight: 400;
	color: white;
	float: left;
	margin-left:50px;	
	margin-top:5px;
	width: 300px;
*/
	



/* //////////////    CONTENT    ///////////// */

.maincontainer {
	width: 960px;
	height: auto;
	margin: 25px auto 25px auto;
}

#product {
	width:960px;
		
}

#autism {
	width:960px;
	margin-top: 25px;
	}
	
#exhibition {
	width:960px;
	margin-top: 25px;
}

#research {
	width:960px;
	margin-top: 25px;
}

#essay {
	width:960px;
	margin-top: 25px;
}

.maincontainer img.hero {
	background: gray; 
	height:350px !important;
	width:960px;
	}




h2 {
font-family: "chrono-web",sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: 0.06em;
margin: 25px auto 0 auto;
text-align: center;
padding-top: 20px;
}

h3 {
font-family: "kulturista-web",serif;
font-style: normal;
font-weight: 400;
font-size: 1.5em;
line-height: 1.6em;
padding-bottom: 25px;
}


/*
h4 {
font-family: "kulturista-web",serif;
font-style: italic;
font-weight: 400;
font-size: 1.5em;
line-height: 1.6em;
padding-bottom: 25px;
background-color: #3797D0;
padding: 30px 30px 30px 30px;
color: white;
}
*/

h5 {
font-family: "chrono-web",sans-serif;
font-style: normal;
text-align: center;
font-weight: 400;
width: auto;
padding-bottom: 25px;
column-gap: 20px;
border-bottom: 1px black solid;
line-height: 1.6em;
/*Attempt at rag control */
word-break:hyphenate;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
text-rendering:optimizeLegibility;
}
div.xtratop {
	margin-top:-70px !important;
	padding-top: 90px;
}

p {
font-family: "chrono-web",sans-serif;
font-style: normal;
font-weight: 400;
width: auto;
padding-bottom: 25px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
border-bottom: 1px black solid;
line-height: 1.6em;
/*Attempt at rag control */
/*
word-break:hyphenate;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
text-rendering:optimizeLegibility;
*/
}

#product h3 {
/* border-bottom: 1px black solid; */
}
#essay p {
border-bottom: none;
}

#exhibition h3 {
/* border-bottom: 1px black solid; */
/* padding-bottom: 25px; */
}

div.columns p {
float: left;
width: 47%;
padding-bottom: 25px;
-moz-column-count: 1;
-moz-column-gap: 0;
-webkit-column-count: 1;
-webkit-column-gap: 0;
column-count: 1;
column-gap: 0;
border-bottom: none;
line-height: 1.6em;
margin: 0 3% 0 0;
}

div.columns p.even {
margin: 0 0 0 3%;
}

p b.bignumber {
	font-size: 300%;
}


#insightsheader {
text-align: center;
font-family: "chrono-web",sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0.1em;
list-style: none;

}

.insights {
font-family: "kulturista-web",serif;
font-style: normal;
font-weight: 400;
font-size: 1.6em;
padding-bottom: 25px;
margin-left:-40px;
}

.insights li {
width:960px;
list-style: none;
font-family: "kulturista-web",serif;
border-bottom: 1px dashed black;
line-height: 3em;
text-align: center;
}

.insights li:last-child {
border-bottom: 1px solid black;
}


#footer {
	width: 100%;
	background-color: black;
	height: 400px;
}

#footertext {
	color: #777;
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 960px;
	text-align: center;
	font-size: 0.9em;
	font-family: "chrono-web",sans-serif;
	font-style: normal;
	font-weight: 400;
}
/* //////////////    top   ///////////// */

.fixedtwotop {
	position: fixed;
	bottom: 10px;
	left: 10px;
}


/* STYLES FOR THE SLIDESHOWS */
.slideshow {
	position: relative;
	box-shadow: 1px 1px 3px lightgrey;
	}
	
.sslinks {
	display: block;
	height: 320px;
	position:absolute;
	z-index: 10;
	width: 40px;
	text-align: center;
	}

.pics {
height: 600px;
}

#prev1, #prev2, #prev3 { left:-60px; padding-top: 280px;}
#next1, #next2, #next3 { right:-60px; padding-top: 280px;}

/* END SLIDE SHOW STYLES*/