/* CSS Document */
*{
	font-family : Verdana, Arial, Verdana, sans-serif;
	color: #666666;
	font-size: 11px;
}

body {
    background-color:#CCCCCC;
}

.h1 {
	font-size:13px;
	font-weight:bold;
}

.h2 {
	font-size:12px;
	font-weight:bold;
}

div#main {
	position: relative;
	width: 800px;
	left: 10px;
	height: 100%;
	margin: auto;
	text-align: left;
	
}

div#logo {
	position:absolute;
	height: 40px;
	width: 236px;
	left: 10px;
	top: 10px;
	
}

div#slogan {
	position:absolute;
	height: 24px;
	width: 430px;
	left: 53px;
	top: 135px;
	color: #de2729;
	font-size:16px;
	
}
 div#slogan2 {
	position:absolute;
	height: 25px;
	width: 430px;
	left: 193px;
	top: 156px;
	color: #de2729;
	font-size:16px;
	
}

div#bkg {
	position:absolute;
	height: 151px;
	width: 594px;
	left: 206px;
	z-index:0;
	background-image: url("images/bkg.jpg");
	background-repeat: repeat;
}

div#left {
	position:absolute;
	height: 650px;
	width: 168px;
	left: 0px;
	top: 110px;
	padding-top: 80px;
	background-image:  url("images/grey.gif");
	background-repeat: repeat;
	
}

div#text {
	position:absolute;
	height: 327px;
	width: 418px;
	left: 193px;
	top: 186px;
}
	
div#right {
	position:absolute;
	height: 730px;
	width: 168px;
	left: 633px;
	top: 110px;
	padding-top: 0;
	background-image:  url("images/grey.gif");
	background-repeat: repeat;
	
}

div#footer {
	position:absolute;
	height: 15px;
	width: 146px;
	left: 10px;
	top:822px;
	font-size:9px;
	color:#FFFFFF;

}

/* main navigation*/

div#nav {
	position:absolute;
	height: 33px;
	width: 800px;
	left: 0px;
	top: 72px;
	margin: 0;
	float: left;
	z-index: 4;
	
}

ul#mainnav {
    width: 100%;
	height: 33px;
	left: 0px;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #de2729;
}

#mainnav li {
	float: left;
	list-style: none;	
}

#mainnav li a {
	text-decoration: none;
	color: #de2729;
	height: 33px;
	float: left;
	text-indent: -100em;
	overflow: hidden;
}
	
#mainnav li a#home {
	width: 60px;
    background: transparent url(images/home.gif) no-repeat 0 0;
}

#mainnav li a#home:hover {
	background: transparent url(images/home.gif) no-repeat 0 -66px;
}

#mainnav li a#homeOn {
	width: 60px;
	background: transparent url(images/home.gif) no-repeat 0 -33px;
}

#mainnav li a#homeOn:hover {
	background: transparent url(images/home.gif) no-repeat 0 -66px;
}

#mainnav li a#products {
	width: 95px;
    background: transparent url(images/products.gif) no-repeat 0 0;
}

#mainnav li a#products:hover {
	background: transparent url(images/products.gif) no-repeat 0 -66px;
}

#mainnav li a#productsOn {
	width: 95px;
	background: transparent url(images/products.gif) no-repeat 0 -33px;
}

#mainnav li a#productsOn:hover {
	background: transparent url(images/products.gif) no-repeat 0 -66px;
}

#mainnav li a#deliver {
	width: 101px;
    background: transparent url(images/deliver.gif) no-repeat 0 0;
}

#mainnav li a#deliver:hover {
	background: transparent url(images/deliver.gif) no-repeat 0 -66px;
}

#mainnav li a#deliverOn {
	width: 101px;
	background: transparent url(images/deliver.gif) no-repeat 0 -33px;
}

#mainnav li a#deliverOn:hover {
	background: transparent url(images/deliver.gif) no-repeat 0 -66px;
}

#mainnav li a#rep {
	width: 125px;
    background: transparent url(images/rep.gif) no-repeat 0 0;
}

#mainnav li a#rep:hover {
	background: transparent url(images/rep.gif) no-repeat 0 -66px;
}

#mainnav li a#repOn {
	width: 125px;
	background: transparent url(images/rep.gif) no-repeat 0 -33px;
}

#mainnav li a#repOn:hover {
	background: transparent url(images/rep.gif) no-repeat 0 -66px;
}

#mainnav li a#findus {
	width: 78px;
    background: transparent url(images/find.gif) no-repeat 0 0;
}

#mainnav li a#findus:hover {
	background: transparent url(images/find.gif) no-repeat 0 -66px;
}

#mainnav li a#findusOn {
	width: 78px;
	background: transparent url(images/find.gif) no-repeat 0 -33px;
}

#mainnav li a#findusOn:hover {
	background: transparent url(images/find.gif) no-repeat 0 -66px;
}

#mainnav li a#order {
	width: 102px;
    background: transparent url(images/order.gif) no-repeat 0 0;
}

#mainnav li a#order:hover {
	background: transparent url(images/order.gif) no-repeat 0 -66px;
}

#mainnav li a#orderOn {
	width: 102px;
	background: transparent url(images/order.gif) no-repeat 0 -33px;
}

#mainnav li a#orderOn:hover {
	background: transparent url(images/order.gif) no-repeat 0 -66px;
}

#mainnav li a#contact {
	width: 110px;
    background: transparent url(images/contact.gif) no-repeat 0 0;
}

#mainnav li a#contact:hover {
	background: transparent url(images/contact.gif) no-repeat 0 -66px;
}

#mainnav li a#contactOn {
	width: 110px;
	background: transparent url(images/contact.gif) no-repeat 0 -33px;
}

#mainnav li a#contactOn:hover {
	background: transparent url(images/contact.gif) no-repeat 0 -66px;
}