/* CSS Document */

html,body{
margin: 0px;
background-image:url(backGroundImage.jpg);
background-repeat:repeat;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
scrollbar-base-color:#CCC ;
}

.text a:link {
color:  black;
text-decoration: none;
}

.text a:visited {
color: black;
text-decoration: none;
}

.text a:hover {
color: #0066FF;
text-decoration: none;
}

.text{}


a:link {
color:  white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

a:hover {
color: #CCCCCC;
text-decoration: none;
}

.mapLayer a:link {
color: #333 ;
text-decoration: none;
}

.mapLayer a:visited {
color: #333;
text-decoration: none;
}

.mapLayer a:hover {
color: #666;
text-decoration: none;
}

#nav a:link {
color:  white;
background-image:url(mainNavBground.jpg);
background-repeat:repeat;
text-decoration: none;
}

#nav a:visited {
color:  white;
background-image:url(mainNavBground.jpg);
background-repeat:repeat;
text-decoration: none;
}

#nav a:hover {
color: white;
background-image: url(mainNavBgroundover.jpg);
text-decoration: none;
}

h1{
font-weight:normal;
font-size:11px;
display:inline;
}

#container{
margin-left: auto; 
margin-right: auto;
border: #999  1px solid;
width:600px;
height:600px;
}

#header{
margin: 0px;
position: absolute;
width:600px;
border-bottom: #999  1px solid;
height:165px;
background-color:#ccc; 
}

#nav{
position: absolute;
background-color:#fff;
margin-top:165px;
margin-left: 0px;
width:600px;
height:20px;
}

.navItem{
border:0px;
margin:0px;
float:left;
width:150px;
height:20px;
text-align:center;
line-height:20px;
}

#mainArea{
background-image:url(mainBackground.jpg);
position: absolute;
width:600px;
height:407px;
margin-top:174px;
margin-left: 0px;
}

#footer{
background-image: url(footBack.jpg);
background-repeat:repeat-x;
position: absolute;
width:600px;
height:19px;
margin-top:581px;
margin-left: 0px;
}

#logo{
position:absolute;
margin-left:475px;
margin-top:295px;
}

#footText{
width:100%;
color:#FFFFFF;
line-height:19px;
text-align:center;
}

#aboutText{
width:500px;
position:absolute;
margin-left:50px;
margin-top:45px;
}

#contactText{
width:500px;
position:absolute;
margin-left:50px;
margin-top:15px;
}

#productText{
width:350px;
position:absolute;
margin-left:50px;
margin-top:40px;
}

#locationText{
width:300px;
position:absolute;
margin-left:350px;
margin-top:165px;
line-height:14px;
}

#cardLogos{
float:left;
width:500px;
position:absolute;
margin-left:50px;
margin-top:320px;
}

.cards{
padding-right:1px}

#directions{
position: absolute;
width:500px;
margin-top:28px;
margin-left:50px;
font-size:12px;
line-height:20px;
}

#map {
border: solid #999999 1px;
z-index:1;
position: absolute;
margin-top:158px;
margin-left:50px;
}

#mapLayer{
border: solid #999999 1px;
border-top:none;
color: #999999; 
padding:3px;
z-index:100;
width:244px;
position: absolute;
margin-top:310px;
margin-left:50px;
}

#plug{
z-index:8;
position: absolute;
margin-top:165px;
margin-left:455px;
}

#lampP{
z-index:9;
position: absolute;
margin-top:260px;
margin-left:405px;
}

#smokeA{
z-index:11;
position: absolute;
margin-top:65px;
margin-left:475px;
}

#heater{
z-index:50;
position: absolute;
margin-top:25px;
margin-left:390px;
}