img {
border: 0;
display: block;
}
html, body, #wrapper {
height: 100%;
}
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #222;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 2.1em;
background: #bbb;
}
h1, h2, h3, h4, h5, h6, p, li, td, div {
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: 1px transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
zoom: 1;
}
a:link, a:visited {
font-weight : normal;
text-decoration : none;
color: #fff;
background: transparent;
}
a:hover {
font-weight : normal;
text-decoration : underline;
color: #fff;
background-color: transparent;
}
a:active {
font-weight : normal;
text-decoration : none;
color: #c60;
background: transparent;
}
#wrapper {
position:fixed !important;
top:0;
left:0;
width:100%;
height:100%;
background-size:contain;
}
#main {
/*opacity: 0.8;*/
margin-top:145px;
position: absolute;
}
.shadow {
box-shadow:
0 6px 12px #333, /*bottom external highlight*/
0 -3px 6px #666, /*top external shadow*/
inset 0 -8px 5px rgba(0, 0, 0, 0.2), /*bottom internal shadow*/
inset 0 12px 12px rgba(255, 255, 255, 0.3);
}
#rotating {
margin-top:35%;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
z-index: 1000;
}
.tab {
display: none;
padding: 10px;
cursor: pointer;
z-index: 50;
font-family: Tahoma, Impact, sans-serif;
font-size: 1.6em;
font-weight: 500;
}
.up {
box-shadow:
0 2px 4px #333, /*bottom external highlight*/
0 -1px 2px #666, /*top external shadow*/
inset 0 -1px 1px rgba(0, 0, 0, 0.2), /*bottom internal shadow*/
inset 0 2px 2px rgba(255, 255, 255, 0.8); /*top internal highlight*/
}
.down {
z-index: 49;
box-shadow:
0 2px 4px white, /*bottom external highlight*/
0 -4px 6px #333, /*top external shadow*/
inset 0 -5px 10px rgba(0, 0, 0, 0.2), /*bottom internal shadow*/
inset 0 3px 4px rgba(0, 0, 0, 1); /*top internal highlight*/
}
.content {
display: none;
padding:160px 5% 5% 5%;
z-index: 30;
text-align: left;
}
.consult {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(238, 238, 238);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEEEEEE, endColorstr=#CCEEEEEE);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEEEEEE, endColorstr=#CCEEEEEE)";
/* RGBa with 0.8 opacity */
background: none repeat scroll 0 0 rgba(238, 238, 238, 0.8) !important;
border: 2px solid #000;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#consult {
background: none repeat scroll 0 0 #ccc;
color: #000;
margin: 45px 0 0 0;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
.contact {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(204, 204, 204);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCCFF, endColorstr=#CCCCCCFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCCFF, endColorstr=#CCCCCCFF)";
/* RGBa with 0.8 opacity */
background: none repeat scroll 0 0 rgba(204, 204, 204, 0.8) !important;
border: 2px solid #0000CC;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#contact {
background: none repeat scroll 0 0 #CCF;
color: #00C;
margin: 45px 0 0 0;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
.application {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(255, 187, 255);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFBBFF, endColorstr=#CCFFBBFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFBBFF, endColorstr=#CCFFBBFF)";
/* RGBa with 0.8 opacity */
background: none repeat scroll 0 0 rgba(255, 187, 255, 0.8) !important;
border: 2px solid #609;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#application {
background: none repeat scroll 0 0 #DAE;
color: #609;
margin: 45px 0 0 0;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
.website {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(255, 187, 153);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFBB99, endColorstr=#CCFFBB99);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFBBFF, endColorstr=#CCFFBB99)";
/* RGBa with 0.8 opacity */
background: none repeat scroll 0 0 rgba(255, 187, 153, 0.8) !important;
border: 2px solid #C00;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#website {
background: none repeat scroll 0 0 #FB9;
color: #C00;
margin: 45px 0 0 0;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#tech {
background: none repeat scroll 0 0 #ccc;
margin: 0;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
}
/* fixing IE9 putting filter on and rbga for backgrounds */
.ie9 #main {filter: none; }
#slideshow {
width:100%;
overflow:hidden
}
#slides {
width:500%;
}
.slide {
width:20%;
float:left;
}
.slideimage{
margin: 0 auto;
}
.scroll {
position: absolute;
padding: 10% 0%;
font-size: 150px;
}
.go {
cursor: pointer;
color: #fff;
/* background-color: #ddd; */
opacity: 0.6;
}
.stop {
color: #999;
/* background-color: #bbb; */
opacity: 0.4;
}
#left {
left: 0;
/*
background: -webkit-gradient(linear, left top, right top, from(#fff), to(#FB9), color-stop(0.7, #FB9));
background: -moz-linear-gradient(left top, #fff, #FB9 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFFFF, endColorStr=#FFFFBB99, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFBB99, GradientType=1)";
*/
}
#right {
right: 0;
/*
background: -webkit-gradient(linear, left top, right top, from(#FB9), to(#fff), color-stop(0.7, #fff));
background: -moz-linear-gradient(left top, #FB9, #fff 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFBB99, endColorStr=#FFFFFFFF, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFBB99, endColorstr=#FFFFFFFF, GradientType=1)";
*/
}
.see {
opacity: 1;
/* background-color: #eee; */
}
.logo {
display: inline;
margin: 0 auto;
padding: 1% 1%;
}
.inputs {
padding: 0 0.3em;
border-radius:7px;
-moz-border-radius:7px; /* Firefox 3.6 and earlier */
border: 2px solid #999;
}
.clear {
clear: both;
}
.inputs:hover {
border: 2px solid #337;
}
.inputs:focus {
border: 2px solid #337;
}
.indent {
margin-left: 0.6em;
}
#submit {
font-size: 1.1em;
}