@import "tecton.css";

html, body {
	height: 100%; width: 100%; 
	margin: 0; padding: 0;
	overflow: auto;
	font-family: arial, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 26px;
}

h3 { font-family: 'verdana', sans-serif; font-size: 30px; color: #de1917; margin: 0; padding: 0; line-height: 28px; margin-bottom: 10px; }
p  { line-height: 26px; }
a img { border: none; padding: 0; }

#page-wrapper { width: 70%; margin: 70px auto 0 auto; position: relative; }

#main-content { float: left; width: 700px; }

.whitebox { background: url(/images/trans_white_80.png); width: 400px; padding: 20px 20px 20px 16px; overflow: visible; position: relative; float: left; }

.whitebox .wb-content { width: 100%; height: 420px; overflow: auto; padding-right: 20px; }

#navigation { background: #000; height: 29px; position: absolute; left: 20px; right: 20px; top: 20px; z-index: 99; }

#navigation ul { float: left; list-style: none; padding: 0; position: absolute; color: #fff; margin: 0; }

#navigation a { text-transform: uppercase; display: block; overflow: hidden; font-size: 12px; font-family: arial; text-decoration: none; color: #eee; position: relative; width: 170px; w\idth: 170px; height: auto; padding: 8px 0 8px 10px; line-height: 12px; overflow: visible; }

#navigation li { float: left; padding: 0; width: 6em; height: 31px; }

#navigation li ul { position: absolute; left: -999em; height: auto; width: 14.4em; w\idth: 13.9em; margin: 0; }
#navigation li li { position: relative; padding-right: 10px; width: 180px; background: #0d0d14 url(../img/subnavigation.png) repeat-x; height: auto; /* height: 30px; */}
#navigation li ul a { position: relative; width: 170px; w\idth: 170px; height: auto; padding: 8px 0 8px 10px; line-height: 12px; overflow: visible; }
#navigation li ul ul { margin: 0 0 0 190px; top: 0; }

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em; }
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; }
#navigation li li:hover, #navigation li li.sfhover, #navigation li:hover, #navigation li.sfhover { background: #de1917; }

#navigation span.credits { display: block; float: right; }
#navigation span.credits a { display: inline; margin-right: 10px; padding: 0; text-transform: none; }

#company-logo { position: absolute; bottom: 10px; right: 20px; }

#picture-gallery ul li { float: left; list-style: none; margin-left: 10px; cursor: pointer; }
#picture-gallery ul { margin: 0; padding: 0; }
#picture-gallery { width: 100px; overflow: visible; position: relative; float: left; margin-left: 10px; width: 220px; }