/*Reset*/

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;
}

a {
	text-decoration:none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*Global*/	

html {	}
body {
background:url(../images/test/fadedbackground8.png) no-repeat fixed;
background-size:100% 100%;
margin:0;
height:2000px;



}

bodybackground{
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	opacity:.3;

}


/*Headings*/

h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/*Text Elements*/

p				{ color:#000; font-size:12px; line-height:150%; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a				{	}
a:link			{ color: #00f; }
/*a:visited		{ color: #0f0; }*/
a:active		{ color: #000; }
a:focus			{ color: #505099; }
a:hover			{
color:#0000FF;



}

article a:hover{
			text-shadow: 0 0 1px #200020;
					transition:text-shadow .2s;
					color:#0000FF;

	
}

blockquote		{ color: #000; font-size:12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/*Images*/



/*Lists*/

ul				{	}
ol				{ list-style-type:decimal; }

ul li			{ color:#000; font-size:12px; }
ol li			{ color:#000; font-size:12px; }

dl				{	}
dt				{	}
dd				{	}


/*Tables*/

table			{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight: bold; }
thead, th		{ background: #ccc; }

tbody			{	}

th,td,caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption			{ background: #efefef; }

/*Start Here---------------------------------------------------------------------------------*/

html {
	width:auto;
	}
	

#anything {
	z-index:250;
	width:100%;

	max-width:1600px;

	/*background-image: url('../images/working/cradle5.jpg') ;*/
	margin: 10px auto 0 auto;
	/*	border: .2em #4F5558 ridge;*/
	height:180px;
	margin-bottom:10px;
	border-radius: 0px;
	position:relative;
	background-color: rgba(0,0,1,.9);
	transition:background-color .4s;
	
}

#anythingsubcontainer{
	width:100%;
	max-width:1598px;
	height:inherit;
	margin:0px auto;
	position:relative;

}

/* Get rid of css transition on top, site looking a little too busy
#anything:hover {
	background-color:rgba(0,0,32,.9);
	
	transition:.6s;
	transition-delay:.2s;
}

*/

#anything:hover #anythinghidden {
	/*93border:medium rgba(0,0,20,.8) solid;
	transition:border .2s;
		transition-delay:.2s;*/
}


#anythinghidden {
	
	width:100%;/*93-width changed from 1100px, border removed*/

	max-width:1598px;
	min-width:1000px;

	/*background-image: url('../images/working/cradle5.jpg') ;*/

	/*	border: .2em #4F5558 ridge;*/
	height:inherit;

	border-radius: 0px;


	overflow:hidden;
     position:relative;
     margin:0px auto 0px auto;
     
}

#anything img#logo{
	z-index:500;
	width:240px;
	position:absolute;
	bottom:30%;


}

#anythinghidden img#headerimage {


	
	box-shadow:inherit;
	position:absolute;
	bottom:0px;
	margin-left:-1%;
	opacity:.7;
	
	
	 -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
          transition-delay:100.5s;
	
}

#anythinghidden:hover img#headerimage{
	margin-left:-250px;
	 -webkit-transition: margin 25s ease;
     -moz-transition: margin 25s ease;
       -o-transition: margin 25s ease;
      -ms-transition: margin 25s ease;
          transition: margin 25s linear;
          transition-delay:100.9s;

}


nav{

	position:absolute;
	height:30px;
	width:800px;
	bottom:0px;




	
	}

ul#nav {

	position:absolute;
	left:6%;
	bottom:0px;
	z-index:999;


}

ul.drop a, ul.drop rightsublist a { opacity:1; display:inline-block; color:#7C8D8D;  text-decoration:none; font-size: 13px; padding:0px 0px 0px 0px;}
ul.drop ul li a:hover{
	color:#C2DFF8;
	text-shadow: 0 0 1px #AAA0F0;
	transition:text-shadow .2s ease;


	transition:text-shadow .2s ease;
 -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;

}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0;   font-weight:bolder;}
ul.drop li ul li {  margin: 4px 0px 0px 0px; /*background: #050520;*/}
ul.drop { position: relative; z-index: 700; float: left; }
ul.drop li { box-sizing:border-box;  display:inline-block; font-family:'Raleway', sans-serif; line-height: 1.5em; vertical-align : middle; zoom: 1; cursor:default;  font-size: 14px;  border-radius:3px 3px 0px 0px;}
/*	box-sizing:border-box;*/
ul.drop ul leftsublist li {
	padding:0px 0px;
	 border-radius: 0px 0px 0px 0px;
	 opacity:1;
	text-shadow:0 0 0;

	position:relative;
	left:10px;
	display:inline-block;
	float:left;
	
}

li.headercolumn {
	color:#647677;
	position:relative;
	margin:100px;	
	opacity:.7;
	width:130px;
	height:30px;
	text-align:center;
	text-shadow: 0.1em 0.1em .1em black, 0em -.1em .1em black;
	margin-top:5px;

}

columnhead{
	position:absolute;
	display:box;
	width:inherit;
	height:inherit;
	left:0px;
	top:4px;
	box-sizing:border-box;
}

leftsublist{
	position:absolute;
	height:inherit;
	width:100%;

	display:inline-box;
	left:0px;
}

rightsublist{
	position:absolute;
	height:100%;
	width:40%;

	display:inline-box;
	box-sizing:border:box;
	right:0px;
}

ul.drop ul rightsublist li {
	padding:0px 0px;
	 border-radius: 0px 0px 0px 0px;
	 clear:both;
	 opacity:1;
	text-shadow:0 0 0;

	position:relative;
	text-align:right;
	display:inline-block;
	
	
	
}

rightsublist a{
	padding:0px 0px;
	 border-radius: 0px 0px 0px 0px;
	 opacity:1;
	text-shadow:0 0 0;
	margin-right:10px;

	
}

ul.drop ul {
border-radius:0px 0px 2px 2px;
overflow:hidden;
background:rgba(70,70,70,.9);
min-height:100px;
position:absolute;
z-index:900;


}

ul.drop ul li {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	text-align:left;

}



/*ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #171719; font-weight:bolder; }*/
ul.drop ul { visibility: hidden; position: absolute; top: 100%; z-index: 900;  }
ul.drop ul.experience{
	left:-10px;
	width:200px;
	height:110px;
}

ul.drop ul.business{
	left:-25px;
	width:180px;
	height:110px;
	padding-left:10px;
}

ul.drop ul.tech{
	left:-30px;
	width:290px;
	height:100px;

}





/*
ul.drop ul ul { top: -8px; padding-left:3px;}	
ul.drop li li:hover > ul { visibility: visible }
*/

testline {
display:none;
	top:47%;
	left:0px;
	position:fixed;
	width:4px;
	height:70px;
	background-color:red;
/*	display:block;*/
	background-color:#000036;
	border-radius:0px 19px 10px 0px;
	opacity:.5;
}


iconcontainer{
display:none;
	box-sizing:border-box;
	top:50%;
	left:0px;
	position:fixed;
	width:30px;
	height:30px;
	border-radius:20% 50% 50% 20%;
	opacity:.2;
	cursor:default;
	font-family: 'Squada One', cursive;

}
sidebaricon{
	position:absolute;
	box-sizing:border-box;
	width:100%;
	height:100%;
	border-radius:inherit;
	position:absolute;
	background-color:#00006B;
	box-shadow:1px 1px 4px inset, -2px -2px 4px inset;
}

iconcontainer span{
	box-sizing:border-box;
	position:absolute;
	border-radius:inherit;
	text-align:center;
	font-size:35px;
	display:block;
	font-weight:bolder;
	color:#000040;
	line-height:30px;
	width:100%;
	height:100%;
	text-shadow:5px;

}
iconcontainer:hover {
		box-shadow:2px 2px 5px #B8B8E2, -2px -2px 5px #B8B8E2, 2px -2px 5px #B8B8E2, -2px 2px 5px #B8B8E2;
		opacity:1;
}
iconcontainer:hover sidebaricon{

border:2px #000099 solid;
background-color:#202099;
box-shadow: 1px 1px 4px #9999D6, -1px -1px 4px #9999D6;	
}

iconcontainer:hover span {
	color:#00005C;
}

jsdisabled{
	position:fixed;
	top:250px;
	height:120px;
	width:230px;

	z-index:799;
	}

jsdisabled ohno{
	font-size:30px;
	color:#CC2312;
}


jsdisabled message{
	font-size:17px;
	color:#AA2020;
}

sidebar {
display:block;
	z-index:595;
	left:-60px;
	background-color:#00002F;
	color: #00006C;
	height:90px;
	width:80px;
	position:fixed;
	top:60%;
	opacity:.3;
	box-shadow:2px 2px 2px;
	border-radius:0 5px 5px 0px;
	overflow:hidden;
	  -webkit-filter: brightness(10%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease, opacity 50s ease;

}


testbar {
	z-index:55;
	right:0;
	background-color:#D92C00;
	color: #00006C;
	height:450px;
	width:200px;
	position:fixed;
	top:10%;
	opacity:0;
	box-shadow: 5px 3px 2px orange;
	border-radius:0 5px 5px 0px;
	overflow:hidden;
	  
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all .1s ease;

}

animationstatus{
right:0px;
top:10px;
position:fixed;
font-size:50px;
font-weight:bolder;
color:blue;
	
}
testbar * {
	position:relative;
	display:block;
	
}
 
sidebar:hover {
  -webkit-filter: brightness(90%);
  opacity:.9;
  left:0px;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease, opacity 50s ease;
		transition-delay: .1s;


}

testbar:hover {
  
  opacity:1;

}


sidebarlinks li {
position:relative;
display:block;
height:30px;
width:80px;
border-radius:0 5px 5px 0px;
overflow:hidden;
}

sidebarlinks a {  position:absolute; display:block; color:red;  text-decoration:none; font-size: 20px; height:30px; width:80px;  }
sidebarlinks a span {
position:relative;
	display:block;
	padding:5px 0 0 0;
	text-align:center;
}
sidebarlinks a:link{color:#6C7D7D; opacity:.4}
sidebarlinks a:visited{
	color: #6C7D7D;
}

sidebarlinks a:hover{color:#0000FF; opacity:1; background-color:#00001F; border-radius:0 5px 5px 0px;}
	

/*
nav {
	width:1000px;
	height:10px;
	background-color:#00001F;
	margin: 0px auto;
	overflow:hidden;
	padding: 10px 0px;
}

nav ul li {
	display:block;
	float:left;
	width: 200px;
	height:15px;
}

nav ul li a {
	padding:20px 45px;
	font-size:14px;
	text-align:center;
	horizontal-align:center;
}

nav a:link		{ color:#ffffff; }
nav a:visited	{ color:#ffffff; }
nav a:active	{ color:#ffffff; }
nav a:hover		{ color:#ffffff; background-color:#646464; font-weight:bolder; font-size:16px; }
nav a:focus		{ color:#ffffff; }
*/



section img {
max-width:1500px;
}


section {
	position:relative;

	box-sizing:border-box;
	width: 100%;
	max-width:1600px;
	min-height: 1000px;
	height:inherit;
/*	background-color: #CDCEED;*/
	/*background-color: rgba(96,96,112,.8);*/
/*	background-color:rgba(40,30,15,.2);
/*93 here	background-color: rgba(214,235,255,.2);*/
	/*border: .2em #4F5558 ridge;*/
/*93	background-color:rgba(0,0,0,.3);*/
background-color:rgba(170,170,180,.1);
	margin: 15px auto 0px auto;

	border-radius: 0px;

	
	 
}




#mainimagebox{
	width:750px;
	height:300px;
	top:30px;
	left:18.5%;
	opacity:.7;
	position:absolute;
	border-radius:2px;
	background-image:url('images/working/newtexture2.png');
	cursor:pointer;

	
	transition: opacity .2s linear;





}

#mainimagebox:hover{
	opacity:1;
}

#mainimagebox imagebox, #mainimagebox textbox {
overflow:hidden;
}

imagebox img{
z-index:100;
opacity:.1;


	
}

#mainimagebox box:hover imagebox img{
	opacity:.5;
}


#imagebox1{
	overflow:hidden !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index:150;
/*	background-color:rgba(143,0,0,.6);*/
	box-shadow:1px 1px 2px rgba(14,0,0,.4) inset;
	border-top-left-radius:2px;
	

	background-image: linear-gradient(bottom, rgb(171,192,217) 21%, rgb(124,133,130) 86%);
background-image: -o-linear-gradient(bottom, rgb(171,192,217) 21%, rgb(124,133,130) 86%);
background-image: -moz-linear-gradient(bottom, rgb(171,192,217) 21%, rgb(124,133,130) 86%);
background-image: -webkit-linear-gradient(bottom, rgb(171,192,217) 21%, rgb(124,133,130) 86%);
background-image: -ms-linear-gradient(bottom, rgb(171,192,217) 21%, rgb(124,133,130) 86%);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.21, rgba(171,192,217,.2)),
	color-stop(0.86, rgba(124,133,130,.2))
);

	width:100%;
	height:100%;

	position:absolute;
	
	
	-webkit-filter: hue-rotate(20deg);
	-webkit-filter: sepia(40%);

}

#box1:hover #imagebox1{
	box-shadow:-4px 0px 30px -1px rgba(71,71,71,.6), 0px 3px 30px -2px rgba(71,71,71,.6), -1px 0px 6px rgba(71,71,71,.6), -1px 1px 6px rgba(71,71,71,.6), 2px 5px 7px rgba(71,71,71,.6), 4px 5px 8px rgba(71,71,71,.6);
	z-index:151;	
	border:0px;
}

#box1:active #imagebox1{

		box-shadow:0px 0px 0px, -4px 0px 2px rgba(81,81,81,.6) inset, 4px 0px 2px rgba(81,81,81,.6) inset, 0px 4px 2px rgba(81,81,81,.6) inset, 0px -4px 2px rgba(81,81,81,.6) inset;
		box-shadow:-1px 0px 2px -1px rgba(120,100,100,.4), 1px 2px 3px -2px rgba(120,100,100,.4), -.5px 0px 2px rgba(120,100,100,.4), -1px 1px 4px rgba(120,100,100,.4)inset, 2px 2px 3px rgba(120,100,100,.4)inset, 2px -1px 2px rgba(120,100,100,.4) inset;
	width:200px;
	height:120px;

}

	

#imagebox1 img {
	left:-30px;
}

#box1:hover #imagebox1 img{
	left:-80px;
	transition: left 1.8s;
	transition-delay:.2s;
	opacity:.5;
	}

#imagebox2{
	position:absolute;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	opacity:.5;
	box-shadow:1px -1px 2px rgba(14,0,0,.4) inset;
	border-bottom-left-radius:2px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:150;
	
	background-image: linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
	background-image: -o-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
	background-image: -moz-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
	background-image: -webkit-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
	background-image: -ms-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130) 86%,.7);
		
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.21, rgba(171,192,217,.7)),
	color-stop(0.86, rgba(124,133,130,.7))
	);


}



#box2:hover #imagebox2{
	box-shadow:-4px 0px 15px -1px rgba(71,71,71,.4), 0px 3px 15px -2px rgba(71,71,71,.4), -1px 0px 6px rgba(71,71,71,.6), -1px 1px 6px rgba(71,71,71,.6), 2px 4px 5px rgba(71,71,71,.6), 3px 4px 5px rgba(71,71,71,.6);

	border:thin rgba(140,159,150,.4) solid;

	z-index:151;
	opacity:1;
	
	
}

#box2:hover #imagebox2 img{
	opacity:.1;
}


#box2:active #imagebox2{
		box-shadow:0px 0px 0px, -4px 0px 2px rgba(81,81,81,.6) inset, 4px 0px 2px rgba(81,81,81,.6) inset, 0px 4px 2px rgba(81,81,81,.6) inset, 0px -4px 2px rgba(81,81,81,.6) inset;
		width:200px;
		height:180px;
}



#imagebox3{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-shadow:0px 1px 2px rgba(14,0,0,.4) inset;
	opacity:.7;
	
	background-image: linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -o-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -moz-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -webkit-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -ms-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130) 86%,.7);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.21, rgba(171,192,217,.5)),
	color-stop(0.86, rgba(124,133,130,.5))
	
);



/*	background-image: linear-gradient(45deg, red, blue);*/
/*	Switching to linear grade background image	background-color:rgba(82,0,163,.7);*/

		

	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:150;

	
}


#box3:hover #imagebox3 {

	box-shadow:-4px 0px 30px -1px rgba(71,71,71,.6), 0px 3px 30px -2px rgba(71,71,71,.6), -1px 0px 6px rgba(71,71,71,.6), -1px 1px 6px rgba(71,71,71,.6), 2px 5px 7px rgba(71,71,71,.6), 4px 5px 8px rgba(71,71,71,.6);
	z-index:151;	
	opacity:1;
	
}

#box3:active #imagebox3{
		box-shadow:0px 0px 0px, -4px 0px 2px rgba(81,81,81,.6) inset, 4px 0px 2px rgba(81,81,81,.6) inset, 0px 4px 2px rgba(81,81,81,.6) inset, 0px -4px 2px rgba(81,81,81,.6) inset;

		

}

#imagebox3 img{
	width:470px;
	
	
}

#box3:hover #imagebox3 img{
	width:385px;
	transition:width 2s;
	transition-delay:.2s;
	opacity:.1;

}

#imagebox4{
	z-index:150;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
/*	-webkit-transform: translateZ(0px);*/
	-webkit-font-smoothing: antialiased;
	opacity:.8;

	box-shadow:0px -1px 2px rgba(14,0,0,.4) inset;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	
	background-image: linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -o-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -moz-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -webkit-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -ms-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130) 86%,.7);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.21, rgba(171,192,217,.7)),
	color-stop(0.86, rgba(124,133,130,.7))
);

	
}

#box4:hover #imagebox4{

	box-shadow:-2px 0px 4px -1px rgba(20,0,20,.6), 2px 3px 8px -2px rgba(20,0,20,.6), -1px 0px 4px rgba(20,0,20,.6), -1px 1px 4px rgba(20,0,20,.6), 2px 2px 3px rgba(20,0,20,.6), 2px -1px 2px rgba(20,0,20,.6);
	z-index:151;
	opacity:1;
	
	
		background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgba(211,170,224,.1)),
	color-stop(0.66, rgba(101,59,125,.1)),
	color-stop(0.76, rgba(181,157,204,.1))
);


}

#box4:active #imagebox4{
	box-shadow:-1px 0px 2px -1px rgba(20,0,20,.6), 1px 2px 3px -2px rgba(20,0,20,.6), -.5px 0px 2px rgba(20,0,20,.6), -1px 1px 4px rgba(20,0,20,.6)inset, 2px 2px 3px rgba(20,0,20,.6)inset, 2px -1px 2px rgba(20,0,20,.6) inset;
	z-index:151;

}

#imagebox4 img#slowface{
	width:450px;
	left:-30px;
	top:-30px;

	position:absolute;

}

#box4:hover #imagebox4 img#slowface{
	
	top:-65px;

	transition:width 1.2s, top 4.8s linear;
	transition-delay:.2s;
	opacity:.7;
}

#imagebox4 img#quickboxes{
	width:260px;
	left:-20px


	
}


#box4:hover #imagebox4 img#quickboxes{
	top:-260px;
	transition:top 5s ease-in-out;
	transition-delay:.2s;
		opacity:.8;
}




#imagebox5{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-top-right-radius:2px;
	box-shadow:-1px 1px 2px rgba(14,0,0,.4) inset;
/*background-image: linear-gradient(45deg, red, blue);*/
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;

	background-image: linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -o-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -moz-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -webkit-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130,.7) 86%);
background-image: -ms-linear-gradient(bottom, rgba(171,192,217,.7) 21%, rgba(124,133,130) 86%,.7);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.21, rgba(171,192,217,.7)),
	color-stop(0.86, rgba(124,133,130,.7))
);

z-index:150;
opacity:.7;
}

#box5:hover #imagebox5{
	z-index:151;
	opacity:1;
		box-shadow:-4px 0px 15px -1px rgba(71,71,71,.6), 0px 3px 15px -2px rgba(71,71,71,.6), -1px 0px 6px rgba(71,71,71,.6), -1px 1px 6px rgba(71,71,71,.6), 2px 5px 7px rgba(71,71,71,.6), 4px 5px 8px rgba(71,71,71,.6);

	
	border-top:1px rgba(100,100,130,.3) solid;
	border-right:1px rgba(100,100,130,.3) right;
	
}

#box5:hover #imagebox5 img {
	opacity:.1;
	
}

#box5:active #imagebox5 {
		border:0px;
		box-shadow:-1px 0px 2px -1px rgba(20,0,20,.6), 1px 2px 3px -2px rgba(20,0,20,.6), -.5px 0px 2px rgba(20,0,20,.6), -1px 1px 4px rgba(20,0,20,.6)inset, 2px 2px 3px rgba(20,0,20,.6)inset, 2px -1px 2px rgba(20,0,20,.6) inset;
}
#imagebox6{
	border-bottom-right-radius:2px;
/*	background-color:rgba(143,50,100,.6);*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-shadow:-1px -1px 2px rgba(14,0,0,.4) inset;
	position:absolute;
	opacity:.4;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:150;
	
	background-image: linear-gradient(right bottom, rgba(32,82,21,.5) 20%, rgba(139,207,128,.5) 62%, rgba(117,214,81,.5) 81%);
	background-image: -o-linear-gradient(right bottom, rgba(32,82,21,.5) 20%, rgba(139,207,128,.5) 62%, rgba(117,214,81,.5) 81%);
	background-image: -moz-linear-gradient(right bottom, rgba(32,82,21,.5) 20%, rgba(139,207,128,.5) 62%, rgba(117,214,81,.5) 81%);
	background-image: -webkit-linear-gradient(right bottom, rgba(32,82,21,.5) 20%, rgba(139,207,128,.5) 62%, rgba(117,214,81,.5) 81%);
	background-image: -ms-linear-gradient(right bottom, rgba(32,82,21,.5) 20%, rgba(139,207,128,.5) 62%, rgba(117,214,81,.5) 81%);
	
		
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(0.2, rgba(32,82,21,.3)),
		color-stop(0.62, rgba(139,207,128,.2)),
		color-stop(0.81, rgba(117,214,81,.3))
	);
		
}

#box6:hover #imagebox6 {
	z-index:151;
	opacity:.7;
	box-shadow:-2px 0px 4px -1px rgba(20,0,20,.3), 3px -3px 2px -1px rgba(20,0,20,.6), -4px -5px 2px -3px rgba(20,0,20,.6), 2px 3px 8px -2px rgba(20,0,20,.6), 1px 4px 2px -1px rgba(20,0,20,.6), -1px 0px 4px rgba(20,0,20,.2), -1px 1px 4px rgba(20,0,20,.2), 2px 2px 3px rgba(20,0,20,.6), 2px -1px 2px rgba(20,0,20,.4);

	
}


#box6:hover #imagebox6 img{
opacity:1;

}

#box6:active #imagebox6 {
		box-shadow:-1px 0px 2px -1px rgba(20,0,20,.6), 1px 2px 3px -2px rgba(20,0,20,.6), -.5px 0px 2px rgba(20,0,20,.6), -1px 1px 4px rgba(20,0,20,.6)inset, 2px 2px 3px rgba(20,0,20,.6)inset, 2px -1px 2px rgba(20,0,20,.6) inset;

}


			
textbox{
	opacity:.2;
	z-index:300;
	color:black;
}

box:hover textbox{
	opacity:1;
}

	box {
	z-index:200;
}

box:hover{
	z-index:250;
}


#textbox1{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:120px;
	width:200px;
	position:absolute;
	z-index:160;
}
			
#box1{
box-sizing:border-box;
-moz-box-sizing:border-box;
height:120px;
width:200px;
position:absolute;

}

#box1:hover{

height:124px;
width:204px;
}
	
#box1 headline{
	top:10px;
	left:12px;
	position:absolute;
	width:100%;
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;		
}

#box1 subline{
	top:60px;
	left:12px;
	position:absolute;
	width:90%;
	font-size:13px;

	line-height:1.2em;
	background-color:rgba(200,200,200,.1);

	font-weight:bold;
	visibility:hidden;
		font-family:Georgia, "Times New Roman", Times, serif;
}

#box1:hover subline{
	visibility:visible;
}
	
#box2 {
box-sizing:border-box;
-moz-box-sizing:border-box;
width:200px;
height:180px;
top:120px;
position:absolute;

cursor:pointer;
}

#box2:hover{
	width:204px;
	height:184px;
	top:116px;
}

#box2:active {
	width:200px;
	height:180px;
	top:120px;
}

#box2 headline{
	top:10px;
	left:12px;
	position:absolute;
	width:100%;
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	opacity:1;
		
}

#box2 subline{
	top:60px;
	left:12px;
	position:absolute;
	width:90%;
	font-size:12px;
	line-height:1.4em;
	font-weight:bold;
	visibility:hidden;
		font-family:Georgia, "Times New Roman", Times, serif;
}

#box2:hover subline{
	visibility:visible;
}

	
#textbox2{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:100%;
	width:100%;
	overflow:hidden;

	position:absolute;
	z-index:160;

}

#box3{
box-sizing:border-box;
-moz-box-sizing:border-box;
width:360px;
height:160px;
left:200px;
position:absolute;

cursor:pointer;




}

#box3:hover{

	width:364px;
	height:164px;
	left:198px;
	opacity:1;
}

#box3:active{
	width:360px;
	height:162px;
	left:200px;
}
#box3 headline{
	top:10px;
	left:12px;
	position:absolute;
	width:100%;
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	opacity:1;
		
}

#box3 subline{
	top:60px;
	left:12px;
	position:absolute;
	width:90%;
	font-size:15px;
	visibility:hidden;
		font-family:Georgia, "Times New Roman", Times, serif;
}

#box3:hover subline{
	visibility:visible;
}

	
#textbox3{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:160px;
	width:360px;
	position:absolute;
	z-index:160;
	


}

#textbox3 headline{
	margin-left:20px;
}

#textbox3 subline{
	margin-left:20px;
}

#box4{
box-sizing:border-box;
-moz-box-sizing:border-box;
width:360px;
height:140px;
left:200px;
top:160px;
position:absolute;
cursor:pointer;

}

#box4:hover{
	width:364px;
	height:144px;
	left:198px;
	
}

#box4:active{
	width:360px;
	height:140px;
	left:200px;

}
	
#box4 headline{
	top:10px;
	left:12px;
	position:absolute;
	width:100%;
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	opacity:1;
		
}
	
#textbox4{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:140px;
	width:360px;
	position:absolute;
	z-index:160;

}

#box5{
box-sizing:border-box;
-moz-box-sizing:border-box;
position:absolute;
cursor:pointer;
width:190px;
height:180px;

left:560px;


}

#box5:hover{
	width:194px;
	height:182px;
	left:556px;
	
	
}

#box5:active{
	width:190px;
	height:180px;
	left:560px;
}
	
#box5 headline{
	top:10px;
	left:12px;
	position:absolute;
	width:100%;
	font-size:35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	opacity:1;
		
}

#box5 subline{
	top:80px;
	left:12px;
	position:absolute;
	width:90%;
	font-size:20px;
	visibility:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#box5:hover subline{
	visibility:visible;
}

	
#textbox5{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	height:100%;
	position:absolute;
	z-index:160;

}


#box6 {
box-sizing:border-box;
-moz-box-sizing:border-box;
position:absolute;
cursor:pointer;
width:190px;
height:120px;
left:560px;
top:180px;


}

#box6:hover {
	width:192px;
	height:122px;
	left:558px;
}

#box6:active {
	
	width:190px;
	height:120px;
	left:560px;
}
	
#box6 headline {
	top:10px;
	left:12px;
	position:absolute;
	width:100%;
	font-size:20px;
	font-family:'Kite One', sans-serif;
	font-weight:bold;
	opacity:1;
		
}


#box6 subline{
	top:60px;
	left:12px;
	position:absolute;
	width:90%;
	font-size:17px;
	font-weight:bold;
	color:#00CC00;
	visibility:hidden;
	font-family:'Kite One', sans-serif;
}

#box6:hover subline{
	visibility:visible;
}

	
#textbox6 {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	height:100%;
	position:absolute;
	z-index:160;

}







maincontent{
	position:absolute;
	display:block;
	box-sizing:border-box;
	width:inherit;
	height:81%;
	top:19%;
	

	
}
articleside {
	position:absolute;
	display:inline-block;
	box-sizing:border-box;
	width:60%;
	height:100%;
	border:thin rgba(140,140,159,.1) solid;
	
}

sideside{
	position:absolute;
	display:inline-block;
	box-sizing:border-box;
	left:60%;
	width:40%;
	height:100%;
	border:thin rgba(140,140,159,.1) solid;
}

S1{
	font-size:24px;
	font-weight:bold;
	color:#101050;
	
}

article {
	z-index:200;
	background-color: rgba(200,200,255,0);
	height:200px;
	width:650px;
	position:relative;
	margin:10px 20px 40px 5%;
	overflow:hidden !important;
	opacity:1;
	font-family:'Raleway', sans-serif;
	font-size:14px;
	border-radius: 6px;
 	-webkit-box-shadow: 3px 5px 2px #080703;
     box-shadow: 2px 3px 2px #080703, -.5px -.5px 1px #080703;
     transition:background-color 1s;
}

article img.background{
	position:absolute;
	
	width:100%;
	height:100%;

	border-radius:6px;

}

articlebackground{
	position:absolute;
	width:100%;
	height:100%;
	border-raidus:6px;
	background-color:rgba(120,120,120,.1);
		transition:background-color 1.7s;

}

article:hover{
/*
	background-color:rgba(120,120,316,.2);
	transition:background-color 3s;
	transition-delay:.4s;
	*/
}

.articlehighlight{
	background-color: rgba(250,248,244,1);
	transition:background-color 3s;

	
}

articletextbox{
	position:absolute;
	width:100%;
	height:400px;

}
article p#previewtext {

	font-size:13px;
	position:absolute;
	left:270px;
	top:15px;
	width:350px;
	color:#112;
	/*
	  -webkit-transition: all 1.3s ease;
     -moz-transition: all 1.3s ease;
       -o-transition: all 1.3s ease;
      -ms-transition: all 1.3s ease;
          transition: all .9s ease;
*/
	}
	
	article disappear{
	opacity:0;
	display:block;
	padding-top:5px;
}
	
	article visible{
	
 	visibility:hidden;
	/*
	transition:all 0.5s ease;
	
	*/
}

article visible a{
	font-size:17px;
	text-decoration:underline;
}
	
article p#hiddentext {
	font-size:12px;
	position:absolute;
	left:280px;

	padding-right:5px;

	
	/*
	  -webkit-transition: top 1.3s ease;
     -moz-transition: top 1.3s ease;
       -o-transition: top 1.3s ease;
      -ms-transition: top 1.3s ease;

          transition:  top .4s ease-out;
*/


	}
	
	subpoint{
	margin:0px 10px 0px 0px;
	font-weight:bold;
}

	
article:hover{

/*
	height:260px;
	
	
	border-radius:5px;
	-webkit-box-shadow: 1px 2px 2px #080703;
	box-shadow: 1px 2px 2px #080703, -.2px -.2px 1px #080703;
	
	
	
	 -webkit-transition: all .9s ease;
     -moz-transition: all .9s ease;
       -o-transition: all .9s ease;
      -ms-transition: all .9s ease;
          transition: all .9s ease;
                    transition-delay:.2s;
                    
*/

}

article:hover p#previewtext {

/*
	font-size:12px;
	position:absolute;
	left:300px;
	top:20px;
	
	  -webkit-transition: all 1.3s ease;
     -moz-transition: all 1.3s ease;
       -o-transition: all 1.3s ease;
      -ms-transition: all 1.3s ease;
          transition: all 1.1s ease;
          transition-delay:.2s;
          
          */

}

article:hover p#hiddentext {

/*
	font-size:12px;
	position:absolute;
	left:300px;
	top:90px;
	
	  -webkit-transition: top 1.3s ease;
     -moz-transition: top 1.3s ease;
       -o-transition: top 1.3s ease;
      -ms-transition: top 1.3s ease;

          transition:  top 1s ease-out;
          transition-delay: .2s;
          
          */

}

	article:hover visible{
	
	/*
opacity:1;
transition: all 1.5s ease;
	transition-delay: .2s;
	
	*/
}


article:hover img#divider{
	/*border: thin black;
	border-style:ridge none ridge none;
	opacity:.9;
	
	*/
}

article:hover imagewithtext img{
/*
	width:250px;
	transition-delay:.2s;
	*/

	
}


imagewithtext {
	clear:both;
	height:250px;
	width:240px;
	position:absolute;
	float:left;
	top:5px;
	left:20px;



	}
	
blockimagewithtext{
	z-index:400;
	position:absolute;
	height:200px;
	width:325px;
	top:0px;
	left:0px;


}

imagewithtext img.mainimage {
	z-index:300;
   clear:both;
	position:absolute;
	border-radius:2px;
	width:240px;

	height:190px;
	 -webkit-transition: -webkit-filter 1s;
	
	/*
-webkit-transition: all 5s ease;
     -moz-transition: all 5s ease;
       -o-transition: all 5s ease;
      -ms-transition: all 5s ease;
          transition: all 1s ease;
          
          */

}

imagewithtext img.thumbnail {
	position:relative;
	width:54px;
	bottom:0px;
	display:inline-block;
	z-index:700;
}

thumbnailbox{
	width:100%;
	height:50px;
	left:0px;

	position:absolute;
	bottom:0px;

}




imagewithtext #linktext {
	z-index:302;
    position:relative;    
    color:#6C7D7D;

    font-size:15px;
    font-weight:bolder;
    left:30px;
    top:20%;
    width:400px;
           -webkit-transition-property: top;
        -webkit-transition-duration: 0.5s;        

    
}

imagewithtext #hiddenlinktext {
	z-index:299;
    position:absolute;    
    color:#6C7D7D;

    font-size:15px;
    left:30px;
    top:120px;
    width:170px;
	visibility:hidden;
    border:thin red solid;
}

imagewithtext:hover #linktext {
	top:60px;

	  transition:all 2s ease;
	  	  transition-delay:2s;
}

imagewithtext:hover #hiddenlinktext {
	top:80px;
	z-index:305;
	visibility:visible;

	transition:all 2s ease;
			transition-delay: 2s;

}

sideitems{
	position:absolute;
	height:400px;
	width:85%;
	border:thin rgba(30,30,70,.2) solid;
	border-radius:5px;
	right:0px;
	top:40px;
	padding:5px;
}


sideitems a		{color:#101050; text-decoration:underline;	}
sideitems a:link			{ color: #101050; }
/*a:visited		{ color: #0f0; }*/
sidetimes a:active		{ color: #000; }
sideitems a:focus			{ color: #101099; }
sideitems a:hover			{ color: #4040FF; }



.sideitem{
	width:100%;
	font-family:'Raleway', sans-serif;
	position:relative;
	display:block;
	margin:30px 0px;
}




footer {
  background-color:rgba(21,70,140,.8);
  width:100%;
  text-align: center;
  margin: 0px auto;
  
  clear:both;
  height:30px;
  max-width:1600px;
  padding-top:4px;
  color:#202040;

}

footer a:link{
	color:#202040;
}
footer a:visited{
	color:#202040;
}

footer a:hover{
	color:#3030FF;
}