html, body, form, h1, li { margin: 0; padding: 0; }
body
{
	font: 12px/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #666; background: #dadada url("img/backy.gif") center top repeat-y;
}

img { display: block; }

a, a:link, a:visited { color: #c63; text-decoration: none; }
a:hover { text-decoration: underline; }

h2, h3, h4, p, ul, table { margin: 0 60px 25px; padding: 0; }
h3 { text-transform: uppercase; font-size: 14px; line-height: 1.5em; }

#container { background: transparent url("img/top.gif") center top repeat-x; }

#header
{
	height: 500px;
	margin: -1px 0 -44px;
	background: url("img/top.jpg") center -1px no-repeat;
	border-top: 1px #fff solid;
}

h1
{
	width: 600px; height: 370px;
	margin: -1px auto 0;
	background: transparent url("img/title.jpg") center top no-repeat;
}
h1 span { display: none; }

#nav
{
	position: relative;
	width: 600px;
	margin: 15px auto 0;
}
#nav li { float: left; list-style: none; }
#nav a
{
	display: block;
	width: 200px; height: 29px;
	background: url("img/roll.jpg") 0 0 no-repeat;
}
#nav #home a:hover { background-position: 0 -29px; }
#nav #products a { background-position: -200px 0; }
#nav #products a:hover { background-position: -200px -29px; }
#nav #contact a { background-position: -400px 0; }
#nav #contact a:hover { background-position: -400px -29px; }
#nav span { display: none; }
#nav div
{
	position: absolute;
	display: none;
	top: -360px; left: 203px;
	width: 194px; height: 200px;
	background: url("img/roll2.jpg") 0 0 no-repeat;
}
#nav a:hover div { display: block; }
#nav #home div { background-position: 0 -200px; }
#nav #contact div { background-position: 0 -400px; }

#copy
{
	width: 620px; height: 100%;
	margin: 0 auto; padding: 0 0 25px 0;
}

.col1, .col2 { float: left; width: 50%; margin-bottom: 25px; }
.col1 p, .col1 table, .col1 h3 { margin-right: 25px; }
.col2 p, .col2 table, .col2 h3 { margin-left: 25px; }
table { width: 225px; }
td { vertical-align: bottom; border-bottom: 1px #ccc dashed; }

input, select, textarea
{
	width: 500px;
	margin: 5px 0; padding: 2px 0;
	border: 1px #ccc solid; border-width: 1px 0;
	color: inherit; background: #f8f8f8;
	font: inherit;
}
textarea { height: 100px; }
.submit { color: #fff; background: #333; border: none; }

.small { font-size: 10px; }
.center { text-align: center; }
.right { text-align: right; }
.clear, hr { clear: both; }
hr
{
	margin: 50px 60px 50px;
	border: 1px #ccc solid; border-width: 0 0 1px 0;
	color: #fff;
}