/*

  Main positioning for EEC Analyzer site
  Site designed by Mike Skovgaard http://mikeskov.com

*/

body, html {
  height: 100%;
  padding: 0px;
  margin: 0px;
  background-color: #FFF;
}

body {
 text-align: center;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #341457;
  text-decoration: underline;
}

#container {
  margin: 0 auto;
  width: 820px;
  text-align:left;
} 

#wrapper {
 position:absolute;
}

#header {
  width:820px;
  height:113px;
  text-align:center;    
  background-image: url('../images/eec_header.jpg');
  display:block;
  position:relative;
}

#content {
  display:block;
  position:relative;
  width:820px;
  background-color:#6a6875;
  background-image: url('../images/content_bg_fade.jpg');
  background-repeat: repeat-x;
  margin-top: 10px;
}

#flame {
	 	display:block;
	 	height:85px;
	 	width:62px;
	 	position:absolute;
	 	right:45px;
	 	bottom:45px;
	 	background-image: url('../images/eec_flame.gif');
    filter:alpha(opacity=40);
    -moz-opacity:.4;
    opacity:.4;	 	
	 	z-index:3;
}

#texta {
  font-family:Verdana, Arial;
  padding-left:110px;
  padding-top:15px;
  padding-bottom:15px;
  padding-right:15px;
  font-size:.9em;
  display:block;
  color: #100a30;
  position:relative;
  z-index:4;
}

#texta h1 {
  font-size:1.5em;
  color:#000;
}

#footer {
  position:relative;
  width:820px;
  height:89px;
  background-image: url('../images/eec_footer.jpg');
  margin-top:10px;  
}

.footerText {
  font-family: Verdana, Arial;
  font-size: 13px;
  color:#fff;
  text-align:center;
  position:absolute;
  display:block;
  height:15px;
  width:100%;
}

.footerText a {
  color: #c0bfdd;
  text-decoration: none;
}

.footerText a:hover {
  color: #c0bfdd;
  text-decoration: underline;
}

#buttons {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
}

.button { /*menu buttons*/
  display:block;
  position:absolute;
  width:121px;
  height:54px;
  left:-28px;
  top:0px;
  cursor:pointer;
}
.buttonImg {
  display:block;
  width:121px;
  height:54px;  
}

.button2, .add_to_cart { /*smaller shop buttons*/
  display:block;
  width:105px;
  height:22px;
  cursor:pointer;
}
.buttonImg2 {
  display:block;
  width:105px;
  height:22px;  
}

.price {
  font-weight:bold;
  color:#341457;
}

/* hover-over buttons: */
#home a { background: url(../images/buttons/eec_home.gif) -121px 0 no-repeat; }
#home a:hover, a:focus { background-position: 0 0;}
 
#shop a { background: url(../images/buttons/eec_shop.gif) -121px 0 no-repeat; }
#shop a:hover, a:focus { background-position: 0 0;}

#tech a { background: url(../images/buttons/eec_tech.gif) -121px 0 no-repeat; }
#tech a:hover, a:focus { background-position: 0 0;}

#links a { background: url(../images/buttons/eec_links.gif) -121px 0 no-repeat; }
#links a:hover, a:focus { background-position: 0 0;}

#downloads a { background: url(../images/buttons/eec_downloads.gif) -121px 0 no-repeat; }
#downloads a:hover, a:focus { background-position: 0 0;}

#contact a { background: url(../images/buttons/eec_contact.gif) -121px 0 no-repeat; }
#contact a:hover, a:focus { background-position: 0 0;}

#photos a { background: url(../images/buttons/eec_photos.gif) -121px 0 no-repeat; }
#photos a:hover, a:focus { background-position: 0 0;}

#download1 a { background: url(../images/shop/download.gif) 0 0 no-repeat; }
#download1 a:hover, a:focus { background-position: -105px 0;}

#download2 a { background: url(../images/shop/download.gif) 0 0 no-repeat; }
#download2 a:hover, a:focus { background-position: -105px 0;}

#download3 a { background: url(../images/shop/download.gif) 0 0 no-repeat; }
#download3 a:hover, a:focus { background-position: -105px 0;}

#view_cart a { background: url(../images/shop/view_cart.gif) 0 0 no-repeat; }
#view_cart a:hover, a:focus { background-position: -105px 0;}

.add_to_cart a { background: url(../images/shop/add_to_cart.gif) 0 0 no-repeat; }
.add_to_cart a:hover, a:focus { background-position: -105px 0;}