body {
	font-size: 21px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	overflow: hidden;
	margin: 0 0;
}



p, ul, li {
	padding-left: 10px;
	padding-right: 80px;
	list-style-type: none;

}

p.nopad {
	
	padding-left: 0px;

}
.header {
	
	background-image: url('sci_athash_logo_500.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	width: 500%;
	min-height: 170px;
	height: 170px;
}

.logo {
	
	display: none;
}

.footer {
	background-color: #dcf0fd;
	background-image: -moz-linear-gradient(top, #dcf0fd, #204461);
	background: -webkit-gradient(linear, left top, left bottom, from(#dcf0fd), to(#204461));

	width: 500%;
	position: absolute;
	top: 570px;
	z-index: 5;
	min-height: 50%;
}

.page {
	min-height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));;
	background-image: -moz-linear-gradient(top, #fff, #fff);
	-webkit-transition-property: background, background-color;
	-webkit-transition-duration: 2s;
}

.content_container {
	background: transparent;
	vertical-align: top;
	position: relative;
	left: 150px;
	width: 500%;
	min-height: 500px;
	height: 500px;
	border-color: green;
	margin-top: 1em;

}

.preview {
	font-size: 1.6em;
	margin-top: 0em;
	
}

.textboost {

	font-size: 2em;
}

.videoposter {
	position: relative;
	z-index: 101;
}
.bodytext {
	

	display: inline-block;
	vertical-align: top;
	border: 4px solid black;
	-webkit-box-shadow: 0px 0px 25px #666; 
	-moz-box-shadow: 0px 0px 25px #666; 
	box-shadow: 0px 0px 25px #666;
	min-height: 360px;
	max-height: 360px;
	max-width: 640px;
	min-width: 640px;
	-webkit-transition-property: -webkit-transform, opacity, -webkit-box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: -moz-transform, opacity, background-color;
	-moz-transition-duration: 0.5s;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	margin-right: 1em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	
	
}





.selected {
	
	border: 1px solid black !important;
	padding-left: 0px !important;
	
	background-color: #FFF !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)) !important;
	background-image: -moz-linear-gradient(top, #FFF, #FFF) !important;
	color: black !important;
	min-width: 640px !important;
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	-border-radius: 0px !important; 
}

.hasvideo {

	
}
.backarrow {
	/*  */
	background-color: white !important;
	background-image: url('backarrow.png') !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-position: 580px 150px !important;
}

#nav {
	top: 100px;
	position: relative;
	list-style-type: none;
	cursor: pointer;
	
}

.navlist {
	color: #313131;
	font-size: 18px;
	line-height: 1.2em;
	font-variant: small-caps;
	list-style-type: none;
	cursor: pointer;
}

h1 {
	display: inline-block;
	margin-bottom: 0em;
	padding-left: 10px;
	-webkit-transition-property: -webkit-transform, opacity, background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: -moz-transform, opacity, background-color;
	-moz-transition-duration: 0.5s;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
}

h1.selectup {
	display: block;
	margin-top: -1.15em;
	text-align: right;
}

h1.video {
	
	
}


.link:hover {
	text-decoration: underline;
	color: orange;
	font-variant: small-caps;
	list-style-type: none;
	cursor: pointer;
}

a {
	color: #5e7185;
	text-decoration: none;

}

.welcome {
	background-color: #c4d9d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8bb));
	background-image: -moz-linear-gradient(top, #fff, #8bb);

}

.design {
	background-color: #b3cade;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#48b));
	background-image: -moz-linear-gradient(top, #fff, #b8b);

}

.animation {
	background-color: #e1dfcb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bb8));
	background-image: -moz-linear-gradient(top, #fff, #bb8);
	
}

.infographics {
	background-color: #c7c9dd;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#88b));
	background-image: -moz-linear-gradient(top, #fff, #88b);
	
}

.technical {
	background-color: #cedeca;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8b8));
	background-image: -moz-linear-gradient(top, #fff, #8b8);
	
}

.contact {
	background-color: #e1d1d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b88));
	background-image: -moz-linear-gradient(top, #fff, #b88);


}


#message {
	display: none;

}

.pos1, .pos2, .pos3, .pos4, .pos5 {
	background-color: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
	background-image: -moz-linear-gradient(top, #ddd, #bbb);	
}


/*
.pos2 {
	background: -webkit-gradient(linear, left top, right top, from(#ddd), to(#bbb));
	background-image: -moz-linear-gradient(top, #ddd, #bbb);	
}

.pos3 {
	background: -webkit-gradient(linear, left top, right top, from(#bbb), to(#999));
	background-image: -moz-linear-gradient(top, #bbb, #999);	
}

.pos4 {
	background: -webkit-gradient(linear, left top, right top, from(#999), to(#777));
	background-image: -moz-linear-gradient(top, #999, #777);	
}

.pos5 {
	background: -webkit-gradient(linear, left top, right top, from(#777), to(#555));
	background-image: -moz-linear-gradient(top, #777, #555);	
}*/


.gallery {
	
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 640px;
	height: 360px;
	
	-webkit-transition-property: -webkit-transform, opacity, background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: -moz-transform, opacity, background-color;
	-moz-transition-duration: 0.5s;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.thumb {
	
	margin-left: 13px;
	
}

.galleryimg {
	
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 219px;
	height: 360px;
	width: 640px;
	max-width: 640px;
	
	
}

.gallerydetail {
	position: absolute;
	z-index: 11;
	top: 0px;
	left: 653px;
	width: 168px;
	height: 348px;
	min-height: 348px;
	font-size: 0.7em;
	border: 1px solid #aaa;
	font-style: italic;
	padding: 5px;
	padding-right: 30px;
	background-color: white;
}

.galleryMultiNav {
	
	position: absolute;
	top: 300px;


}

.galleryNavItem {
	border: 1px solid #666;
	background-color: #bcd;
	display: inline-block;
	padding: 10px 16px;
	margin: 5px;
	font-style: normal;
	font-size: 16px;
	cursor: pointer;
	-webkit-border-radius: 3px !important; 
	-moz-border-radius: 3px !important; 
	border-radius: 3px !important; 
}

.galleryNavItem:hover {
	
	background-color: #234;
	color: white;
}

.cropped {
	overflow: hidden;
	height: 360px;
	width: 640px;
	max-width: 640px;
	cursor: ne-resize;
}

.zoomed {
	
	position: absolute;
	z-index: 5000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: visible;
	text-align: center;
	vertical-align: center;
	background-color: black;
	cursor: pointer;
}


h2 {
	
	position: absolute;
	z-index: 102;
	top: -2.8em;
	width: 640px;
	text-align: right;
}

.tagline {
	font-size: 0.5em;
	
	margin-left: 150px;
	margin-top: 150px;
	color: #333;
	
	
}



/* animations */


.anim_fadein {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 2s;
	
}

@-webkit-keyframes fadein {
	
	0% {opacity: 0;}
	100% {opacity: 1;}
}