/**
 * NATIVE TAGS
 */
body, html {
	height: 100%;
	background: url( 'img/body-bg.jpg' ) repeat-x top left #232524;
	font-size: 12px; font-family: "Lucida Grande", arial; color: white; line-height: 18px;
}

p { margin-bottom: 18px; }

h1, h2, h3, h4, #menu a { font-family: 'Volkorn', Georgia; }
h1 { font-size: 17px; margin-bottom: 7px;  }
h3 { font-size: 22px; margin-bottom: 25px;  }
h2 { font-size: 14px; padding-left: 15px; font-weight: 200; text-transform: uppercase; }
h4 { font-size: 27px; }
ul { list-style-type: disc; margin: 0 0 10px 25px; padding-left: 5px; }

 
/**
 * CLASSES
 */
.left 	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; } 
 
/* 
 * IDS 
 */
 
/** page related stuff */
#home {
	background: url( 'img/intro-bg.jpg' ) bottom right no-repeat #131210;
	font-size: 13px;
}
#home #main { font-size: 13px; }
#home #wrapper { width: 880px; }
#home #main i { font-family: 'Volkorn', Georgia; }
#home #menu li ul.sub { background: #131210; }
#home #lang { right: 50px; }


/** globals */
#wrapper { 
	margin: 0 auto; width: 1000px; height: auto; min-height: 250px; position: relative;
}
#header { 
	padding-top: 0px; margin-top: -10px; width: 300px; float: left;
}
#main { 
	width: 420px; margin-top: 30px; float: left; min-height: 207px;
	font-size: 12px;  line-height: 22px;
}
#right { 
	width: 550px; margin-top: 25px; float: right;
	font-size: 12px;  line-height: 22px;
}
#right .mod:first-child { min-height: 207px; }
#main > h1.title { display: none; }
#footer { 
	border-top: 2px dotted #999;
	clear: both; width: 100%; float: left; 
 	padding: 40px 0; margin-top: 40px;
}


/** languages */
#lang { position: absolute; top: 10px; right: 0px; }
#lang li { list-style-type: disc; display: block; float: left; margin-left: 8px; padding-left: 7px; }
#lang li a { color: #ccc; text-decoration: none; }
#lang li.active a { color: white; }
#lang li a:hover {Ęcolor: white; text-decoration: underline;}


/** menu */
#menu { margin-top: 110px; float: right; padding-top: 25px; }
#menu ul { margin: 0; }
#menu li { display: inline; margin-right: 25px; position: relative; }
#menu li:last-child { margin-right: 0; }

#menu li:hover ul.sub { display: block; }
#menu li ul.sub { position: absolute; background: #232524; display: none; left: 0; top: 13px; border-radius: 0 0 4px 4px; padding: 0px 8px 4px; margin-left: -9px; -moz-border-radius: 0 0 4px 4px; width: 215px; }
#menu li ul.sub li { display: block; font-size: 12px; border-bottom: 1px dotted gray; padding: 4px 0; margin: 3px 0; }
#menu li ul.sub li:last-child { border-bottom: 0px; }
#menu li ul.sub li a { font-size: 12px; text-align: justify; }
#menu a { color: #ccc; font-size: 14px; text-decoration: none; font-weight: bold; }
#menu a:hover, #menu li.active a { color: white; }



/** mods */
#footer .mod h1.title { font-size: 16px; }