/* 
Stylesheet to generate specific website layout
Created by Internet Vision Technologies
*/

body {
margin: 0px;
background-color: #332A8E;
}

a img {
	border: none;
	}

#container {
position: relative;
margin: 0 auto;
width: 800px;
}

#banner {
position: relative;
width: 800px;
height: 86px;
background: url('images/webimages/bg-banner.jpg') no-repeat;
}

#topbar {
width: 800px;
height: 8px;
background: url('images/webimages/bg-top-bar.gif') repeat-x;
}

#productsbar {
position: relative;
width: 800px;
height: 84px;
background: #fff;
}

#mtforce {
position: absolute;
top: 0;
left: 0;
width: 271px;
height: 84px;
}

#mtsport {
position: absolute;
top: 0;
left: 271px;
width: 265px;
height: 84px;
}

#mtsportsx {
position: absolute;
top: 0;
left: 536px;
width: 264px;
height: 84px;
}

#logo {
position: absolute;
top: 0;
left: 0;
width: 275px;
height: 86px;
}

#pictures {
position: relative;
width: 800px;
height: 282px;
}

#pic1 {
position: absolute;
top: 0;
left: 0;
width: 420px;
height: 282px;
background: url('images/webimages/bg-pic1.jpg') no-repeat;
}

#contactcontent {
position: absolute;
top: 0;
left: 420px;
width: 195px;
height: 282px;
}

#pic2 {
position: absolute;
top: 0;
left: 615px;
width: 185px;
height: 282px;
background: url('images/webimages/bg-pic2.jpg') no-repeat;
}

#content {
width: 800px;
background: #fff;
}

p, td {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #332A8E;
}

#footer {
font: 10px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
text-align: right;
}

a#footer, a#footer:hover {
font: 10px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
text-decoration: underline;
}

.text {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
}

a, a:hover {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #00AEEF;
text-decoration: underline;
}

a.cat_link, a.cat_link:hover {
font: 13px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #00AEEF;
text-decoration: underline;
}

#menu {
}

#nav {
position: absolute;
top: 45px;
right: 0;
width: 378px;
height: 41px;
}

#nav b {
display: none;
}

#gemcBG, #gemcOn {
position: absolute;
left: 0;
top: 0;
background: url('images/webimages/bg-menu2.jpg') 0px 0px;
}

#gemmBG, #gemmOn {
position: absolute;
left: 85px;
background: url('images/webimages/bg-menu2.jpg') -85px 0px;
}

#gempBG, #gempOn {
	left: 0;
	position: absolute;
	background: url(images/webimages/bg-menu2.jpg) 0 0;
	}

#gemdBG, #gemdOn {
left: 84px;
position: absolute;
background: url('images/webimages/bg-menu2.jpg') -84px 0px;
}

#gemaBG, #gemaOn {
left: 163px;
position: absolute;
background: url('images/webimages/bg-menu2.jpg') -163px 0px;
}

#gemlBG, #gemlOn {
left: 253px;
position: absolute;
background: url('images/webimages/bg-menu2.jpg') -253px 0px;
}

a#gemc {
display: block;
width: 85px;
height: 41px;
}

a#gemm {
display: block;
width: 99px;
height: 41px;
}

a#gemp {
	display: block;
	width: 84px;
	height: 41px;
	}

a#gemd {
display: block;
width: 79px;
height: 41px;
}

a#gema {
display: block;
width: 90px;
height: 41px;
}

a#geml {
display: block;
width: 125px;
height: 41px;
}

a#gemc:hover, #gemcOn {
background: url('images/webimages/bg-menu2.jpg') 0px -41px;
}

a#gemm:hover, #gemmOn {
background: url('images/webimages/bg-menu2.jpg') -85px -41px;
}

a#gemp:hover, #gempOn {
	background: url(images/webimages/bg-menu2.jpg)  0 -41px;
	}

a#gemd:hover, #gemdOn {
background: url('images/webimages/bg-menu2.jpg') -84px -41px;
}

a#gema:hover, #gemaOn {
background: url('images/webimages/bg-menu2.jpg') -163px -41px;
}

a#geml:hover, #gemlOn {
background: url('images/webimages/bg-menu2.jpg') -253px -41px;
}