/*========================== LAYOUT =============================*/

body{margin:0; padding:0; height:100%;}

body{font:76%/150% "Arial", Verdana, Helvetica, sans-serif; background:#A3D9E8; color:#666;}

#container {position:relative; min-width:800px; min-height:100%; z-index:100;}
#body{padding-bottom: 160px !important; /* Height of the footer */}
#primary {position:relative; width:800px; margin:0 auto; text-align:left; background:#fff url(images/top.gif) no-repeat top left; height:100%;}

#top-spacer { height:20px; width:100%; }

.clearfix:after { display:block; content:"."; height:0; visibility:hidden; clear:both; }
* html .clearfix { height:1%; }

#page {display: block; position:relative; width:800px; margin:0 auto; text-align:left; background:#FFFFFF; height:100%; clear:both;}

#logo {float:left; width:440px; height:40px; margin: 0 auto; background:#fff; margin-top:10px; margin-bottom:10px;margin-left:10px;}
#flags {float:right; padding-right:160px; padding-top:25px}
#flag {margin-right:10px; border:0px;}
/*========================== NAVIGATION =============================*/

#navigation {clear:both;background:#158FCE; height:32px !important; height: 22px; float:left; margin:0 auto; width:760px; vertical-align:middle; padding-left: 20px;}

#content {clear:both; float:left; width: 680px; padding:10px; margin:10px 0 0 0; background:#f2f2f2 url(images/header.gif) no-repeat top left;}
#content-bottom {clear:both; float:left; width:700px; height:15px; padding:0; margin:0 0 10px 0; background:url(images/bottom.gif) no-repeat bottom left;}

ul#navigation {clear:both; height:32px !important; height: 22px; float:left; margin:0 auto; font-weight: bold; font-size:20px;}
ul#navigation li {display: inline;}
ul#navigation li a {padding: .30em 1em; color: #fff; text-decoration: none; float: left; height:32px !important; height: 22px;}
a:link, a:visited {color: #3366FF;}
ul#navigation li a:hover {color: #000; background-color: #fff;}

/*========================== BODY =============================*/

#mainbody {float:left; margin:0 0 0 45px !important; margin: 0 0 0 26px /*ie*/; width:500px; background:#FFFFFF}

.contentheading {font-size: 1.6em; font-weight: bold; color: #343434;}

* html #bottom{margin-top: -5px;}
#bottom{position:relative; width:800px; margin:0 auto; text-align:left; background:#fff url(images/topbottom.gif) no-repeat top left; height:20px;}

* html .formtransfer-top{margin-bottom: -5px;}
* html .formtransfer-bottom{margin-top: -5px;}

.formtransfer-top {float:left;width:600px; height:10px; background:url(images/formtransfer-top.gif) no-repeat top left; margin-left: 35px !important; margin-left: 18px;}
.formtransfer {float:left; width:594px;background:#e8e8e8;border-left:3px solid #fff; border-right:3px solid #fff; margin-left: 35px !important; margin-left: 18px;}
.formtransfer-bottom {float:left; width:600px; height:10px; background:url(images/formtransfer-bottom.gif) no-repeat bottom left; margin-left: 35px !important; margin-left: 18px;}

* html .subformtransfer1{margin-left: 10px;}
* html .subformtransfer2{margin-right: 10px;}

.subformtransfer1{float:left;margin-left: 18px;}
.subformtransfer2{float:right;margin-right: 18px;}

* html .subformtransfer-top{margin-bottom: -5px;}
* html .subformtransfer-bottom{margin-top: -5px;}

.subformtransfer-top {width:260px; height:10px; background:url(images/subformtransfer-top.gif) no-repeat top left;}
.subformtransfer {width:254px;background:#9BD8E8;border-left:3px solid #fff; border-right:3px solid #fff;}
.subformtransfer-bottom {width:260px; height:10px; background:url(images/subformtransfer-bottom.gif) no-repeat bottom left;}

table.tabletransfer {width: 100%}
table.tabletransfer td {padding: 5px;}
table.tabletransfer th {font-size: 1.4em; font-weight:bold; text-indent:35px; background: url(images/overlays.png) no-repeat 10px 2px;}

table.tableprice {width: 100%}
table.tableprice td {padding: 5px;}
table.tableprice th {font-size: 1.4em; font-weight:bold; text-indent:35px; background: url(images/money.png) no-repeat 10px 2px;}

table.tablepassager {width: 100%}
table.tablepassager td {padding: 2px;}
table.tablepassager th {font-size: 1.4em; font-weight:bold; text-indent:35px; background: url(images/user.png) no-repeat 10px 2px;}

table.tablesubtransfer1 {width: 100%}
table.tablesubtransfer1 td {padding: 2px;}
table.tablesubtransfer1 th {font-size: 1.4em; font-weight:bold; text-indent:25px; background: url(images/arrow_down.png) no-repeat 3px 1px;}

table.tablesubtransfer2 {width: 100%}
table.tablesubtransfer2 td {padding: 2px;}
table.tablesubtransfer2 th {font-size: 1.4em; font-weight:bold; text-indent:25px; background: url(images/arrow_up.png) no-repeat 3px 1px;}

table.tablepay {width: 100%}
table.tablepay td {padding: 2px;}
table.tablepay th {font-size: 1.4em; font-weight:bold; text-indent:35px; background: url(images/vcard.png) no-repeat 10px 2px;}

* html .formpricelist-top{margin-bottom: -5px;}
* html .formpricelist-bottom{margin-top: -5px;}

.formpricelist-top {float:left;width:450px; height:10px; background:url(images/formpricelist-top.gif) no-repeat top left; margin-left: 100px !important; margin-left: 72px;}
.formpricelist {float:left; width:450px;background:#e8e8e8;border-left:3px solid #fff; border-right:3px solid #fff; margin-left: 100px !important; margin-left:72px;}
.formpricelist-bottom {float:left; width:450px; height:10px; background:url(images/formpricelist-bottom.gif) no-repeat bottom left; margin-left: 100px !important; margin-left:72px;}

table.tablepricelist {width: 100%}
table.tablepricelist td {margin: 0 0 0 7px;}
table.tablepricelist th {font-size: 1.4em; font-weight:bold;}

.price {text-decoration:none; color:#666666;}
.price a{text-decoration:none; color:#666666;}
.price a:hover{text-decoration:none; color:#FFFFFF;}


img.taxi{ border:3px; border-color:#FFFFFF; border-style:solid; margin: 10px;}


/*========================== FOOTER =============================*/

#footer-container{text-align:left; width: 800px; margin: 0 auto; height: 160px; background: #fff url(../images/bottom-grass.gif) no-repeat bottom left;}	
#footer {clear:both; position:absolute; bottom:0; width:100%; height:160px; background:url(../images/bottom-bg.gif) repeat-x bottom left;}

#copyright {position:absolute; bottom:0; width:800px;}

/*========================== GLOBALS =============================*/

img { border:0; }