/*-------------------------------------------------------------------------------------

	Project: threesix.com
	Project URI: threesix.com
	Description: Company Website & Portfolio
	Version: 001
	
	Design, XHTM, CSS: threesix.com - Pavel Blazek
	Web Address: http://www.threesix.com
	Date: Friday, February 22, 2008
	
	CSS file info: This is the CSS for main frame of the website
	

-------------------------------------------------------------------------------------*/



/*------< GENERAL >------*/

body, html, div, h1, h2, h3, h4, h5, p, ul, li, ol, img, form {margin: 0;}
p {padding: 2px 0 4px 0;}
ul {padding: 2px 0 4px 0;}
li, ol {padding: 0; list-style-type: none;}
img, form {padding: 0; border: none;}
td {vertical-align: top;}
.alignright {text-align: right;}
.floatleft {float: left;}
.floatright {float: right;}
.visible {display: block;}
.hidden {display: none;}
.clear {clear: both; height: 1px;}

.color-white {color: #fff;}

/*------< LINKS >------*/

a {text-decoration: none; color: #fff; outline: none;}
a:hover {text-decoration: underline;}

/*------< FORMS >------*/

input {margin: 0; padding: 0;}
.text-box, .text-area {margin: 0; padding: 4px 5px 2px 5px; border: none; font: 11px 'Trebuchet MS', arial, verdana, sans-serif; letter-spacing: 0.02em; line-height: 11px;}
.text-box {width: 180px; height: 11px; background: #fff;}
.text-area {width: 600px; height: 100px; background: #fff;}
.select {margin: 0; padding: 0; height: 17px; font-size: 11px;}
.button {float: right; margin: 0; padding: 0;}

/*------< HEADLINES >------*/

h1 {margin-bottom: 10px; font: 15px 'Trebuchet MS', Lucida Grande; font-weight: bold; color: #fff;}

/*------< 	MAIN-FRAME  >------*/

html, body, #container {width: 100%; height: 100%;}

html {font: 11px 'Verdana', arial, verdana, sans-serif; line-height: 18px; color: #bbbcbb;}
.bck1 {background: #000 url(../multimedia/sys-images/bck5.jpg) no-repeat bottom left;}

#page {padding-top: 215px;}

#scroller-box {padding: 30px 0 40px 0; width: 100%; background: url(../multimedia/sys-images/scroller-box-bck.png) bottom right;}
.scroller {width: 700px; height: 220px; overflow: hidden;}
.scroller .section {float: left; padding: 0 50px 0 50px; width: 600px; height: 220px; overflow: hidden;}
.scroller .content {width: 2800px;}

#footer {position: absolute; bottom: 0; left: 0; z-index: 100; width: 100%; height: 64px;}

/*------< CONTENT >------*/

#logo {position: absolute; top: 50px; left: 50px; z-index: 100; width: 92px; height: 115px; background: url(../multimedia/sys-images/logo.png) no-repeat;}

.column {float: left; padding-right: 20px; width: 280px;}

#map {width: 280px; height: 220px; background: url(../multimedia/web-images/chrudim-map.png) no-repeat;}

/*------< FOOTER >------*/

/*-< MAIN MENU >-*/

#main-menu {float: left; padding-left: 50px;}
#main-menu a {float: left; display: block; margin: 12px 15px 0 0; font: 11px 'Verdana'; color: #fff; font-weight: bold;}

/*-< LOGO FOOTER >-*/

#logo-footer {position: absolute; bottom: 0; right: 50px; z-index: 200; width: 137px; height: 64px; background: url(../multimedia/sys-images/logo-footer.png) no-repeat;}


/*---< Pavel Blazek - threesix.com --- Friday, February 22, 2008 >---*/