
a:link, a:visited, .pseudo-link {
	color: #4b928e;
}

.pseudo-link {
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}

a:hover, .pseudo-link:hover {
	color: #ba0902 !important;
	border-color: #ba0902 !important;
}

ul.navigation a:link,
ul.navigation a:visited {
    color: #fff;
}

ul#language-switcher {
	border-color: #7a3c40;
}

ul#language-switcher li b.inactive {
    color: #FFF;
}

body#carteblanche {
    background: #FFD3A8 url('bg_gradient.gif') repeat-x 0 0;
}

/** ------------------------------------------------------------------------ */

#canvas {
    min-height: 750px;
    //height: expression((document.documentElement.clientHeight || document.body.clientHeight) < 750 ? "750px" : "100%");
}

#canvas, #system-nav-wrapper {
	max-width: 1300px;	
	position: absolute;
	width: 100%;
	//width: expression(
		(document.getElementById('measurer'))
		?	(document.getElementById('measurer').clientWidth < 950)
			?	'950px'
			:	(document.getElementById('measurer').clientWidth < 1300)
				?	'100%'
				:	'1300px'
		: 'auto'
	);
}

/** ------------------------------------------------------------------------ */

#logo {
    margin: 24px 0px 20px 40px;
    position: absolute;
}

/** ------------------------------------------------------------------------ */

#stars {
    background: transparent url('stars.gif') repeat-x 50% 0;
    position: absolute;
    height: 230px;
    width: 100%;
}

#mountains {
    background: transparent url('mountains.gif') repeat-x 50% 0;
    position: absolute;
    height: 11px;
    width: 100%;
    top: 365px;
}

/** ------------------------------------------------------------------------ */

#ufo {
	position: absolute;
	right: 28%;
	top: 40px;

	width: 5em;

	text-align: center;
	cursor: pointer;
}

#ufo a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.25em;
	/* text-decoration: none; */
	padding-top: 0.5em;
	position: absolute;
	display: block;
	right: 0px;
	width: 6em;
	top: 80px;
    color: #260B36;
}

#ufo a:hover {
	color: #260B36 !important;
}

#ufo a ins {
	position: absolute;
	right: -5em;
	top: -72px;
	background: transparent url('ufo_off.png') no-repeat 0 0;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/f/1/carteblanche/ufo_off.png', sizingMethod='crop');
	cursor: pointer;
	width: 188px;
	height: 72px;
}

#ufo a:hover ins {
	background: transparent url('ufo_on.png') no-repeat 0 0;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/f/1/carteblanche/ufo_on.png', sizingMethod='crop');
}

#ufo a span {
	visibility: hidden;
}

#ufo a:hover span {
	visibility: visible;
}

/** ------------------------------------------------------------------------ */

#section_header_content {
    position: relative;
}

#header_info_1, #header_info_2 {
    font: 1em/1.3em Tahoma, Arial, Sans-Serif;
    position: absolute;
}

#header_info_1 {
    color: #000;
    width: 45%;
    left: 13%;
    top: 90px;
}

#header_info_2 {
    color: #fff;
    width: 210px;
    right: 4%;
    top: 110px;
}

#header_info_1 a:link, #header_info_1 a:visited {
    color: #000;
}

#header_info_2 a:link, #header_info_2 a:visited {
    color: #fff;
}

/** ------------------------------------------------------------------------ */

#road_container {
	z-index: 100;
    text-align: center;
    position: absolute;
    overflow: hidden;
    height: 470px;
    width: 100%;
    top: 203px;
	left: 0px;
}

#road_wrapper {
    text-align: center;
    position: absolute;
	max-width: 1300px;
	min-width: 950px;
    height: 470px;
    width: 100%;
	left: 0;
	top: 0;
	//width: expression(
		(document.getElementById('measurer'))
		?	(document.getElementById('measurer').clientWidth < 950)
			?	'950px'
			:	(document.getElementById('measurer').clientWidth < 1300)
				?	'100%'
				:	'1300px'
		: 'auto'
	);
}

#road {
    position: relative;
    margin: 0 auto;
    height: 470px;
    width: 60%;
}

#road_left, #road_right {
    position: absolute;
    bottom: 0px;
}

#road_left {
    background: transparent url('road_left.png') no-repeat 0 0;
    height: 269px;
    width: 1200px;
    left: 0px;
}

#road_right {
    background: transparent url('road_right.png') no-repeat 0 0;
    height: 362px;
    width: 1000px;
    left: 85%;
}

/** ------------------------------------------------------------------------ */

#road_tax {
    background: transparent url('road_tax.png') no-repeat 100% 0;
    position: absolute;
    height: 53px;
    width: 500px;
    right: 105%;
    bottom: 140px;
}

/** ------------------------------------------------------------------------ */

#road_sign {
    background: transparent url('/f/1/carteblanche/road_sign.gif') no-repeat 0 0;
    position: absolute;
    height: 260px;
    width: 130px;
    right: -32%;
    bottom: 210px;
}

/** ------------------------------------------------------------------------ */

#on_road {
    position: absolute;
    height: 390px;
    bottom: 0px;
    width: 85%;
    left: 0px;
}

/** ------------------------------------------------------------------------ */

#moto_container, #car_container {
    position: absolute;
    height: 390px;
}

#moto_container {
    width: 35%;
    left: 0%;
}

#car_container {
    width: 65%;
    left: 35%;
}

#moto, #car {
	border: 1px solid transparent;
	//border: none;
    margin: 0 auto;
    height: 390px;
    padding: 0;
}

#moto {
    width: 135px;
}

#car {
    width: 348px;
}

#moto dt, #moto dd, #car dt, #car dd {
    width: 100%;
    padding: 0;
    margin: 0;
}

#moto dt {
    margin-top: 15px;
    margin-bottom: 43px;
	margin-bottom: 3.2em;
}

#car dt {
    margin-top: 60px;
    margin-bottom: 40px;
	margin-bottom: 3.1em;
}

#moto dd, #car dd {
	position: relative;
	text-align: left;
}

#moto dd {
	left: 13%;
}

#car dd {
	left: 38%;
}

#moto dd a, #car dd a {
	position: absolute;
	white-space: nowrap;
	/* text-decoration: none; */
    font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1.25em;
    color: #260B36;
}

#moto dd a:hover, #car dd a:hover {
    color: #260B36 !important;
}

/** ------------------------------------------------------------------------ */

#drive {
    position: absolute;
	width: 100%;
    top: 260px;
	left: 28%;
}

#drive p {
    font-family: Tahoma, Sans-Serif;
	position: absolute;
    font-size: 3.4em;
    color: #372144;
    padding: 0;
    margin: 0;
	left: 0;
	top: 0;
}

/** ------------------------------------------------------------------------ */

#header-image {
    text-align: center;
    position: absolute;
	max-width: 1170px;
	min-width: 855px;
    color: #fff;
    width: 90%;
    left: 0;
    top: 200px;
	//width: expression(
		(document.getElementById('measurer'))
		?	(document.getElementById('measurer').clientWidth < 950)
			?	'855px'
			:	(document.getElementById('measurer').clientWidth < 1300)
				?	'90%'
				:	'1170px'
		: 'auto'
	);
}

#header-image img {
    margin: 0 auto;
    padding: 0;
    left: 0;
}

/** ------------------------------------------------------------------------ */

#section_canvas_container {
    position: absolute;
    overflow: hidden;
    height: 250px;
    width: 100%;
    top: 150px;
    left: 0;
}

#section_canvas {
    position: absolute;
    left: 0;
    top: 0;
}

/** ------------------------------------------------------------------------ */

#section_links {
	z-index: 110;
    background: transparent;
    position: absolute;
    width: 100%;
    top: 150px;
	/* top: 12em; */
    left: 0;
}

#section_links a {
    color: #fff;
}

#advantages, #howtoget, #souvenirs, #calculator {
    position: absolute;
}

#advantages {
    left: 18%;
    top: 0px;
}

#howtoget {
    left: 32%;
    top: 30px;
}

#souvenirs {
    left: 8%;
    top: 193px;
}

#calculator {
    left: 50%;
    top: 0px;
    width: 30%;
}
/** ------------------------------------------------------------------------ */

#system-nav-wrapper {
	position: relative;
	z-index: 500;
}

#system-nav {
    position: absolute;
    right: 0px;
    top: 70px;
}

#system-nav ul {
    padding-right: 5px;
}

#system-icons {
    top: -5px;
}

#language-switcher { position: absolute; }

/** ------------------------------------------------------------------------ */

#footer {
    width: 100%;
    position: absolute;
    bottom: 30px;
}

#footer td {
    vertical-align: top;
}

#copyright {
    position: static;
    display: block;
    padding: 0 0 0 40px;
    margin: 0;
    left: 0px;
}

#footer .contacts {
    padding: 0;
    margin: 0;
}

#footer .contacts td {
}

#contact_info {
    position: static;
    display: block;
    padding: 0;
    margin: 0;
}
