* {margin: 0; padding: 0;}
body {background: #000;color: #fff; font: 0.8em "Verdana","Trebuchet MS", "Myriad Pro","Myriad Web","Lucida Grande","Tahoma",sans-serif; word-spacing: 0.1em;}
#header {height: 69px;width: 347px; margin: 20px 0px 5px 50px;}
a#headerimg {display:block;background: transparent url(header1.gif) no-repeat; height:69px; width: 347px;}
a:hover#headerimg {display:block;background: transparent url(header1.gif) no-repeat; height:69px; width: 347px;}
#header img {border:none;}
#menulist {background: transparent url(menu-bg.gif) repeat-x; height: 38px; }
#menu {height: 30px; padding: 0px 0px 10px 50px;}
#menu li {float: left; display: inline;list-style-type: none;height: 45px;}
#menu a {display:block; height: 30px; text-indent: -9999px; padding: 5px 0px;}
.m1 a {width: 66px; background: #000 url("01.gif") 0 1px no-repeat;}
.m2 a{width: 96px; background: #000 url("02.gif") 0 1px no-repeat;}
.m3 a {width: 98px; background: #000 url("03.gif") 0 1px no-repeat;}
.m4 a {width: 80px; background: #000 url("04.gif") 0 1px no-repeat; }
#menu a:hover {height: 45px;}
#menu a#selected {height: 45px;}
#container {display: inline; float:left; margin: 60px 0px 0px 130px; width: 619px;}
.pcontainer-top {background: black url(para-top.gif) no-repeat; height: 35px; width:619px; }
.pcontainer-middle  {background: black url(para-middle.gif) repeat-y; width:619px; }
.pcontainer-bottom {background: black url(para-bottom.gif) no-repeat; height: 35px; width:619px; margin-bottom:50px;}
#container p {margin:0px 5px 0px 8px; padding: 0px 10px;}
#container ul li {list-style-type: square;}

img.about-screen {position: absolute; margin-left:-50px; margin-top: 55px;}
img.about-hand {position: absolute; margin-left:-60px; margin-top: 70px;}
img.about-tick {position: absolute; margin-left:-45px; margin-top: 30px;}
img.about-screwdriver {position: absolute; margin-left:-40px; margin-top: 25px;}
img.about-umb {position: absolute; margin-left:-70px; margin-top:42px;}
img.about-time {float:left; margin-left: 30px;}
img.about-red {float:left; margin-left: 90px; margin-top: 40px;}
img.about-red2 {float:left; margin-left: 90px; margin-top: 50px;}
img.proud {padding: 10px 0px 0px 42px;}
img.listright {padding: 20px; margin-left: 45px;}
a.links  {text-decoration: none; color: white; border-bottom: 1px dotted #8e8e8e; cursor: help; background-color: inherit;}
a:hover.links  {color:#6c7a5c; background-color: inherit;}

#servicelist {width: 500px;margin: 20px 0px 40px 100px;}
#servicelist ul {display:block; display:inline;list-style-type: none;}
#servicelist li {padding: 10px;}






#rightcontainer {float:left; width: 100px; height: 800px; margin-top:-260px;}
#test {float:left; width: 100px; height: 800px; margin-top:80px;}
.clear {clear:both;}
#rightlist {display:block;float: left;}
#rightlist li {float: left; list-style-type: none;height: 96px; padding:15px;}
#rightlist a {display:block; height: 96px; text-indent: -9999px; margin-left:60px;}
#r1 a {width: 129px; background: #000 url("bbc2.gif") 0 1px no-repeat;}
#r2 a{width: 129px; background: #000 url("s4c.gif") 0 1px no-repeat;}
#r3 a {width: 129px; background: #000 url("BlueBird-NEW3D.gif") 0 3px no-repeat;}
#r1 a:hover {background: #000 url("bbc2.gif") 0 -95px no-repeat;}
#r2 a:hover {background: #000 url("s4c.gif") 0 -95px no-repeat;}
#r3 a:hover {background: #000 url("BlueBird-NEW3D.gif") 0 -88px no-repeat;}
#sony a {width: 150px; background: #000 url("Sony_Logo.gif") no-repeat;}
#acer a {width: 150px; background: #000 url("acer_logo.gif") no-repeat;}
#toshiba a {width: 150px; background: #000 url("toshiba_logo.gif") no-repeat;}
#fujitsu a {width: 150px; background: #000 url("Fujitsu.gif") no-repeat;}
#apple a {width: 150px; height:134px; background: #000 url("apple.gif") 12px 0 no-repeat;}
#servicesa li {float: left; list-style-type: none; height: 652px;}
#servicesa li#fourth {width: 160px; height: 113px; background: #000 url("work4.jpg") no-repeat; margin:20px 0px 0px 20px; border: 10px solid #191919;}
#servicesa li#first {width: 161px; height: 120px; background: #000 url("work.jpg") no-repeat; margin:20px 0px 0px 20px; border: 10px solid #191919;}
#servicesa li#second {width: 160px; height: 120px; background: #000 url("work2.jpg") no-repeat; margin:20px 0px 0px 20px; border: 10px solid #191919;}
#servicesa li#third {width: 160px; height: 103px; background: #000 url("work5.jpg") no-repeat; margin:20px 0px 0px 20px; border: 10px solid #191919;}
#footer {background: transparent url(menu-bg.gif) repeat-x; height: 38px; padding-bottom:10px; margin-top:10px;}
#footercontent {position:relative; float:right; padding-top:10px; margin-right:10px; }


p#office {float:left; font-size: 1.5em; padding-top: 30px;}
p#office2 {float:left; font-size: 1.5em; padding-top: 30px;}
a {color:#ddd;}

#address {padding-left:200px;}
#address address {font-style: normal; font-size: 1em}

#flashad {display:block; height:300px; width: 400px;background: transparent url(nner.jpg) no-repeat; margin-top:20px; margin-bottom: -40px;}
#banner {display:block; height:283px; width: 600px; margin-left: 140px; margin-top:20px;}