/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

html{
	background: url(../images/bottomms.jpg) no-repeat bottom right;
	height: 700px;
}

body {
	background: url(../images/repeat.jpg) repeat-x 10px 102px;
	height: 600px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {	
	color: #999;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;	
}

ul{
	list-style-type: none;
}

/*--- IDs ---*/

#container{
width: 750px;
}

#threems{
	background: #fff url(../images/3mstop.jpg) no-repeat 0px 0px;	
	width: 331px;
	height: 156px;
}

#logo{
	background: url(../images/logo.jpg) no-repeat;	
	width: 331px;
	height: 164px;
	float: left;
	position: relative;
}

#image1{
	background: url(../images/image1.jpg) no-repeat;
	width: 104px;
	height: 183px;
	float: left;
	position: relative;
	top: -156px;
	left: -1px;
	}
	
#image2{
	background: url(../images/image-top.jpg) no-repeat;
	width: 260px;
	height: 79px;
	left: -55px;
	position: relative;
	top: -155px;
	float: right;	
	}
	
#image3{
	background: url(../images/image.jpg) no-repeat;
	width: 317px;
	height: 270px;
	float: right;
	position: relative;
	top: -260px;
	left: 1px;
	}
	



/*--------------leftnav-----------------*/
#leftnav{
	background: url(../images/nav.jpg) no-repeat;
	position: relative;
	float: left;
	width: 370px;
	height: 171px;
	top: -19px;
}

#leftnav a{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#leftnav li{
	margin: 11px 0px 0px 0px;
}

#mainnav1{
	position: relative;
	left: 280px;
}
		
#mainnav1 a:hover {
	background: url(../images/mrollbrown.jpg) no-repeat;
	padding: 7px 0px 8px 40px;	
	color: #000;
	font-weight: bold;
	position: relative;
	left: -40px;
}
		
#mainnav2{
	position: relative;
	left: 250px;
}

#mainnav2 a:hover {
	background: url(../images/mrollgreen.jpg) no-repeat;
	padding: 7px 0px 8px 40px;	
	color: #000;
	font-weight: bold;
	position: relative;
	left: -40px;
}
		
#mainnav3{
	position: relative;
	left: 210px;
}

#mainnav3 a:hover {
	background: url(../images/mrollred.jpg) no-repeat;
	padding: 7px 0px 8px 40px;	
	color: #000;
	font-weight: bold;
	position: relative;
	left: -40px;
}
			
#mainnav4{
	position: relative;
	left: 160px;
}

#mainnav4 a:hover {
	background: url(../images/mrollblue.jpg) no-repeat;
	padding: 7px 0px 8px 40px;	
	color: #000;
	font-weight: bold;
	position: relative;
	left: -40px;
}

/*--------------maincontent-----------------*/
#maincontent{
	background: url(../images/maincontentright.jpg) no-repeat 226px 0px;
	top: 349px;
	left: 370px;
	position: absolute;
	width: 100px;
	height: 200px;
	width: 500px;
}

#maininfo{
	width: 300px;
	margin: 5px 0 0 0;
}

#intro{
	font-size: 16px;
	font-weight: bold;
	color: #666;	
}