/*
Theme Name: intelliGuest
Theme URI: http://intelliguest.hu/
Version: 1.0
Author: Daniel Boros
Author URI: http://danielboros.com/

*/

/* Begin Typography & Colors */
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Tahoma', Tahoma, Arial, Sans-Serif;
	background: #000 url('images/bg.jpg') top center no-repeat;
	color: #ddd;
	text-align: left;
	line-height: 20px;
	}

.right {float: right;}
.left {float: left;}

.o50 {opacity: 0.4;}

#page {
	}

.navigation {border-bottom: 1px dotted #555; padding: 10px; margin: 20px; margin-top: 0px; margin-bottom: 10px; height: 18px;} 
.navigation .alignright {float: right;}

#header {
	margin-top: 38px;
	}

#ippark {width: 85px; height: 50px; background: url(images/ippark.png) top left no-repeat;}
#ippark:hover {background: url(images/ippark_h.png) top left no-repeat;}
#ippark span {display: none;}

#flags_language_selector {float: right; margin-top: 25px; margin-right: 20px; opacity: 0.5;}
#flags_language_selector:hover {opacity: 1;}
#flags_language_selector img {border: none; margin: 2px;}

#intelliguest {width: 320px; height: 50px; background: url(images/iglogo.png) top left no-repeat;}
#intelliguest:hover {background: url(images/iglogo_h.png) top left no-repeat;}
#intelliguest span {display: none;}

.en #intelliguest {width: 320px; height: 50px; background: url(images/iglogo_en.png) top left no-repeat;}
.en #intelliguest:hover {background: url(images/iglogo_en_h.png) top left no-repeat;}

#mainmenu {height: 75px; padding: 0px; margin: 0px; margin-top: 10px; list-style-type: none;}
#mainmenu li {float: left; height: 75px; background: url(images/menu.png) top left no-repeat;}
#mainmenu li:hover {background-image: url(images/menu_h.png) !important;}
#mainmenu li.current_page_item {background-image: url(images/menu_hv.png);}
#mainmenu li a {display: block; height: 80px;}
#mainmenu li span {display: none;}

.en #mainmenu li {float: left; height: 75px; background: url(images/menu_en.png) top left no-repeat;}
.en #mainmenu li:hover {background-image: url(images/menu_en_h.png) !important;}
.en #mainmenu li.current_page_item {background-image: url(images/menu_en_hv.png);}

#mainmenu .page-item-5 {width: 140px;}
#mainmenu .page-item-7 {width: 180px; background-position: -140px 0px;}
#mainmenu .page-item-9 {width: 240px; background-position: -320px 0px;}
#mainmenu .page-item-11 {width: 180px; background-position: -560px 0px;}
#mainmenu .page-item-13 {width: 160px; background-position: -740px 0px;}

.en #mainmenu .page-item-115 {width: 130px;}
.en #mainmenu .page-item-119 {width: 180px; background-position: -130px 0px;}
.en #mainmenu .page-item-121 {width: 240px; background-position: -320px 0px;}
.en #mainmenu .page-item-113 {width: 180px; background-position: -560px 0px;}
.en #mainmenu .page-item-117 {width: 160px; background-position: -740px 0px;}

a {color: #fff;}
.b {font-weight: bold;}


#starttext {float: right; width: 420px; text-align: center;}

/* End Typography & Colors */

.page-id-5, .page-id-115 {background: #000 url('images/bg_hoteltv.jpg') top center no-repeat;}
.page-id-13, .page-id-117 {background: #000 url('images/bg_innov.jpg') top center no-repeat;}


/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

.content {
	width: 844px;
	padding: 18px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	}

.content p {margin: 20px; margin-top: 0px;}

.content h2 {
	margin: 20px; 
	margin-bottom: 10px;
	font-family:Georgia;
	font-style:italic;
	font-weight:normal;
	line-height:30px;
	font-size: 24px;
	text-shadow: 0px 2px 5px #111;
	}

.content h2.bigspace {clear: both; text-align: center; padding-top: 50px; margin-bottom: 50px;}

.content h3 {
	text-shadow: 0px 2px 5px #111;
	font-size: 20px;
	font-weight: normal;
	}

.content h4 {
	text-shadow: 0px 2px 5px #111;
	font-size: 12px;
	font-weight: bold;
	}

.single .date {padding: 20px; padding-bottom: 0px; color: #888; font-style:italic;}
.single a.fancybox {margin: 20px;}

div.fancydiv {margin-right: -10px;}
a.fancybox img {border: none; margin-right:10px; margin-bottom: 10px;}

.icons {border-collapse: collapse;}
.icons td {width: 180px; line-height: 22px; padding: 0px; padding-bottom: 5px}
.icons td img {float: left; margin-right: 15px;}

#header, #footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	
#footer {
		width: 844px;
		padding: 18px;
		}

#footer a {text-decoration: none;}
#footer a:hover {border-bottom: 1px solid #333;}

#footer .row4 {border-top: 1px solid #111; padding-top: 5px;}

#footer ul {list-stle-type: none; padding-left: 15px;}
#footer dd {display: none; margin-left: 10px; color: #555;}
#footer h4 {color: #555; text-transform: uppercase; font-weight: normal;}
#footer #ho {color: #79b942;}
#footer #gu {color: #3992c3;}
#footer #vi {color: #7dbdec;}
#footer #bu {color: #439342;}

.hr {clear: both; height: 10px;}
.clear {clear: both;}
div.clear {height: 140px;}


#footer p {
	margin: 20px;
	clear: both; 
	}

/* End Structure */

.row2 {width: 380px; margin: 20px; float: left;}
.row2 p {margin-left: 0px; margin-right: 0px;}
.row2 h2 {margin: 0px; margin-bottom: 5px;}

.row4 {width: 170px; margin: 20px; float: left;}

.row1to3left {width: 220px; float: left; margin: 10px;}
.row1to3left h3 {margin-left: 0px; margin-bottom: 1em;}

.row1to3right {width: 700px; float: left; margin: 10px;}
.row1to3right h3 {margin-left: 0px; margin-bottom: 1em;}

.img4 {margin-top: 20px; margin-bottom: 20px;}

#startanim {width: 1000px; height: 300px; position: relative; left: -80px;}
#starttext {margin-right: 80px; margin-top: 20px;}
#startwords {display: none; opacity: 0; width: 500px; position: absolute; top: 120px; left: 600px; font-size: 20px; font-family: Georgia; font-style: italic;}

#startbutton {width: 134px; height: 32px; padding-top: 10px; font-size: 14px; margin: 10px; margin-left: auto; margin-right: auto; background: url(images/startbutton.png) center center no-repeat;}
#startbutton:hover {background: url(images/startbutton_h.png) center center no-repeat; cursor: pointer;}

#startanim img {display: none;}
#startanim p {margin: 0px;}

#startanim #startimg {display: block; z-index: 200; position: absolute; top: -55px; left: 15px;}

#startanim #astart {z-index: 200; position: absolute; top: 40px; left: 10px;}
#startanim #aroom {z-index: 10; position: absolute; top: 70px; left: 150px;}
#startanim #amwgreen {z-index: 20; position: absolute; top: 5px; left: 300px;}
#startanim #amwblue {z-index: 100; position: absolute; top: 60px; left: 400px;}
#startanim #amwpurple {z-index: 10; position: absolute; top: 10px; left: 540px;}
#startanim #amwyellow {z-index: 10; position: absolute; top: 145px; left: 560px;}
#startanim #aectblack {z-index: 100; position: absolute; top: 50px; left: 635px;}
#startanim #aectgreen {z-index: 200; position: absolute; top: 100px; left: 710px;}
#startanim #acard {z-index: 10; position: absolute; top: 120px; left: 680px;}
#startanim #adoor {z-index: 10; position: absolute; top: 10px; left: 750px;}
#startanim #aleave {z-index: 100; position: absolute; top: 40px; left: 810px;}

#startanim #aclose {z-index: 100; position: absolute; top: -25px; left: 925px;}
#startanim #aclose:hover {cursor: pointer;}