/* @group Tags */

body {
margin: 0;
padding: 10px 0;		
background-color: #333;
font: small "Lucida Grande", Lucida, Verdana, sans-serif;
}

img {
border: none;
}

p {
margin-top: 0;
margin-bottom: 10px;
line-height: 180%;
color: #333;
}

h2 {
margin-top: 0;
margin-bottom: 10px;
font-weight: normal;
}

h3 {
padding-top: 20px;	
}

#main ul {
margin: 0;
padding: 0;
padding-left: 20px;
}

#main li {
line-height: 180%;
margin-bottom: 10px;
}

label {
display: block;
width: 160px;
padding-right: 10px;
float: left;
text-align: right;	
}

a {
color: #000;	
text-decoration: none;
}

a:hover {
color: #ff7600;
text-decoration: underline;
}

/* @end */

/* @group Layout */

#master {
position: relative;	
width: 800px;
background-color: white;
margin: 0 auto;
}

#content {
background-color: white;	
margin: 0 30px 0 20px;
padding: 20px 0;
background: url(images/linka.png) repeat-y 228px;
}

#sidebar {
width: 208px;
padding-right: 20px;
float: left;
}

#main {
width: 502px;
padding-left: 20px;
float: right;
}

/* @end */

/* @group Header */

#header {
position: relative;
}

#header a {
display: block;
border: 0;
width: 160px;
height: 166px;
position: absolute;
top: 25px;
left: 45px;
text-decoration: none;
}

h1 {
margin: 0;
padding: 0;
text-indent: -9999px;
width: 248px;
height: 290px;
float: left;
background: url(images/logo-ski-centrum.png) no-repeat;
}

#photo {
float: right;
width: 552px;
}

/* @end */

/* @group Navigation */

#nav {
position: relative;	
background: black url(images/nav-back.png) repeat-x;
height: 38px;
}

#nav ul {
margin: 0;
padding: 10px;
list-style-type: none;
}

#nav li {
display: inline;
}

#nav li a {
color: white;	
text-decoration: none;
text-transform: uppercase;
padding: 10px;
font-size: 11px;
}

#nav li a:hover,
#about .about,
#school .school,
#hire .hire,
#service .service,
#shop .shop,
#accommodation .accommodation,
#contact .contact {
color: orange;
}

#lang {
position: absolute;	
right: 8px;
top: 6px;
height: 22px;
}

/* @end */

/* @group Classes */

.cleaner {
clear: both;
}

.highlight {
padding: 10px 10px 0 10px;
background-color: #eee;
margin-bottom: 10px;
border: 1px solid #ff7600;
font-weight: bold;
border-left-width: 10px;
}

.textbox {
width: 300px;	
}

.short {
width: 150px;	
}

.submit {
width: 470px;	
text-align: right;
padding-top: 20px;
}

.nomargin {
margin: 0;
}

/* @end */

/* @group Sidebar */

ul#sidemenu {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#sidemenu li {
text-align: center;
margin-bottom: 10px;
}

ul#sidemenu li a {
font-size: 11px;	
text-transform: uppercase;
color: #333;
text-decoration: none;
}

ul#sidemenu li a.active {
color: orange;
}

ul#sidemenu li a:hover {
color: orange;	
text-decoration: underline;
}

ul#logos {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#logos li {
text-align: center;	
padding: 15px 0;
font-size: 11px;
color: #333;
}

ul#logos p {
padding-top: 10px;
}

.caption {
line-height: 140%;	
}

/* @end */

table {
border-collapse: collapse;
width: 99%;
margin-bottom: 10px;
background: #eee;
}

th {
background: #999;
padding: 5px;
border: 2px solid #fff;
text-align: center;
}

td {
padding: 5px;
border: 2px solid #fff;
}

tr.cen td, td.cen {
text-align: center;
}

tr.right td, td.right {
text-align: right;
}

tr.even, td.dark {
background-color: #ccc;
}