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

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

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

#banner {
position: relative;
width: 813px;
height: 86px;
}

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

#productsbar {
position: relative;
width: 798px;
height: 84px;
margin: 0 0 0 18px;
background: url(images/webimages/logos_new.gif) no-repeat;
}

#cervelo {
	margin: 0;
	padding: 0;
	float: left;
	width: 162px;
	height: 84px;
	cursor: pointer;
}

#vivente {
	margin: 0;
	padding: 0;
	float: left;
	width: 172px;
	height: 84px;
	cursor: pointer;
}

#bob {
	margin: 0;
	padding: 0;
	float: left;
	width: 128px;
	height: 84px;
	cursor: pointer;
}

#gofa {
	margin: 0;
	padding: 0;
	float: left;
	width: 148px;
	height: 84px;
	cursor: pointer;
}

#kuota {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#kuota a {
	display: block;
	width: 175px;
	height: 84px;
}

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

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

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

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

#pictures {
position: relative;
width: 813px;
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: 208px;
height: 282px;
}

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

#welcome {
width: 813px;
height: 35px;
background: url('images/webimages/bg-welcome.jpg') no-repeat;
}

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

#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: #fff;
text-decoration: underline;
}

#menu {
}

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

#nav b {
display: none;
}

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

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

#gempBG {
	left: 0;
	position: absolute;
	background: url(images/webimages/bg-menu.jpg) 0 0;
	}
#gemdBG {
left: 88px;
position: absolute;
background: url('images/webimages/bg-menu.jpg') -88px 0px;
}

#gemaBG {
left: 167px;
position: absolute;
background: url('images/webimages/bg-menu.jpg') -167px 0px;
}

#gemlBG {
left: 257px;
position: absolute;
background: url('images/webimages/bg-menu.jpg') -257px 0px;
}

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

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

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

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

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

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

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

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

a#gemd:hover {
background: url('images/webimages/bg-menu.jpg') -88px -41px;
}

a#gema:hover {
background: url('images/webimages/bg-menu.jpg') -167px -41px;
}

a#geml:hover {
background: url('images/webimages/bg-menu.jpg') -257px -41px;
}