@charset "utf-8";

/* general */
body {
	font-family: Arial, sans-serif; 
	color: #FF870F; 
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-align: left;
	line-height: 1.2em;
	background-color: #8a1f00;
}

.clearer {
	clear: both;
}

a {
	font-family: Helvetica, Arial, sans-serif;  
	color: #FF870F; 
}

a:hover {
	color: #FFFFFF;
}

.bigLink {
	font-size: 1.2em;
	text-decoration:underline;
	line-height:1.4em;
}

/* layout */

#main {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	overflow: show;
	background-image: url(../images/bg.jpg);
}

#left {
	width: 636px;
	height: auto;
	float: left;
	overflow: show;
}

/* text */

h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #FFCC33; 
	margin:0;
	padding:5px 5px 5px 5px;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFCC33; 
	margin:0;
	padding:5px 5px 5px 5px;
}

p {
	padding:5px 5px 5px 5px;
	margin:0;
}

/* header */
#header {
	width: 636px;
	height: 109px;
}

#header_logo {
	width: 437px;
	height: 109px;
	float: left;
}

#header_top {
	width: 199px;
	height: 109px;
	float: left;
}

/* content */
#content {
	width: 636px;
	
	overflow: show;
}

#content_left {
	width: 91px;
	height: 200px;
	background-image: url(../images/left.jpg);
	background-repeat: repeat-y;
	overflow: show;
	float: left;
}

#content_left_top {
	width: 91px;
	height: 66px;
}

#content_left_bottom {
	width: 91px;
	height: 101px;
}

#content_left_bottom_email {
	width: 49px;
	height: 101px;
	float:left;
}

#content_left_bottom_email #email { 
	width: 49px;
	height: 101px;
	display:block;
	background-image: url(../images/email.jpg);
}

#content_left_bottom_email #email:hover {
	background-position:-49px 0;
}

#content_left_bottom_email span {
	visibility:hidden;
}

#content_left_bottom_email a {
	text-decoration:none;
}

#content_left_bottom_right {
	width: 42px;
	height: 101px;
	float:left;
}

#content_main_home {
	width: 545px;
	float: left;
	height: auto;
	overflow: show;
	background-image: url(../images/homebox_bg.jpg);
}

#content_main {
	width: 545px;
	float: left;
	height: auto;
	overflow: show;
}

#content_main_intro {
	width: 296px;
	float: left;
	height: auto;
	overflow: show;
}

#content_main_intro_top {
	width: 296px;
	height: 50px;
}

#content_main_intro_middle {
	width: 296px;
	height: auto;
	min-height:170px;
	overflow: show;
}

#content_main_intro_middle_left {
	width: 36px;
	height: auto;
	float: left;
	overflow: show;
	background-image: url(../images/homebox_left.jpg);
	background-repeat: repeat-y;
}

#content_main_intro_middle_mid {
	width: 217px;
	float: left;
	overflow: show;
}

#content_main_intro_middle_right {
	width: 43px;
	float: left;
}

#content_main_intro_middle_bottom {
	width: 296px;
	float: left;
}

#content_main_intro_bottom {
	width: 296px;
	height: 9px;
}

#content_main_tv {
	width: 249px;
	float: left;
}

/* boxes */

.headerBox {
	margin-bottom:10px;
}

.headerBoxMain {
	padding:0 45px 0 45px;
	background-image:url(../images/header_box_bg.jpg);
}

.headerBoxMainCentred {
	text-align:center;
	padding:0 45px 0 45px;
	background-image:url(../images/header_box_bg.jpg);
}

.bodyBox {
	margin-bottom:10px;
}

.bodyBoxMain {
	padding:0 25px 0 45px;
	background-image:url(../images/body_box_bg.jpg);
	overflow:hidden;
}

.bodyBox2Main {
	padding:0 25px 0 45px;
	background-image:url(../images/body_box2_bg.jpg);
	overflow:hidden;
}

.bodyBoxLeft {
	width:285px;
	float:left;
	padding-right:20px;
}

.bodyBoxRight {
	width:148px;
	height:118px;
	padding:12px 0 0 12px;
	margin:5px 0 5px 0;
	float:left;
	background-image:url(../images/animationBackground.jpg);
}

.bodyBox2Left {
	width:200px;
	float:left;
	padding-right:20px;
}

.bodyBox2Right {
	width:175px;
	height:118px;
	padding:0;
	margin:5px 0 5px 68px;
	float:left;
}

.bodyBoxRight_games {
	width:160px;
	padding:14px 0 0 0;
	margin:5px 0 2px 0;
	float:left;
	background-image:url(../images/gamesBackground.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

.gamesBackgroundBottom {
	margin-left:0px;
}

.illustrationStrip {
	height:80px;
	margin:10px 0 10px 5px;
}

.illustrationStrip a img {
	float:left;
	margin:5px 22px 15px 0;
	border: 1px solid #FFFFFF;
}

.illustrationStrip a:hover img {
	border: 5px solid #AD4000;
	margin:1px 18px 11px -4px;	
}

.animationStrip {
	margin:10px 0 20px 5px;
}

.animationStrip img {
	float:left;
	margin:5px 15px 10px 0
}

.slideshow {
	margin: 20px 0 0 30px;
}

.flash {
	text-align:center;
}

.columnLeft {
	width:200px;
	float:left;
}

.columnRight {
	width:200px;
	float:right;
	text-align:right;
	padding:0 10px 0 0;
}

/* menu */

#menu {
	float:left;
	width:124px;
}

#menu ul {
	margin:0;
	padding:0;
}

#menu li {
	list-style-type:none;
}

#menu a {
	display:block;
	height:40px;
	width:124px;
	text-decoration:none;
	overflow:hidden;
}

#menu #home {
	background-image: url(../images/menu_home.jpg);
	height:39px;
}
#menu #home:hover {
	background-position:0 -39px;
}

#menu #gap {
	background-image: url(../images/top_right.jpg);
	height:34px;
	overflow:hidden;
}

#menu #animation {
	background-image: url(../images/menu_animation.jpg);
	height:36px;
}
#menu #animation:hover {
	background-position:0 -36px;
}

#menu #web {
	background-image: url(../images/menu_web.jpg);
	
}
#menu #web:hover {
	background-position:0 -40px;
}

#menu #games {
	background-image: url(../images/menu_games.jpg);
	
}
#menu #games:hover {
	background-position:0 -42px;
}

#menu #illustration {
	background-image: url(../images/menu_illustration.jpg);
	height:39px;
}
#menu #illustration:hover {
	background-position:0 -39px;
}

#menu #about {
	background-image: url(../images/menu_about.jpg);
}
#menu #about:hover {
	background-position:0 -40px;
}

#menu #commission {
	background-image: url(../images/menu_commission.jpg);
	height:38px;
}
#menu #commission:hover {
	background-position:0 -38px;
}

#menu span {
	visibility:hidden;
}

/* footer */
#footer {
	width: 760px;
	height: 93px;
	overflow:hidden;
	clear:both;
}

#footer_left_home {
	width: 636px;
	height: 93px;
	float:left;
	background-image: url(../images/bottom_home.jpg);
}

#footer_left_site {
	width: 200px;
	height: 86px;
	float:left;
	padding:7px 0 0 436px;
	background-image: url(../images/bottom_site.jpg);
}

#footer_right {
	width: 124px;
	height: 93px;
	float:left;
}

#footer_left_site a {
	display:block;
	height:50px;
	width:92px;
	text-decoration:none;
	overflow:hidden;
}

#footer_left_site span {
	visibility:hidden;
}

#backtothetop {
	background-image: url(../images/backtothetop.jpg);
}

#backtothetop:hover {
	background-position:0 -50px;
}