/* @override file:///Users/Anne/Sites/beyondmars.com/mars.css */

/* 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 */

#footer p.footer_contact {
	color: #9b9b9b;
	font: .75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	margin-left: 285px;
	margin-top: -13px;
	width: 375px;
	padding: 13px;
	height: 41px;
}

span.body_title {
	color: #a80e0c;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-shadow: #c3c3c3 1px 1px 0;
	font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

p.body_p_title {
	font: bold 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 30px;
	margin-bottom: 10px;
	text-decoration: none;
}

a {
	font-style: italic;
	text-decoration: none;
}

p.body_p {
	color: #828282;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

font.intro {
	color: #828282;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

span.disclaimer {
	text-align: center;
}

div#disclaimer {
	margin: 486px 0 0 154px;
	text-align: center;
}

#disclaimer span.disclaimer {
	color: #828282;
	font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
	position: fixed;
	left: 370px;
}

span.contact_title {
	color: #575b5c;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}	 

span.expire_date {
	color: #ae0505;
}

img{
	border: none;
}