body {
	margin: 0 auto 0 auto; 
	padding: 0;
	border: 0;
	font: small "Roboto", sans-serif;
	height: 100%;
	background-color: #ccc;
}

#container {
	margin-left: auto;
	margin-right:auto;
	margin-bottom:0;
	margin-top:0;
	padding: 0;
	width: 1125px; 
	text-align: left;
	min-height: 100%;
}

#header {
	text-align: left;
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	height: 100%;
	width: 1125px;
}

#menunav {
	width:1001px;
	padding: 0 62px 0 62px;
}

#menunav ul {
	display:inline-table;
	position: relative;
	margin: 0;
	padding: 7px 0 5px 0;
    list-style-type: none;
	font: 1.3em "Arvo", serif;
	font-weight:400;
	text-align: center;
	color: #666;
	background: #2b3990; 
	background: linear-gradient(top, #2b3990 0%, #0061af 100%);  
	background: -moz-linear-gradient(top, #2b3990 0%, #0061af 100%); 
	background: -webkit-linear-gradient(top, #2b3990 0%,#0061af 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	width:100%;
}

#menunav ul li {
	float: left;
}

#menunav ul li ul {
    display: none;
}
 
#menunav ul.doors {
	width:161px;
}

#menunav ul.sills {
	width:195px;
}

#menunav ul.contact {
	width:102px;
}

#menunav ul li:hover ul {
    display: block;
	float: left;
	position: absolute;
	font: .9em "Arvo", serif;
	font-weight:400;
	margin: 0 0 0 20px;
	text-align: left;
	color: #000;
	top: 100%;
}

#menunav ul li ul li {
	display: block;
	position: relative;
	float: none;
	padding: 4px 0;
}

#menunav a {
	text-decoration:none;
	color: #fff;
	padding: 10px 15px 10px 23px;
}

#menunav a:hover {
	text-decoration:none;
	color: #bbb;
}

#menunav ul ul li a {
	text-decoration:none;
	color: #fff;
	padding: 8px 10px;
}

#mainimage {
	float: left;
	clear: none;
	width: 1052px;
	padding: 10px 0 0 73px;
	margin: 0;
	background-image: url(images/center.png);
	background-repeat: repeat-y;
	text-align: left;
}

#content {
	float: left;
	clear: none;
	width: 940px;
	padding: 0 96px 15px 93px;
	margin: 0;
	background-image: url(images/center.png);
	background-repeat: repeat-y;
	text-align: left;
}

#footer {
	width: 1125px;
	height: 64px;
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	text-align: center;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
}

#footer p {
	font: smaller "Arvo", serif;
	font-weight: 400;
	color: #666;
	text-align: center;
}

img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	color:#ccc;
	background-color:#ccc;
	background:#ccc;
	padding: 4px 0;
	size:2px;
	border:0;
}

img.header { 
	display: block;
	padding: 20px 0 0 115px;
}

img.about {
	vertical-align: top;
	margin: 0 5px 0 0;
	float: left;
}

img.right {
	vertical-align: top;
	margin: 0 0 0 5px;
	float: right;
}

img.gallery {
	display: block;
	margin: 5px;
	float: left;
	clear: both;
}

img.padright {
	padding: 0 20px 0 0;
}

p {
	margin: 0 0 1em;
	font: 1.1em "Roboto", sans-serif;
	font-weight: 400;
	text-align: left;
	color: #666;
}

p.video {
	padding: 0 15px 0 0;
}

#content a {
	color:#0061af;
}

#content a:hover {
	color:#aaa;
}

ul {
	margin: 0 0 1em;
	font: 1.1em "Roboto", sans-serif;
	font-weight: 400;
	text-align: left;
	color: #666;
}

h1 {
	font: 1.5em "Arvo", serif;
	font-weight:700;
	padding: 11px 0 2px 0;
	color:#0061af;
}

h2 {
	font: 1.35em "Arvo", serif;
	font-weight:700;
	padding: 5px 0 7px 0;
	margin: 0;
	color: #666;
}

h3 {
	font: 1.25em "Arvo", serif;
	font-weight:700;
	padding: 5px 0 5px 10px;
	margin: 0;
	color: #fff;
}

h4 {
	font: 1.2em "Arvo", serif;
	font-weight:700;
	padding: 0 0 5px 0;
	margin: 0;
	color:#cc0000;
}

table { 
	text-align: left;
}

table.front td {
/*	vertical-align:text-top;*/
}

table.front td.texty {
	vertical-align:text-top;
}

tr.gliding {
	background-color:#0061af;
}

tr.sillpan {
	background-color:#0061af;
}