/*  
	Travelmania - www.playtravelmania.com by Paul Mistor
	Developed in collaboration with Alex Schenker of Contract Web Development
   www.contractwebdevelopment.com
*/

/* page layout */
body { margin : 0 auto;	padding : 0; width : 968px }
div {	display : block; margin : 0; padding : 0; position : relative }
div#container-center { position : absolute; top : 50%; width : 920px }
div#main-center { height : 535px; position : absolute; top : -290px; width : 920px }
div#content-center { float : left; height : 535px; overflow : hidden; width : 920px }
div#footer-center { clear : both; height : 48px; width : 760px }

/* scrolling section layout */
div#hold	{ position: absolute; overflow: hidden; width: 445px; height: 300px; z-index: 2; top: 60px; left: 245px }
div#holdGame	{ position: absolute; overflow: hidden; width: 290px; height: 300px; z-index: 2; top: 60px; left: 245px }
div#holdCustomer	{ position: absolute; overflow: hidden; width: 315px; height: 300px; z-index: 2; top: 60px; left: 235px }
div#container { position: absolute; top: 0; left: 0; width: 445px; height: 300px; clip: rect(0px, 445px, 300px, 0px); overflow: hidden; z-index: 1 }
div#containerGame { position: absolute; top: 0; left: 0; width: 290px; height: 300px; clip: rect(0px, 290px, 300px, 0px); overflow: hidden; z-index: 1 }
div#containerCustomer { position: absolute; top: 0; left: 0; width: 310px; height: 300px; clip: rect(0px, 325px, 300px, 0px); overflow: hidden; z-index: 1;	}
div#layer1 { position: absolute; left: 0; top: 0; z-index: 1 }
div#layerCenter { position: absolute; left: 0; top: 0; z-index: 1; text-align: center }

/* scrolling controls */
#upScroll { position: absolute; left: 695px; top: 326px; z-index: 1; text-align: right; border: 0 }
#downScroll {position: absolute; left: 695px; top: 344px; z-index: 1; text-align: right; border: 0 }
#upScrollCustomer { position: absolute; left: 550px; top: 326px; z-index: 1; text-align: right; border: 0 }
#downScrollCustomer {position: absolute; left: 550px; top: 344px; z-index: 1; text-align: right; border: 0 }

/* general link styling */
a:link.credits, a:visited.credits, .atitle.credits { font-weight: bold; text-decoration: none; color: #566CBF }
a:hover.credits { font-weight: bold; text-decoration: none; color: #F6BF7E } 
a:link.legal, a:visited.legal, { font-style: normal; font-weight: normal; text-decoration: none; color: #666666 } /* for index-fs */
a:hover.legal { font-weight: normal; text-decoration: underline; color: #666666 }

/* flash module alignment */
div#fs-index { position: relative; border: 1px; left: 50%; top: 50%; width: 760px; height: 535px; margin-left: -380px; margin-top: -267px }
div#fs-logo { position: absolute; top: 0; left: 0; bottom: 0 }
div#fs-bg-main { position: absolute; top: 1px; left: 235px }
div#fs-bg-left { position: absolute; top: 158px; left: 1px }
div#fs-bg-header { position: absolute; top: 158px; left: 50px }
div#fs-bg-bar { position: absolute; top: 158px; left: 205px }
div#fs-bg-menu { position: absolute; top: 194px; left: 50px }
div#fs-bg-block { position: absolute; top: 257px; left: 50px }
div#fs-bg-block-co { position: absolute; top: 319px; left: 50px }
div#fs-nav-bottom { position: absolute; left: 0px; top: 358px }

/* adsense */
.adsense { position: absolute; left: 800px; top: -320px }

/* --- ( flash module internal navigation ) --- */

/* company info */
a#nav-bg, a#nav-bg-here { display: block; background: url(/images/company/background.jpg) no-repeat; 
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-bg:hover, a#nav-bg-here { background-position: -156px }
a#nav-press, a#nav-press-here { 	display: block; background: url(/images/company/press.jpg) no-repeat;	
	width: 156px; height: 21px; border: 0;	clear: none }
a#nav-press:hover, a#nav-press-here { background-position: -156px }
a#nav-social, a#nav-social-here { display: block; background: url(/images/company/social.jpg) no-repeat; 
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-social:hover, a#nav-social-here { background-position: -156px }
a#nav-quotes, a#nav-quotes-here { display: block; background: url(/images/company/quotes.gif) no-repeat; 
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-quotes:hover, a#nav-quotes-here { background-position: -156px }
a#nav-photo, a#nav-photo-here { display: block; background: url(/images/company/photo-gallery.gif) no-repeat; 
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-photo:hover, a#nav-photo-here { background-position: -156px }
a#nav-saying, a#nav-saying-here { display: block; background: url(/images/company/saying.gif) no-repeat; 
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-saying:hover, a#nav-saying-here { background-position: -156px }

/* game info */
a#nav-description, a#nav-description-here { display: block; background: url(/images/game/description.jpg) no-repeat; 
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-description:hover, a#nav-description-here { background-position: -156px }
a#nav-images, a#nav-images-here { display: block; background: url(/images/game/images.jpg) no-repeat;	
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-images:hover, a#nav-images-here { background-position: -156px }
a#nav-commercial, a#nav-commercial-here { display: block; background: url(/images/game/commercial.gif) no-repeat;	
	width: 156px; height: 21px; border: 0; clear: none }
a#nav-commercial:hover, a#nav-commercial-here { background-position: -156px }

/* --- ( end flash module internal navigation ) --- */

/* footer alignment */
div#footer-center { position: absolute; left: 0px; top: 540px; font-family: arial, helvetica, sans-serif }
div#footer-center div.left { font-size: 9px; font-style: normal; font-weight: normal; color: #666666; text-align: left; text-decoration: none; float: left; padding-left: 5em; margin: 0 }
div#footer-center div.right { font-size: 9px; font-style: normal; font-weight: normal; color: #666666; text-align: right; text-decoration: none; padding-right: 6em; 
								  margin: 0 }
div#footer-center a:link.underline, a:visited.underline { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #666666 }

/* footer link styling */
div#footer-center a:hover.underline { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; color: #666666 }
div#footer-center a:link.color, a:visited.color { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; color: #566CBF }
div#footer-center a:hover.color { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; color: #F6BF7E }