/* Beyond Mars Company Website */
/*by Anne Sagun*/

/*text within body tag = Arial*/
body 
{
background-attachment: scroll;
font-family :Arial;
}

/*supplier*/


div.supplier
{
position: absolute;
left:475px;
top:515px;
z-index:"3";
border:0;
}


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

div.home
{
position: absolute;
left:107px;
top:181px;
z-index:"1";
border:0;
}

div.awards
{
position: absolute;
left:107px;
top:216px;
z-index:"1";
border:0;
}

div.drinkware
{
position: absolute;
left:107px;
top:251px;
z-index:"1";
border:0;
}

div.magnet
{
position: absolute;
left:107px;
top:286px;
z-index:"1";
border:0;
}

div.original
{
position: absolute;
left:107px;
top:321px;
z-index:"1";
border:0;
}

div.spirit
{
position: absolute;
left:107px;
top:356px;
z-index:"1";
border:0;
}

div.uniform
{
position: absolute;
left:107px;
top:391px;
z-index:"1";
border:0;
}

div.pen
{
position: absolute;
left:107px;
top:426px;
z-index:"1";
border:0;
}

/*--------Main elements-----------*/
div.z
{
position: absolute;
left:38px;
top:25px;
z-index:0;
width:600px;
border:0;

}

div.x
{
position:absolute;
left:248px;
top:147px;
z-index:"-1";
width:656px;
height:360px;
overflow: auto;

}

div.y
{
position:absolute;
left:106px;
top:190px;
z-index:0;
border:0;
}

/*
#navcontainer ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
font-size: 10pt;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a 
{
display:block;
color: #FFF;
background-color: #e24343;
width: 10em;
padding: .2em .8em;
text-decoration: none;
font-weight: bold;
}

/*tells user which page theyre on*/
#active a 
{
display:block;
color: #FFF;
background-color: #000;
width: 10em;
padding: .2em .8em;
text-decoration: none
border:0;
}

/*changes color of the menu item user is hovering on*/
#navcontainer a:hover
{
background-color: #b81e1e;
color: #FFF;

}

/*subcategories*/
#navcontainer li li a 
{
display:block;
color: #FFF;
background-color: #ff4200;
width: 10em;
text-align:right;
text-decoration: none;
font-weight: normal;
}

#navcontainer li li a:hover 
{
display:block;
color: #FFF;
background-color: #ff4200;
width: 10em;
text-align:right;
text-decoration: none;
font-weight: normal;
border-right-style: solid;
border-right-width: 15px
}
*/
/*End of menu*/


/*removes borders from all images*/
img
{
border:0;
}

/*image gallery settings*/

div.img img 
{ 
display: inline; 
margin: 1px; 
border: 0px; 
} 


h1.desc
{ 
text-align: center;
font-weight: normal;
font-size: 14px
} 

/*image opacity change upon hover*/

.toggleopacity
{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;						/*changing opacity for mozilla users*/

}

.toggleopacity
{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 0;
}


/*End of image gallery settings*/

/*link settings*/
a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #ae0505}  /* visited link */
a:hover {color: #ffb555}   /* mouse over link */
a:active {color: #f6e236}   /* selected link */