img, div { behavior: url(iepngfix.htc) }

body {
background-color:#F2F2F2;
margin:0;
padding:0;
text-align:center;
}
#outer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/ask-bg3b.jpg) no-repeat scroll center top;
float:left;
width:100%;
}
#outergreen {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/ask-bg-ver3b.jpg) repeat-x scroll left top;
float:left;
height:100%;
width:100%;
}
#container {
margin:0 auto;
text-align:left;
width:820px;
}
h3 {
color:#16764E;
font-family:Arial,Helvetica,sans-serif;
font-size:200%;
font-weight:bold;
margin:11px 0 23px;
}
p {
color:#4D4D4D;
font-family:Arial,Helvetica,sans-serif;
line-height:1.4;
margin-bottom:15px;
}
a {
color:#16764E;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#16764E;
text-decoration:underline;
}
#header {
display:block;
float:left;
height:122px;
margin:0;
padding:0;
width:820px;
}
#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/logo-ver2mib.png) no-repeat scroll left top;
float:left;
height:45px;
left:0;
position:relative;
text-indent:-5000px;
top:27px;
width:190px;
 behavior: url(iepngfix.htc);
}
#logo2 {
background:url(../img/logo-ver2truck.png) no-repeat;
float:right;
height:66px;
position:relative;
right:0;
text-indent:-5000px;
top:14px;
width:509px;
 behavior: url(iepngfix.htc);
}
#nav {
float:right;
height:25px;
position:relative;
right:0;
top:25px;
width:550px;
}
#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#nav ul li {
border-left:1px solid #11603C;
float:right;
}
#nav ul li a {
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:108.33%;
font-weight:normal;
margin:0 10px;
padding:6px;
text-decoration:none;
}
#nav ul li a:hover {
background-color:#0E5E3A;
text-decoration:none;
}
#nav ul li a:active {
background-color:#999999;
text-decoration:none;
}
#nav ul li a.on {
background-color:#0E5E3A;
text-decoration:none;
}
#main #your-here a {
color:#FFFFFF;
text-decoration:none;
}
#main #your-here a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#main {
float:left;
margin:25px 0 0;
padding:0;
width:820px;
}

#main #col1 #banner {
left:-10px;
margin-top:12px;
position:relative;
}
#footer-wrap {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../img/footer.jpg) repeat-x scroll left top;
float:left;
height:95px;
margin:0 auto;
width:100%;
}
#footer {
margin:65px auto 0;
text-align:left;
width:820px;
}
.nav-bot {
height:19px;
margin:0 auto;
padding:69px 0 0;
text-align:left;
width:820px;
}
.nav-bot a {
color:#666666;
display:block;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:11px;
font-weight:bold;
margin:0 15px 0 0;
padding:0;
text-decoration:none;
}
.nav-bot a:hover {
color:#006633;
}
html, body, #wrap {
height:100%;
}
body > #wrap {
height:auto;
min-height:100%;
}
#main {
padding-bottom:95px;
}
#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../img/footer.jpg) repeat-x scroll left top;
clear:both;
height:95px;
margin-top:-95px;
position:relative;
width:100%;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

#vis-header{width:100%; margin:0; background-color:#1fa96e;}
#vis-logostrip{position:relative; width:820px; height:130px; margin:0 auto 0 auto;}
	
	/*----- Header img classes / switch class names to change image --------*/
	.vis-img-yes{background:transparent url(../img/vis-img-yes.jpg) no-repeat top right;}
	.vis-img-no{background:transparent url(../img/vis-img-no.jpg) no-repeat top right;}
	.vis-img-city{background:transparent url(../img/vis-img-city1.jpg) no-repeat top right;}
	.vis-img-crossroads{background:transparent url(../img/vis-img-crossroads.jpg) no-repeat top right;}
	.vis-img-crossroads2{background:transparent url(../img/vis-img-crossroads2.jpg) no-repeat top right;}
	.vis-img-carpark{background:transparent url(../img/vis-img-carpark.jpg) no-repeat top right;}
	.vis-img-road{background:transparent url(../img/vis-img-road.jpg) no-repeat top right;}



h1#vis-logo{color:#fff; position:absolute; top:36px; left:-12px;}
.vis-bgshadow{display:block; position:absolute; top:0px; right:-30px; width:30px; height:130px; background:transparent url(../img/vis-bgshadow.gif) repeat-y top left;}


#vis-nav{width:100%; height:35px; border-top:1px Solid #157a52; border-bottom:1px Solid #245e45; margin:0 auto 0 auto;  background:transparent url(../img/vis-bgnav.jpg) repeat-x 0 0;}
#vis-nav ul{width:818px; padding-left:2px; height:35px; margin:0 auto 0 auto; background:transparent url(../img/vis-navlinks.jpg) no-repeat top left;}
#vis-nav ul li{height:35px; display:inline;}
#vis-nav ul li a{display:block; float:left; height:25px; color:#fff; font-size:125%; font-weight:normal; text-decoration:none; background:transparent url(../img/vis-navlinks.jpg) no-repeat top right; padding:10px 18px 0 16px;}
#vis-nav ul li a:hover{background:transparent url(../img/vis-navlinks.jpg) no-repeat right -37px; text-decoration:none; color:#fff;}
#vis-nav ul li.vis-on a{background:transparent url(../img/vis-navlinks.jpg) no-repeat bottom right ;}

#vis-nav ul li a.closewindow{float:right; background-position: left 0px;}
#vis-nav ul li a:hover.closewindow{background-position: left -37px;}

#vis-red{display:block; height:44px; width:100%; margin:0; background-color:#d20f0f;}
#vis-green{display:block; height:43px; width:100%; margin:0; background-color:#4cb283; border-top:1px solid #4cb283;}
#vis-yes{display:block; height:44px; width:100%; margin:0; background-color:#0dac5a;}

#vis-green p, #vis-red p, #vis-yes p{width:820px; margin:0 auto 0 auto; color:#fff; text-align:left;}

p span.vis-cross{position:relative; top:7px; float:left; font-size:255%; font-weight:bold; line-height:1em; padding:0 10px 0 40px; background:transparent url(../img/vis-cross.gif) no-repeat 2px 1px;}
p span.vis-tick{position:relative; top:7px; float:left; font-size:255%; font-weight:bold; line-height:1em; padding:0 10px 0 40px; background:transparent url(../img/vis-tick.gif) no-repeat 2px 1px;}
p span.vis-plain{position:relative; top:7px; float:left; font-size:255%; font-weight:bold; line-height:1em; padding:0 10px 0 0;}

p span.vis-afterbig{font-size:150%; position:relative; top:9px;}
p span.vis-check{font-size:150%; position:relative; top:8px;}

p span.vis-plate-green{position:relative; top:7px; display:block; float:left; width:121px; height:24px; color:#000; background:transparent url(../img/vis-bgplates.gif) no-repeat 0 0; text-align:center; font-weight:bold; font-size:170%; padding:5px 10px 0 0; line-height:1em;}
p span.vis-plate-red{position:relative; top:7px; display:block; float:left; width:121px; height:24px; color:#000; background:transparent url(../img/vis-bgplates.gif) no-repeat 0 -35px; text-align:center; font-weight:bold; font-size:170%; padding:5px 10px 0 0; line-height:1em;}

#outergreen.vis-off, outer.vis-off{background:none;}

#vis-green ul{width:820px; margin:13px auto 0 auto;}
#vis-green ul li{height:35px; display:inline;}
#vis-green ul li a{display:block; float:left; color:#fff; font-size:115%; font-weight:normal; text-decoration:none; padding:1px 8px 1px 8px; border-left: 1px solid #1f7953;}
#vis-green ul li a:hover{color:#06472c; text-decoration:underline;}
#vis-nav ul li a{line-height:16px;} /*fix for IE7 Line-height bug*/