/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, canvas { margin: 0; padding: 0; }

html, body {
	height: 100%;
}

body {
	color: #262626;
	background: #fff;
	font: normal 14px/18px Verdana, sans-serif;
	text-align: center;
}

/* Structures */
#top-padder {
	width: 1px;
	height: 50%;
	/* margin-bottom: half of container height: 490px (19+460+11) */
	margin-bottom: -245px;
	float: left;
}

/* Container to wrap everything header + content + footer*/
#container {
	/* use margins to horizontally center */
	margin: 0 auto;
	width: 710px;
	height: 490px;
	clear: left;
	position: relative;
	text-align: left;
}

#header {
	/*height: 18px;*/
	height: 19px;
}

#main {
	background: url(../images/backim.jpg) no-repeat center center;
	height: 418px;
	height: 460px;
}

#footer {
	/* dock it to the bottom*/
	height: 11px;
	background: url(../images/rudykfooter.jpg) no-repeat top center;
}




/* Header */
#title {
	width: 278px;
	height: 18px;
	background: url(../images/title.jpg) no-repeat top left;
	
	/* manually push right*/
	margin-left: 15px;
}

#header a, ul li span {
	
	color: #999;
	text-decoration: none;
}
#header a:hover, ul li:hover span {
	color: red;
}


ul#main-menu {
	/* Dock it to the top-right of relative parent*/
	position: absolute;
	top: 0;
	right: 0;
	
	list-style: none;
}
li.menu-item {
	display: block;
	float: left;
	position: relative;
	border-right: 2px solid #eee;
	margin-right: 5px;
	padding-right: 5px;
}
li.last {
	margin-right: 0;
	padding-right: 0;
	border: 0;
}

li a, li span {
	padding: 0 5px;
	display: block;
	/* lets give each menu item a fixed height of 19px*/
	height: 19px;
}

ul.submenu {
	list-style: none;
	display: none;
}
li.menu-item:hover ul.submenu {
	display: block;
	position: absolute;
	/* Push down the same amount as height of 1 menuitem*/
	top: 19px;
	
	/* Fixed width of submenu */
	width: 120px;
}
ul.submenu li a {
	text-align: left;
	padding: 0 5px;
	display: block;
	
	/* BONUS for webkit users */
	background: rgba(255,255,255,0.6);
}

/* We target contact-submenu directly to change it's width */
ul#contact-submenu {
	width: 150px;
}