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

	Project: NORSKÁ MÓDA
	Project URI: www.norska-moda.cz
	Description: EXCLUSIVE SHOP WITH NORWEGIAN FASHION
	Version: 001
	
	Design, XHTM, CSS: threesix.com - Pavel Blazek
	Web Address: http://www.threesix.cz
	Date: Saturday, November 7, 2009
	
	CSS file info: This is the CSS for main template of the website
	
	
-------------------------------------------------------------------------------------*/


/*------< GLOBAL RESET & SETTINGS >------------------*/

*, html, body, div, h1, h2, h3, h4, h5, p, ol, ul, li, img, form, input, label, fieldset, select, table, tr, td, iframe {margin: 0; padding: 0;}

ol, ul, li {list-style: none;}
*, img, form, fieldset {border: none;}
table {width: 100%;}
th, td {vertical-align: top; text-align: left;}

.alignright {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.visible {display: block;}
.hidden {display: none;}
#clear {clear: both; height: 1px; background: #00001d; overflow: hidden;}

.colums {width: 100%;}

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

a {text-decoration: none; outline: none; color: #ec1c24;}
#content-wrap a:hover {color: #000;}

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

.text-box, .text-area {margin: 0; padding: 4px 5px 2px 5px; border: none; font-size: 100%; font-family: "Arial", Tahome; letter-spacing: 0.02em; line-height: 11px;}
.text-box {height: 11px; background: #000;}
.text-area {height: 100px; background: #000;}
.select {height: 17px; font-size: 11px;}
.button {margin: 0; padding: 0;}

/*------< FORMATING >------------------*/

body, select, input {font-size: 100%/1.2; font-family: "Arial", Tahome; color: #333; color: #000;}

h1, h2, h3, h4, h5 {font-family: "Arial", Tahome; color: #000;}

h1 {margin-bottom: 5px; font-size: 14px; font-weight: bold;}

h2 {}

h3 {}

h4 {}

h5 {}

p, ul, form {margin: 0 0 0.8em 0; line-height: 1.3em;}

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

html, body {x overflow: hidden;}
html {background: #251313;}
#container-wrap {margin: 20px auto; width: 100%;}
#container-wrapp {position: absolute; top: 50%; margin-top: -330px; width: 100%;}
#container {}
#content-wrap {font-size: .75em;}
#header {width: 100%; height: 138px;}
#content-wrap {width: 100%;}
#content-container {display: block; margin: 0 20px 10px 20px; height: 400px;}
#page-full {padding: 10px;}
#page {float: left; padding: 10px; width: 580px;}
#sidebar {float: right; padding: 10px; width: 280px;}
#footer {width: 100%;}

/*------< 	BACKGROUND  >------------------*/

#background {position: fixed; top: 0; left: 0; z-index: -1; width: 100%;}
#background #blinds {margin: 0 auto; background: url(images/loading.gif) no-repeat 50% 30%; height: 1200px; width: 100%;}
#background #blinds .floom_slice {z-index: 10;}
#background #blinds .floom_caption {position: relative; text-align: center; width: 100%; top: 25px;}
#background #blinds .floom_progressbar {font-size: 1px; background: #ddd; height: 1px; position: absolute; z-index: 1; width: 0; top: 0;}
#background #blinds .floom_container {overflow: hidden;}
#background #blinds .floom_vertical {float: left;}

/*------< 	HEADER  >------------------*/

#logo-norska-moda a {display: block; margin: 0 0 0 20px; width: 250px; height: 138px; background: url(images/logo-scandinavia.png) no-repeat top;}
#logo-norska-moda a:hover {background-position: bottom;}

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

#content-container.white {background: #fff;}
#content-full {overflow-x: hidden; overflow-y: hidden;}
#content-900 {width: 900px;}
#languages {margin: -10px 0 0 0; line-height: 0;}
#languages li {float: left; padding-right: 10px;}
#spacer {float: right; width: 10px; height: 400px; background: #fff;}

#dale-logo {margin: 10px 10px 10px 0;}
#products {height: 400px; display: block; overflow: hidden;}
#products li {float: left; height: 400px;}
#products li {background: #fff;}
.section {display: block; margin: 10px; padding-left: 34px; width: 746px; height: 380px; overflow: hidden; border-left: 1px solid #ddd;}
.dale-of-norway {background: url(images/dale-of-norway.png) no-repeat 5px bottom;}
.outlet {background: url(images/outlet.png) no-repeat 5px bottom;}
.icelandic {background: url(images/icelandic.png) no-repeat 5px bottom;}
.bergans-of-norway {background: url(images/bergans-of-norway.png) no-repeat 5px bottom;}
.funkcni-pradlo-devold {background: url(images/funkcni-pradlo-devold.png) no-repeat 5px bottom;}
.cestovni-zavazadla-samsonite {background: url(images/cestovni-zavazadla-samsonite.png) no-repeat 5px bottom;}
.funkcni-pradlo-devold-en {background: url(images/funkcni-pradlo-devold-en.png) no-repeat 5px bottom;}
.funkcni-pradlo-devold-ru {background: url(images/funkcni-pradlo-devold-ru.png) no-repeat 5px bottom;}
#products .logo {padding: 10px 0 10px 0;}
.product img {float: right; margin-left: 20px;}
.section .text {height: 289px;}
.section .thumbs a {display: block; float: left; margin-right: 10px; width: 78px; height: 78px; border: 1px solid #ccc; text-decoration: none;}
.section .thumbs a:hover {border: 1px solid #000;}

/*------< 	PAGE  >------------------*/

#store-hours {width: 280px;}
#store-hours li {float: left;}
#store-hours li.day {width: 80px;}
#store-hours li.hours {width: 200px;}
	
/*------< SALES >------*/

#spring-2010-sale {float: left; clear: left; margin-top: 130px; width: 221px; height: 75px;}
	
/*------< SLOGANS >------*/

#exclusive-shop {float: left; clear: left;}
	#exclusive-shop.cz {margin-top: 245px;}
	#exclusive-shop.en {margin-top: 249px;}
	#exclusive-shop.ru {margin-top: 272px;}

/*------< 	FOOTER  >------------------*/
	
/*------< MAIN MENU >------*/

#main-menu {margin: 0 20px 0 20px;}
#main-menu li {font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 13px;}
#main-menu li a {display: block; padding: 2px 10px 2px 10px; height: 15px; color: #fff;}
#main-menu li.active a, #main-menu li a:hover {background: url(images/main-menu-bck.png) no-repeat; color: #000;}


/*---< Pavel Blazek - threesix.com --- Saturday, November 7, 2009 >---*/