/*	GoElastic.com
	Website by Matt Sebek
	
*/

*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, sans-serif;
font-size:12px; 
}

body{
	height: 100%; color: #525252; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url('../images/backgrounds/1.jpg') no-repeat top center;
	background-color:#F47B20;
}

/* Links */
a, a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#FFFFFF;
text-decoration:underline;
}

h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}

.global {
	margin: 0 auto; padding: 0; cursor: default;
}

/* Slides */

#content1 {
left:0px; 
top:0px;
}

#content2 {
left:1500px; 
top:0px;
}

#content3 {
left:3000px; 
top:0px;
}

#content4 {
left:4500px; 
top:0px;
}

.scrolling-content {
width:1500px;
height:380px;
position:absolute;
}

/* Bottom Nav */
#bottomnav {
position:absolute; z-index:8;
text-align:left;
width:700px;
top:700px; left:180px;
height:40px; color: #FCBD8A;
}

#bottomnav a {
	margin:0 5px 0 5px;
	color: #FEFFFF;
}

#bottomnav #logos {
	width:125px; height:19px;
	position: relative; float:right; z-index:6;
}

#bottomnav #logos li {
	display:block; margin-left: 0px;
	overflow:hidden; float: left; z-index:6;
}
#bottomnav #logos li a:hover {
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

/* --- Menu Links --- */
#menunav  {
	position:absolute; top:60; left:150;
	z-index:2;
	text-align:center;
	color:#FFFFFF;
	background: transparent;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#menunav li {
	display:block; margin-left: 0px;
	overflow:hidden; float: left;
}

#menunav li a:hover {
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

#menunav li:hover {
  background-color: #2FB8C3;      /* gives the active menu items a yellow background */
}

/* --- End Menu --- */

.logo {
	position: absolute; z-index:6;
	top:50px; right:230px;
	width:197px; height: 36px;
	background-image:url(../images/logo.png);
}

.logo a{display:block; width:197px; height: 36px; }
.logo a span{display:none;}

#TICKER {
	height: 51px; display:none; overflow:hidden;
}

#TICKER span {
	margin-left: 10px; margin-right: 10px;
	font-size: 13px; color: #FFFFFF; font-family: Arial, sans-serif; letter-spacing: 0.2em;
}

#TICKER span a {
	margin-left: 15px; margin-right: 15px;
	font-size: 13px; color: #CCCCCC; font-family: Arial, sans-serif; letter-spacing: 0.2em;
}

#twitterwrapper {
	position: absolute; top:50; left:120;
	width:997px; height: 517px;
	background-image:url(../images/pngs/wakeup.png);
}

#twitter {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
position: relative; top:210; left:115;
width:700px; height:51px;
background:transparent;
overflow: hidden;
}

#wakeup {
position:relative; top:300px; left:20px;
z-index:4;
width:1000px;
height:450px;
text-align:center;
color:#FFFFFF;
}

#wakeup #blogs {
position: relative; 
z-index:3; 
top:70; left:0;
width:346px; height:290px;
background:transparent;
overflow: hidden;
background:url(../images/pngs/blogs.png) no-repeat;
}

#wakeup #pigs {
position: absolute; 
z-index:3; 
top:110; left:275;
width:336px; height:257px;
background:transparent;
overflow: hidden;
background:url(../images/pngs/home_pigs.png) no-repeat;
}

#wakeup #cellphone {
position: absolute; 
z-index:3; 
top:90; left:550;
width:323px; height:383px;
background:transparent;
overflow: hidden;
background:url(../images/pngs/cellphone.png) no-repeat;
}

#wakeup #homerobot {
position: absolute; 
z-index:3; 
top:-50; left:790;
width:333px; height:400px;
background:transparent;
overflow: hidden;
background:url(../images/pngs/homerobot.png) no-repeat;
}

#text {
	position:relative;
	top:35%; left:10%;
	width: 49%; 
}

#textheader-artificial {
	height:30px;
	background:url(../images/pngs/headers/artificial_intelligence.png) right no-repeat;
}

#textheader-goelastic {
	height:30px;
	background:url(../images/pngs/headers/go_elastic.png) right no-repeat;
}

#textheader-media {
	height:30px;
	background:url(../images/pngs/headers/media_landscape.png) right no-repeat;
}

#textheader-elastic {
	height:30px;
	background:url(../images/pngs/headers/elastic_lab.png) right no-repeat;
}

/* -- Link Pages -- */
#textheader-changinglandscape {
	height:30px;
	background:url(../images/pngs/headers/changing_landscape.png) right no-repeat;
}

#textheader-elasticmarketing {
	height:30px;
	background:url(../images/pngs/headers/elastic_marketing.png) right no-repeat;
}

#textheader-leader {
	height:30px;
	background:url(../images/pngs/headers/take_me_to_your_leader.png) right no-repeat;
}

#textheader-rocketscience {
	height:30px;
	background:url(../images/pngs/headers/rocket_science.png) right no-repeat;
}

#textheader-peopleprinciples {
	height:30px;
	background:url(../images/pngs/headers/people_principles.png) right no-repeat;
}

#textheader-whatwedo {
	height:30px;
	background:url(../images/pngs/headers/what_we_do.png) right no-repeat;
}

/* -- End Link Pages -- */

#text #textcontent {
	color:#FFFFFF; padding:30px;
	width: 100%; min-height:450px;
	background:url(../images/text-bg.png) repeat-x;
	line-height:1.8em; letter-spacing:0.02em;
	font-size:1.1em;
}

#text #textcontent IMG {
	padding:2px; border: 1px #CCCCCC solid;
}

#text #textcontent .linebreak {
	width:90%; height:10px; margin-bottom:7px;
	background:url(../images/pngs/linebreak.png) repeat-x;
}

#text #textcontent table{
	color:#FFFFFF;
	line-height:1.8em; letter-spacing:0.04em;
	font-size:1.0em;
}

#text #textcontent h1 {
	color: #2FB8C3; border-bottom:1px dotted #CCCCCC; font-size:1.3em; font-weight:bold;
}

#text #textcontent li {
	color: #FFFFFF; margin-bottom:8px;
	list-style: square outside;
}

#text #textcontent li strong {
	color: #2FB8C3; margin-bottom:8px;
}

#text #textcontent h2 {
	font-family:Arial, sans-serif; letter-spacing:0.05em;
	color: #2FB8C3; font-size:1.2em; font-weight:normal; margin-bottom: 10px; margin-top:10px;
}

#text #textcontent h1 a, a:link, a:visited, a:active{
	color: #2FB8C3; text-decoration:none;
}

#text #textcontent h2 a, a:link, a:visited, a:active{
	color: #2FB8C3; text-decoration:none;
}

#text #textcontent h1 a:hover{
	color: #26939C; text-decoration:none;
}

#text #textcontent h2 a:hover{
	color: #26939C; text-decoration:underline;
}

#text #textcontent p {
	margin-bottom:15px;
}

#text #textcontent a {
	color: #26939C; text-decoration:underline;
}

#text #textcontent a:hover {
	color: #26939C; text-decoration:none;
}

#wrapper {
margin:0px; height:1100px;
overflow:hidden; 
border:none;
position:relative;
}


/* --- Front Page Social Media Link --- */
#twitterwrapper #socialmedia {
	position: relative; z-index:5;
	top:235; left:145;
	width:200px; height:25px;
	cursor:default; 
}

#twitterwrapper #socialmedia li {
	width: 24px; height: 24px;
	display:block; margin-left: 4px;
	overflow:hidden; float: left;
}

/* --- Subpage Social Media Link --- */

.socialmedia li a IMG {
	border:0px;
}

.socialmedia li {
	width: 30px; height: 30px;
	display:block; margin-left: 4px;
	overflow:hidden; float: left;
}

#twitterwrapper #socialmedia li a:hover {
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
/* --- End Social Media Link --- */

.hiddenpic {display:none;}

/* --- Bottom Sub Navigation Links --- */

.bottomsublinks {
	position:relative; width: 100%; text-align:center;
	color:#FFFFFF; 
	line-height:1.8em; letter-spacing:0.02em;
	font-size:1.1em;
}

.bottomsublinks a {color:#FFFFFF; text-decoration:none;}
.bottomsublinks a:link {color:#FFFFFF; text-decoration:none;}
.bottomsublinks a:active {color:#FFFFFF; text-decoration:none;}
.bottomsublinks a:visited {color:#FFFFFF; text-decoration:none;}
.bottomsublinks a:hover {color:#FFFFFF; text-decoration:underline;}