﻿
body {
	background: url(../img/body-bkg.png) repeat scroll;
	margin: 0;
	padding: 0;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 84%;
}
#wrapper {
	margin: 0 auto 0 auto;
	height: 800px;

}
.container {
	margin: 0px auto 0px auto;
	width: 997px;

}
#header {
	background: url(../img/hdr-bkg.png) repeat-x scroll;
	height: 2px;
	z-index : 100;
	top: 0px;
	left: 0px;
	width: 100%;
}
#navigation {
	height: 27px;
		background-image:url('../images/bgmenu.png');
	background-repeat:no-repeat;
	background-position:center top;


}
#navigation ul {
	margin-left: 127px;
}

#navigation ul li {
	display:inline; float:left; list-style:none; width: 150px; height: 27px; margin-left: -15px;
	}
#navigation a {
	display: block;
	width: 150px;
	height: 27px;
}
.homeon {
	background-image:url('../images/homeon.png');
}	
.about {
	background-image:url('../images/about.png');
}
.abouton {
	background-image:url('../images/abouton.png');
}
.services {
	background-image:url('../images/services.png');
}
.serviceson {
	background-image:url('../images/serviceson.png');
}

.tests {
	background-image:url('../images/tests.png');
}	
.testson {
	background-image:url('../images/testson.png');
}
.contact {
	background-image:url('../images/contact.png');
}
.contacton {
	background-image:url('../images/contacton.png');
}


#metalclips {
	margin-left: 33px;
	margin-top: 160px;
	float: left;
	width: 43px;
	background-image: url('../images/metalclip.png');
	background-repeat: repeat-y;
	height: 407px;
}

#content-title {
	background: url(../images/bgheader.png) no-repeat scroll;
	height: 21px;
	width: 997px;
		border-right: 1px solid #FFFFFF;
}
#contentarea {
	height: 730px;
	width: 997px;
	background-image: url('../images/bgcontainer.png');
	background-repeat: repeat-y;
	height: 700px;
	border-right: 1px solid #FFFFFF;
}
#paper {
	background-image: url('../images/bgpaper.png');
	width: 850px;
	background-repeat: repeat-y;
	margin-left: 126px;
	height: 653px;
	margin-top: -710px;
	

}
#leftpage {
	width: 354px;
	padding: 16px 32px 16px 16px;
	float: left;
	text-align:justify;
	
}
#leftpage ul {
margin-left:-20px;
list-style:none;
}

#leftpage li {
	background-position: left top;
	background-image: url('../images/bgbullet.png');
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 20px;
	margin-left:0px;
	line-height: 1.5em;
}

#rightpage {
	width: 356px;
	padding: 26px 24px 10px 16px;
	margin-left: 460px;
		text-align:justify;
}
#rightpage ul {
margin-left:-20px;
list-style:none;
}

#rightpage li {
	background-position: left top;
	background-image: url('../images/bgbullet.png');
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 20px;
	margin-left:0px;
	line-height: 1.5em;
}

#contactcard {
	width: 240px;
	height: 158px;
	margin: 10px auto;
}
#paperend {
	background-image: url('../images/bgpaperend.png');
	width: 850px;
	background-repeat: no-repeat;
	margin-left: 126px;
	height: 46px;
	float: left;
	margin-top: -3px;
}
#footer {
clear: both;
	background-position: center top;
	width: 997px;
	height: 21px;
	background-image: url('../images/bgfooter.png');
	background-repeat: no-repeat;
border-right: 1px solid #FFFFFF;
}
h1 {
	font-size: 100%;
	text-decoration: underline;
	border-bottom:1px solid #A20625;
	padding-bottom: 5px;
}
h2 {
	font-size: 100%;
	text-decoration: underline;
}

p {
	line-height: 1.8em;
	padding: 0px 0 5px 0;

}

td {
	height: 40px;
}
.red {
	color:#A20625;
}

#paper a {
	color: #A20625;
	text-decoration:none;
}

#paper a:hover {
	color: #A20625;
	text-decoration:underline;
}
#credits {
	width: 997px;
	text-align: right;
	margin: 0 auto 10px auto;
	font-size: 0.8em;

}
#credits a {
	color: #fff;
	text-decoration:none;
}

#credits a:hover {
	color: #fff;
	text-decoration:underline;
}

#sueimg {
	
width:200px; 
margin: 5px 0 0 70px;
border: none;
}
