/* 
Title:     myregni master styles for screen media
Author:    mike@mikedeeweb.co.uk
Updated:   October 2008
*/

/* 
auditt.gif
bg_topa.gif
bg_topb.gif
logo2.gif
no_plate2.gif
tableft.gif
tabright.gif
*/


/* page structure
---------------------------------------------------------- */

body {
	margin:0 auto;
	text-align:center; /* ie5 */
	background-color:#000000;
    }

/*- Skip link--------------------------- */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {
display: block; 
width: 99%; 
position: absolute; 
top: 0; 
left: -200%; 
z-index: 2;
}

#skiplinkholder a:focus, #skiplinkholder a:active {
left: 0; 
top: 0; 
z-index: 100;
}

#skiptargetholder {
position: absolute; 
left: -200%;
}

#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {
color:#000; 
background:#FFE731; 
text-decoration: none; 
padding:2px 0 2px 10px;
outline:none;
margin-left:2px;
}

/*- Start Menu Tabs--------------------------- */

    #tabs {
	padding:0;
	margin:0 auto;
      width:905px;
      font-size:93%;
      line-height:normal;
	  height:37px;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 130px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
	  #tabs a.on {
      background-position:0% -42px;
      }
	  
	 #tabs span.on{
      background-position:100% -42px;
      }


/*- End Menu Tabs --------------------------- */
	
/* set wrapper to create center page
---------------------------------------------------------- */

#wrap { 
    margin:0 auto;
    width:905px;
	border:2px solid #A8A8A8;
	border-bottom-width:1px;
	background-color:#D5D4D1;
	text-align:left; /* ie5 */
    }	
	
/* header
---------------------------------------------------------- */
#header {
    padding:0;
	background: #000000 url(../img/bg_topa.gif) no-repeat bottom;
	height:170px;
	width:905px;
	float:left;
    }
	
#address {
	margin:0;
	color:#FFFFFF;
}

#address p{
	margin:0px 0 0 20px;
	padding:15px 0 0 0;
}	

#logo {
	background: url(../img/logo2.gif) no-repeat;
	margin-left: 230px;
	margin-top:-100px;
	height:95px;
	}
	
#logo h1{
	text-indent:-5000px;
	margin:0;
	padding:0;
	}
	
#main {
	width:905px;
	background: #D5D4D1 url(../img/bg_topb.gif) no-repeat top;
	height:400px;
	clear:left;
}	

#car {
	background: url(../img/auditt.gif) no-repeat;
    width:905px;
	height:400px;
	margin:0;
	padding:0;
	float:left;
    }

#l_plate {
	float:left;
	margin:0;
	padding:0;
	width:200px;
}

#l_plate dl, #r_plate dl {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	}
	
#l_plate dt, #r_plate dt {
  display:block;
  background:url(../img/no_plate2.gif) no-repeat;
  width:181px;
  height:45px;
  margin:0 0 0px 18px;
  padding:0;
  }

#l_plate dd, #r_plate dd {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}	
	
#l_plate dd strong, #r_plate dd strong {
	color:#FF0000;
	font-weight:bold;
}
  
#l_plate a, #r_plate a {
	margin:0;
	padding:0;
	text-decoration:none;
	outline:none;
  }
  
#l_plate a span, #r_plate a span {
  display:block;
  text-align:center;
  margin:0;
  padding:7px 0 0 0;
  font-weight:bold;
  color:#000000;
  font-size:24px;
  font-family:Arial, Helvetica, sans-serif;
  
  }

#car_plate {
	float:left;
	width:470px;
	margin:161px 0 0 17px;
	height:174px;
}
  
#car_plate a {
	margin:0;
	padding:0;
	text-decoration:none;
  }  

#car_plate a span {
  display:block;
  text-align:center;
  margin:0;
  padding:0;
  font-weight:bold;
  color:#000000;
  font-size:24px;
  font-family:Arial, Helvetica, sans-serif;
  
  }

#r_plate {
	float:left;
	margin:0;
	padding:0;
	width:200px;
}

#p_select {
	clear:left;
	padding:20px 0 0 0;
	margin:0 0 0 725px;
	color:#000000;
	height:40px;
}

#p_select ul {
  	display: inline;
	margin:0;
	padding:0;
	}	
	
#p_select li {	/*  */
	float: left;
	list-style: none;
	}
	
#p_select a {	/*  */
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:20px;
	}

#p_select a:hover { 
	text-align:center; 
	background:#999999;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	}

#p_select span {
	margin:0;
	padding:0;
	}

#p_select span.on {
	text-align:center; 
	background:#800000;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	}
	
/* footer
---------------------------------------------------------- */
#footer {
	clear:both;
    background:#000000;
	color:#fff;
	font-size:75%;
    height:2em;
	width:905px;
    }

#footer a {  
  color:#fff;
  font-family:arial;
  text-decoration:none;
  }
  
.left {float: left;	margin-left:5px; padding-top: 5px;}
.right {float: right; margin-right:5px; padding-top: 5px}