body {background-color: #2c2b2b; margin: 0; font-family: arial; color: #9f9f9f; font-size: 13px; }
img {border: 0;}
form {position: absolute; top: 6px; left: 780px;}
input {border: 1px solid #484848; width: 140px; background-color: #252525; color: #9f9f9f;}

#main {position: relative; width: 1100px; height: 815px; margin: auto; background-color: #141414;}
#background {position: absolute; width: 1100px; top: 815px; height: 300px; background-color: #020202;}

#header {position: absolute; top: 35px; background-image: url('../img/header_back.png'); width: 1100px; height: 98px;}
#header h1 {margin: 0; padding: 0; position: relative; left: 492px; top: 10px; width: 116px;}
#header img {width: 116px; height: 70px;}

#topback {position: absolute; height: 35px; background-color: #070707; top: 0px; width: 1100px;}
#top {position: absolute; z-index: 100; top: 0; left: 0; margin-left: 80px; margin-right: 78px;}
#top ul {margin: 0; padding: 0; list-style-type: none;}
#top ul li {float: left;}
#top ul a {display: block; color: #9f9f9f; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top: 10px; height: 25px;}
#top ul a:hover {color: #ffffff; background-color: #336a74;}
#top li:hover {height: 41px; background-position: center bottom; background-repeat: no-repeat; background-image: url('../img/menu_arrow.png');}
#top li.hover {height: 41px; background-position: center bottom; background-repeat: no-repeat; background-image: url('../img/menu_arrow.png');}
#top a.hover {color: #ffffff; background-color: #336a74;}
#slogan {position: absolute; left: 380px; width: 384px; height: 35px}
#music {position: absolute; left: 950px; cursor: pointer; cursor: hand; width: 52px; height: 35px}

#banner {margin: 0; position: absolute; top: 123px; left: 80px; background-color: #ffffff; width: 632px; padding: 10px; height: 313px;}
#banner img {width: 631px; height: 314px;}
#bannerm {z-index: 1000; position: absolute; top: 123px; left: 717px; width: 305px; background: #ffffff; height: 333px;}
#bannere {position: absolute; top: 500px; height: 13px; background-color: #252525; width: 940px; top: 456px; left: 80px; border-left: 1px solid #484848; border-right: 1px solid #484848; border-bottom: 1px solid #484848;}
#bannerm ul {padding: 0; margin: 0; list-style-type: none;}
#bannerm li {width: 305px; height: 111px; background-image: url('../img/banner_line.png'); background-repeat: no-repeat; background-position: center bottom;}
#bannerm p {margin: 0; padding: 0; border-left: 1px solid #d1d1d1; height: 81px; margin-left: 15px; padding: 15px; font-size: 11px;}
#bannerm li strong {font-size: 14px; margin-bottom: 10px; display: block;}
#bannerm .last {background-image: none;}
#bannerm .hover {color: #555555; background-image: url('../img/banner_box.png');}
#bannerm .hover p {border: none;}
#bannerm li:hover {color: #555555; cursor: pointer; cursor: hand;}
.hide {display: none;}

#clientr {border: 1px solid #484848; background-color: #252525; height: 95px; width: 519px; position: absolute; top: 482px; left: 480px; padding: 10px; font-size: 12px;}
#clientr h2 {color: #f0f1b9; font-size: 15px; margin: 0; padding: 0; background-image: url('../img/tick.png'); background-repeat: no-repeat; padding-left: 35px; height: 20px; padding-top: 10px;}

#clientl {border: 1px solid #484848; font-size: 12px; background-color: #252525; height: 95px; position: absolute; top: 482px; left: 80px; width: 367px; padding: 10px;}
#clientl h2 {color: #ace9ed; font-size: 15px; margin: 0; padding: 0; background-image: url('../img/tick.png'); background-repeat: no-repeat; padding-left: 35px; height: 20px; padding-top: 10px;}

#last_work {position: absolute; top: 610px; left: 80px; width: 228px; height: 194px; background-image: url('../img/clients.png');}
#last_work h2 {margin: 0; padding: 0; font-size: 14px; text-transform: uppercase; height: 25px; padding-left: 15px; padding-top: 9px;}
#last_work p {margin: 0; padding: 0; text-align: center; margin-top: 7px;}
#last_work img {width: 190px; height: 131px;}

#clients {position: absolute; top: 610px; left: 320px; width: 228px; height: 194px; background-image: url('../img/clients.png');}
#clients h2 {margin: 0; padding: 0; font-size: 14px; text-transform: uppercase; height: 25px; padding-left: 15px; padding-top: 9px;}
#clients p {margin: 0; padding: 0; text-align: center; margin-top: 7px;}
#clients img {width: 221; height: 121;}

#about_us {position: absolute; top: 610px; left: 560px; width: 460px; height: 194px; background-image: url('../img/about_us.png');}
#about_us h2 {color: #000000; margin: 0; padding: 0; font-size: 14px; text-transform: uppercase; height: 25px; padding-left: 15px; padding-top: 9px;}
#about_us p {margin: 0; padding: 0; color: black; font-size: 11px; margin-top: 7px; text-align: justify; padding: 15px; line-height: 150%; letter-spacing: 1px;}

#leftup {width: 304px; position: absolute; top: 825px; left: 80px;}
#leftup h2 {padding: 0; margin: 0; padding-bottom: 5px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; border-bottom: 1px dotted #9f9f9f;}
#leftup p {margin: 0; padding: 0; font-size: 14px; line-height: 150%;}

#leftdown {width: 304px; position: absolute; top: 985px; left: 80px;}
#leftdown h2 {padding: 0; margin: 0; padding-top: 10px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; border-top: 1px dotted #9f9f9f;}
#leftdown p {margin: 0; padding: 0; font-size: 14px; line-height: 150%;}

#middleup {width: 304px; position: absolute; top: 825px; left: 396px;}
#middleup h2 {padding: 0; margin: 0; padding-bottom: 5px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; border-bottom: 1px dotted #9f9f9f;}
#middleup p {margin: 0; padding: 0; font-size: 14px; line-height: 150%;}

#middledown {width: 304px; position: absolute; top: 985px; left: 396px;}
#middledown h2 {padding: 0; margin: 0; padding-top: 10px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; border-top: 1px dotted #9f9f9f;}
#middledown p {margin: 0; padding: 0; font-size: 14px; line-height: 150%;}

#right {width: 304px; position: absolute; top: 825px; left: 715px;}
#right h2 {padding: 0; margin: 0; padding-bottom: 5px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; border-bottom: 1px dotted #9f9f9f;}
#right p {margin: 0; padding: 0; font-size: 14px; line-height: 150%;}

#footer {font-size: 11px; background-color: #141414; position: absolute; top: 1100px; width: 942px; padding-left: 80px; padding-right: 78px; padding-top: 10px; padding-bottom: 10px;}
#footer img {width: 41px; height: 24px; vertical-align: middle}
#footer p {display: inline; margin: 0; padding: 0; margin-left: 40px;}
#footer .use {margin-left: 100px;}