/* CSS for Best Blasting Mats */

html {}

body {
 background-color: #000000;
 background-image: url('../images/background.gif');
 color: #008000;
 font-size: 0.8em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#containerBest
{
 position: relative;
 background-image: url('../images/background_Best2008-01-03.jpg');
 background-repeat: no-repeat;
 width: 800px;
 height: 1163px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: auto;
 padding: 0 0 0 0;
 border: 0px;
}

#containerReliable
{
 position: relative;
 background-image: url('../images/background_Reliable2008-01-03.jpg');
 background-repeat: no-repeat;
 width: 800px;
 height: 1163px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: auto;
 padding: 0 0 0 0;
 border: 0px;
}

#contactInfo li
{
 position: relative;
 display: inline;
 color: #333333;
 font-weight: bold;
 list-style-type: none;
}

/****************************************************************************************/
/*                              Navigation bar											*/

ul.menu
{
 position: absolute;
 width: 798px;
 top: 150px;
 left: 0ppx;
 background-color: #000000;
 color: #fd6000;
 /*margin-left: auto;
 margin-right: auto;*/
 margin: 0px;
 padding: 0px;
 list-style: none;
}

.menu li
{
 width: 50px;
 display: inline;
 list-style: none;
 margin: 0px;
 border: 0px;
 padding: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

.menu li a:link, .menu li a:visited 
{
 color: #ffdf00;
 background-color: #800000;
 width: 280px; 
 text-decoration: none;
}

.menu li a:hover, .menu li a:active
{
 color: #ffdf00;
 background-color: #000080;
 text-decoration: none;
}

.menu1
{
 background-color: #800000;
}

/*                                             											*/
/****************************************************************************************/

#stock
{
 position: absolute;
 width: 290px;
 left: 475px;
 top: 255px;
 text-align: right;
}

#summary
{
 position: absolute;
 width: 250px;
 height: 250px;
 left: 15px;
 top: 500px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#summaryReliable
{
 position: absolute;
 width: 270px;
 left: 10px;
 top: 375px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#forgedReliable
{
 position: absolute;
 width: 320px;
 left: 470px;
 top: 725px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#advantages
{
 position: absolute;
 width: 240px;
 height: 430px;
 left: 315px;
 top: 625px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#sizes
{
 position: absolute;
 width: 180px;
 height: 225px;
 left: 600px;
 top: 900px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#sizesReliable
{
 position: absolute;
 width: 320px;
 height: 225px;
 left: 10px;
 top: 900px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#footer
{
 position: relative;
 width: 800px;
 font-size: 0.9em;
 margin-left: auto;
 margin-right: auto;
}

#copyright
{
 position: relative;
 float: left;
 color: #000000;
 width: 395px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

#host
{
 position: relative;
 float: left;
 width: 395px;
 color: #333333;
 text-align: right;
 margin-left: auto;
 margin-right: auto;
}

ul
{
 margin-left: 2px;
 margin-right: 2px;
 margin-top: 1px;
 margin-bottom: 2px;
 padding: 2px 2px 2px 2px;
}

li
{
 margin-left: 2px;
 margin-right: 2px;
 margin-top: 1px;
 margin-bottom: 2px;
 padding: 2px 2px 2px 2px;
}

dt
{
 color: #800000;
 padding: 1px;
}

dd
{
 color: #008000;
 padding: 0px 2px 10px 2px;
}

h1
{
 color: #800000;
 font-family: Arial, sans-serif;
 font-size: 4.0em;
 font-weight: none;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 2px;
 padding: 2px 2px 2px 2px;
}

h2
{
 font-family: Helvetica, sans-serif;
 color: #000000;
 font-size: 2.0em;
 font-weight: none;
 text-align: center;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 2px;
 padding: 2px 2px 2px 2px;
}

h3
{
 font-family: arial, sans-serif;
 font-size: 1.0em;
 font-weight: none;
 color: #000000;
 text-align: center;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 2px;
 padding: 2px 2px 2px 2px;
}

a:link, a:visited
{
 color: #000080;
 text-decoration: none;
}

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