/* CSS Document */
html{height: 100%;}
body{ background-image: url(../images/background.jpg);
background-repeat: repeat;
background-color: #ededee;
font-family: helvetica, arial, sans-serif;
font-weight: normal;
font-size: 100%;
margin: 0 auto;
height: 100%;
color: #fff;
text-decoration: none;
}
li {line-height: 1.5em;}
ul {line-height: 1.5em; list-style-type: none;}
input.submit{ width: 80px; height: 40px; margin: 10px 0px 0px 0px; }
input#submit{ width: 80px; height: 40px; margin: 10px 0px 0px 0px; }
label{width: 130px; display: block; float: left; }
input{float: left; width: 270px; margin-bottom:10px; font-size: 0.9em;}
textarea{font-family: helvetica, arial, sans-serif; font-size: 0.9em; padding: 10px 10px 10px 10px; line-height: 1.5em;}
.top-left{z-index: 5; height: 9px; width: 9px; position: absolute; top: 0px; left: 0px; background-image: url("../images/top-left.jpg"); background-repeat: no-repeat;}
.top-right{z-index: 5; height: 9px; width: 9px; position: absolute; top: 0px; right: 0px; background-image: url("../images/top-right.jpg"); background-repeat: no-repeat;}
.bottom-left{z-index: 5; height: 9px; width: 9px; position: absolute; bottom: 0px; left: 0px; background-image: url("../images/bottom-left.jpg"); background-repeat: no-repeat;}
.bottom-right{z-index: 5; height: 9px; width: 9px; position: absolute; bottom: 0px; right: 0px; background-image: url("../images/bottom-right.jpg"); background-repeat: no-repeat;}
.top-left-tran{z-index: 5; height: 9px; width: 9px; position: absolute; top: 0px; left: 0px; background-image: url("../images/top-left-tran.png"); background-repeat: no-repeat;}
.top-right-tran{z-index: 5; height: 9px; width: 9px; position: absolute; top: 0px; right: 0px; background-image: url("../images/top-right-tran.png"); background-repeat: no-repeat;}
.bottom-left-tran{z-index: 5; height: 9px; width: 9px; position: absolute; bottom: 0px; left: 0px; background-image: url("../images/bottom-left-tran.png"); background-repeat: no-repeat;}
.bottom-right-tran{z-index: 5; height: 9px; width: 9px; position: absolute; bottom: 0px; right: 0px; background-image: url("../images/bottom-right-tran.png"); background-repeat: no-repeat;}
.styelone{position: relative; overflow: hidden;}
.styleone em {display: block; position: absolute; top: 0; left: 0; z-index: 1;}
button#styletwo{ background: none; border: none; float: left; display: inline;}
#styletwo, #styletwo em{width: 110px; height: 96px; }
#styletwo em{background: url(../images/send.jpg) no-repeat;}
#styletwo:hover em, #style2:focus em{background-position: -48px 0; }
a:hover{color: #fff;}
#wrap{ margin: 0 auto -120px; width:100%; height: 100%; height: auto; min-height: 100%; background-color: transparent; position: relative;}
#header{ height:140px; width: 100%; background-color: #777; background-image: url(../images/header-repeat.jpg); background-repeat: repeat-x;}
#header-wrap{ height:140px; width: 1000px; margin: 0 auto;}
#logo{background-image: url("../images/logo.jpg"); width:290px; height: 120px; float: left; position: relative;}
#logo-text{ text-indent: -3000px;}
h2{font-size: 2em; display: inline;}
.differnetsizedtags h2{font-size: 20px; width: 250px;}
h1{font-size: 2em; font-family: arial black; line-height: 1.3em;}
h3{font-size: 1.2em; float: left;}
h5{font-size: 1em; float: left;}
#main-tel{height: 53px; width: 320px; background-image:url("../images/main-tel.jpg"); float: right;}
#log-in{height: 47px; width: 197px; background-image:url("../images/number-plates-made-up-login.jpg"); float: right;}
#log-in:hover { background-position: 0px -47px;}
#links {width: 135px; height: 14px; font-size: 0.8em; position: relative; top: 60px; left:80px;}
#links a:hover{color:#fff; }
#home {float:left; width: 53px; height: 14px; border-right: solid 1px #fff; display: block; text-align: center;}
#contact {width: 81px; height: 14px; float:left; display: block; text-align: center;}
#nav a {display: block; width: 100%; height: 100%; position: relative; top:5px; left:20px;}
#nav{height: 60px; width: 700px; float: left; font-size: .95em; line-height: 1.1em; text-decoration: none; letter-spacing: .05em; font-weight: normal;}
#button1{height: 50px; width: 140px;float: left; background-image:url("../images/button140.jpg"); background-position: 0px 60px; position: relative; }
#button2{height: 50px; width: 140px;float: left; background-image:url("../images/button140.jpg"); background-position: 0px 60px; position: relative;}
#button3{height: 50px; width: 120px;float: left; background-image:url("../images/button120.jpg"); background-position: 0px 60px; position: relative;}
#button4{height: 50px; width: 100px;float: left; background-image:url("../images/button110.jpg"); background-position: 0px 60px; position: relative;}
#button5{height: 50px; width: 110px;float: left; background-image:url("../images/button120.jpg"); background-position: 0px 60px; position: relative; }
#button6{height: 50px; width: 90px;float: left; background-image:url("../images/button90.jpg"); background-position: 0px 60px; position: relative; }
#splitter2 {height: 50px; width: 20px;float: left; background-image:url("../images/splitter2.jpg"); background-position: 0px 60px; position: relative;}
#button1:hover, #button1:focus{background-position: 0 120px; font-weight: normal;}
#button2:hover, #button2:focus{background-position: 0 120px; font-weight: normal;}
#button3:hover, #button3:focus{background-position: 0 120px; font-weight: normal;}
#button4:hover, #button4:focus{background-position: 0 120px; font-weight: normal;}
#button5:hover, #button5:focus{background-position: 0 120px; font-weight: normal;}
#button6:hover, #button6:focus{background-position: 0 120px; font-weight: normal;}
#button1:active{background-position: 0 180px; font-weight: normal;}
#button2:active{background-position: 0 180px; font-weight: normal;}
#button3:active{background-position: 0 180px; font-weight: normal;}
#button4:active{background-position: 0 180px; font-weight: normal;}
#button5:active{background-position: 0 180px; font-weight: normal;}
#button6:active{background-position: 0 180px; font-weight: normal;}
#main{ margin: 0 auto; width: 1000px; font-family: arial black; line-height: 2em; font-size: 0.9em; }
#number-plates{background-image: url(../images/number-plates.jpg); background-repeat: no-repeat; height: 295px; width: 402px; margin-right: 42px; margin-left: 74px; float: left; position: relative; display: inline; }
#demo-button{background-image: url(../images/software-demo.jpg); background-repeat: no-repeat; height: 84px; width: 150px; position: absolute; top: 0px; left: 0px; }
#enter-plate{background-image: url(../images/plates-enter.jpg); background-repeat: no-repeat; height: 106px; width: 164px; position: absolute; top:140px; right: 0px; clear: both;}
#traffic-signs{background-image: url(../images/traffic-signs.jpg); background-repeat: no-repeat; height: 295px; width: 391px; float: left; position: relative; display: inline;}
#enter-traffic{background-image: url(../images/traffic-enter.jpg); background-repeat: no-repeat; height: 106px; width: 164px; position: absolute; top: 139px; left: 233px; }
#hi-vis{background-image: url(../images/hi-vis.jpg); background-repeat: no-repeat; height: 231px; width: 459px; margin-right:42px; margin-bottom: 30px; margin-left:17px; float: left; position: relative; display: inline;}
#enter-vis{background-image: url(../images/vis-enter.jpg); background-repeat: no-repeat; height: 86px; width: 138px; position: absolute; bottom: 0px; right:0px; }
#orafol-reflective{background-image: url(../images/orafol-reflective.jpg); background-repeat: no-repeat; height: 233px; width: 391px; margin: 0px 42px 30px 0px; display: inline; float: left; position: relative;}
#enter-orafol{background-image: url(../images/orafol-enter.jpg); background-repeat: no-repeat; height: 95px; width: 139px; position: absolute; bottom: 0; right:0; }
#demo-button:hover{background-position: 0px -84px;}
#enter-plate:hover{background-position: 0px -106px;}
#enter-traffic:hover{background-position: 0px -106px;}
#enter-vis:hover{background-position: 0px -86px;}
#enter-orafol:hover{background-position: 0px -95px;}
#plate-text{height:75px; width:250px; margin: 35px 0px 0px 155px; text-align: center;}
#plate-text span{font-size: 2em;}
#traffic-text{height:75px; width:250px; margin: 35px 0px 0px 145px; text-align: center;}
#traffic-text span{font-size: 2em; }
#traffic-text p{font-size: 1.0em; font-weight: normal; font-family: arial;}
#vis-text h3{text-align: center; display: block; width: 200px;}
#vis-text{ width:200px; margin: 15px 0px 0px 270px; text-align: center; display: block; clear: both;}
#vis-text span{font-size: 2em;}
#vis-text p{font-size: 14px; font-family: arial; clear: both;}
#orafol-text{height:75px; width:180px; margin: 50px 0px 0px 200px; text-align: center;}
#orafol-text span{font-size: 14px; font-family: arial; line-height: 1.2em; margin-top: 3px; display: block}
.news-section-wrap{height:100%; width: 100%; background-image:url("../images/news-repeat.jpg"); background-repeat: repeat-x; float: left; margin-top: 20px; background-color:#49494b;}
.about-section-wrap{height:100%;
width: 100%; background-image:url("../images/about-repeat.png"); background-repeat: repeat-x; float: left; background-color:#49494b;}
.tab-wrap{height:54px; width: 1000px; margin: 0 auto;}
.tab{height:48px; width: 200px; background-image: url("../images/clear-tab.png"); background-repeat: no-repeat; float: left; padding-top: 6px; margin-right: 75px; padding-left: 50px; line-height: 3em; display: inline; }
.text-wrap{height:100%; width: 1000px; margin: 0 auto; }
#about-text{width:680px; float: left; font-size: .9em; line-height: 1.4em; margin-left: 25px; margin-top: 25px; display: inline;}
#about-text span{font-size: 1.0em;}
.news { float: left; width:450px; height: 100%; margin-left: 25px; line-height: 1.4em; display: inline; margin-top: 25px;}
.news li{ line-height: 1.3em;}
.news li{ line-height: 1.3em; float:left;}
.news img{float: left; margin-right: 25px;}
.news p{ width: 450px; }
#logos{ width: 200px; float: right;}
#footer-logo{ float: left; margin-top: 20px; margin-left: 20px; display: inline; }
#address{float: left; width: 425px; font-size: 0.8em; line-height:1.5em; color: #231f20; margin-top: 20px; margin-left: 20px; display: inline; }
#address span {color: #f58233;}
#footer-wrap{border-top: 1px solid #888; width: 100%; margin: 0 auto; background-image: url(../images/footer-background.jpg); background-repeat: repeat;}
#footer{background-image: url(../images/footer-background.jpg); background-repeat: repeat; margin: 0 auto; height:120px; position: relative; width: 1000px; }
#bottomstick{height: 120px; clear: both;}