/* ### Reset CSS ### */
@import url(reset.css);
/* ### Global class ### */
h1, h2, div, a, span {
	behavior: url("iepngfix/iepngfix.htc");
}
.floatN {float:none;}
.floatL {float:left;}
.floatR {float:right;}
.center {text-align:center;}
.right {text-align:right;}
.clearB {clear:both;overflow:hidden;}
.Overflow {overflow:hidden;}
.MarLR38{ margin:0px 38px}
.test {border:1px solid red}
.MarT16{margin-top:16px;}
.txtAlignL{ text-align:left}
/* ### Structure ### */
body {
	background-color:#f7f7f7;
	color:#666;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/repeat_bg.jpg)
}
html,body,#bg,#bg table,#bg td,#content{width:100%;height:100%;overflow:hidden}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#content{position:absolute;top:0;left:0px;z-index:70;overflow:auto}
#content .logo{ margin:42px 0px 1px 34px;}
#content .menu{ margin:0px 0px 0px 34px; overflow:hidden; clear:both}
#content .links{ margin:10px 0px 0px 34px; overflow:hidden; clear:both}
#content .links a{ margin-top:5px;}
#content .links a.road{ margin-top:5px; margin-top:0px}

ul.navi li{ float:left; }
ul.navi li h2{ visibility:hidden}

.contact a, .blog a, .twitter a, .facebook a{ background:url(../images/menu.png) no-repeat; display:block; height:21px;}
ul.navi li.dot{ width:12px; height:21px; background:url(../images/menu.png) -92px 0px;}
.contact a{ background-position:0px 0px; width:92px;}
.blog a{background-position:-104px 0px; width:42px;}
.twitter a{background-position:-156px 0px; width:65px;}
.facebook a{background-position:-233px 0px; width:77px;}

.contact a:hover{ background-position:0px -24px; width:92px}
.blog a:hover{background-position:-104px -24px; width:42px}
.twitter a:hover{background-position:-156px -24px; width:65px}
.facebook a:hover{background-position:-233px -24px; width:77px}

.links h1{ visibility:hidden}
.journey, .road, .match, .crime, .map{ background:url(../images/links.png) no-repeat; height:30px; display:block;}
a.journey{ height:35px; background-position:0px 0px; width:298px}
a.road{ background-position:0px -38px; width:427px;}
a.match{ background-position:0px -77px; width:184px;}
a.crime{ background-position:0px -114px; width:145px;}
a.map{ background-position:0px -152px; width:130px;}

a:hover.journey{ height:35px; background-position:0px -187px}
a:hover.road{ background-position:0px -225px}
a:hover.match{ background-position:0px -264px}
a:hover.crime{ background-position:0px -301px}
a:hover.map{ background-position:0px -339px}

#fmenu{position:absolute;bottom:0px;left:0px;z-index:80;width:100%;background:#fff;padding:13px 0px 10px 0px; text-transform:uppercase; font-weight:bold; line-height:15px; }
#fmenu a{text-decoration:none; color:#666}
#fmenu a:hover{ text-decoration:underline}
.LtGray{color:#9f9f9f; font-size:9px; font-weight:normal}

#form_cnt{ width:100%;  border:0px solid red; }
.form{ padding:16px; width:373px; background-color:#fff; position:relative; }
.form_cls{ width:39px; height:39px; position:absolute; right:-20px; top:-10px; background:url(../images/form_cls.png) no-repeat; cursor:pointer; z-index:1000}
.inputtxt{ background-color:#d9d9d9; color:#545c6f; font-size:12px;  border:1px solid #c0c0c0; padding:7px 6px;width:167px;}
.txtarea{ background-color:#d9d9d9; color:#545c6f;font-size:12px;border:1px solid #c0c0c0; padding:7px 6px;width:359px;}