html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {background: url("images/bg-repeat.png") repeat-x center top #e5e4e4;font:62.5% "lucida sans", arial, sans-serif;line-height: 1;}
h2 {font-size:2.5em;padding:0 0 10px;color:#333}
h3 {font-size:2em;color:#434343;}
h4 {font-weight:bold; font-size:1.2em;color:#333}
p {font-size:1.3em;padding:0 0 20px;line-height:20px;color:#636363;}
li {font-size:1.3em;padding:0 0 10px;color:#838383;}
a {text-decoration:none}
a:link , a:visited{color:#4282b4;}
#content a:hover, #footer a:hover {border-bottom:1px solid #4282b4}
.clear {clear:both}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong {font-weight:bold}
#page-wrap {width:978px;margin:0 auto 30px; }
/*HEADER */
#header {height:95px;position:relative}
h1 a{background: url("images/sprite.png") 0 -37px no-repeat;width:180px;height:53px;text-indent:-9999px;position:relative;top:8px;left:14px;display:block}
#header ul {position:absolute;right:20px;top:10px}
#header ul li {display:inline}
#header ul li a {display:block;float:left;background: url("images/sprite.png") no-repeat;height:50px;text-indent:-9999px;width:71px;border:solid 0px red}
#header ul li.index a {background-position: -620px -40px;width:70px}
#header ul li.services a {background-position: -690px -40px;width:99px}
#header ul li.portfolio a {background-position: -789px -40px;width:104px}
/*#header ul li.pricing a{background-position: -801px -40px;width:87px}*/
#header ul li.contact a {background-position: -893px -40px;width:90px}
/*FEATURE */
#feature {background: url("images/sprite.png") 0 -90px no-repeat;height:491px;width:978px;position:relative;margin: 0 0 20px}
#feature p {position:absolute;font-size:1.4em;color:#555;text-align:left;width:500px;top:140px;z-index:3}
#feature img {position:absolute;}
.welcome, .webhosting, .webdesign, .latest {height:491px;width:972px;position:absolute;}
.welcome h2, .webhosting h2, .webdesign h2, .latest h2{text-indent:-9999px;position:absolute;width:482px;height:54px;top:55px;background:url("images/feature-text.png") no-repeat}
a.servicesbutton, a.portbutton, a.contactbutton, a.visitbutton {background: url("images/sprite.png");height:37px;width:235px;display:block;position:absolute;text-indent:-9999px;}
a.servicesbutton{background-position:0 0}
a.visitbutton {background-position:-235px 0}
a.contactbutton{background-position:-470px 0}
a.portbutton {background-position:-703px 0}
.welcome h2 {width:812px;top:32px;left:83px;background-position:0 -64px;height:48px}
.welcome img#midpics {top:87px;left:116px}
#feature .welcome p {text-align:center;width:830px;top:310px;left:74px;font-size:1.6em;color:#333;}
.welcome a.portbutton {top:363px;left:240px}
.welcome a.contactbutton {top:363px;right:240px}
.webdesign h2 {left:47px;background-position: 0 0; }
.webdesign img#monitorpic {position:absolute;top:41px;right:24px}
.webdesign p {left:47px;}
.webdesign a.portbutton {top:330px;left:47px}
.webdesign a.servicesbutton {top:330px;left:320px}
.webhosting h2 {right:70px;background-position: 0 -123px;height:51px }
.webhosting img#computerpic {top:-3px;left:19px}
.webhosting p {left:427px;}
.webhosting a.servicesbutton {top:330px;left:427px}
.webhosting a.contactbutton {top:330px;left:680px}
.latest h2 {width:339px;left:560px;background-position: 0 -186px}
.latest h3 {position:absolute;top:140px;left:560px}
#feature .latest p {left:560px;width:370px;top:170px}
.latest a.visitbutton {top:338px;left:641px}
.latest #laptop {background: url("images/laptop.png") no-repeat;width:516px;height:344px;position:absolute;top:62px;left:24px}
#laptop img {top:21px;left:62px}
ul#controls {position:absolute;bottom:10px;left:8px;width:964px}
ul#controls li {display:inline}
ul#controls li a {display:block;float:left;width:25%;height:55px;text-indent:-9999px;outline:none;}
/*BOTTOM SECTION*/
#content-top {background: url("images/sprite.png") no-repeat 0 -581px;width:978px;height:27px}
#content {background: url("images/content-repeat.png") repeat-y center;width:978px;position:relative;padding:0 0 20px}
#content-bottom {background: url("images/sprite.png") no-repeat 0 -608px;width:978px;height:27px}
/*H2S*/
#main h2 , #sidebar h2{background:url("images/h2.jpg") no-repeat;height:45px;text-indent:-9999px;width:265px;position:relative;left:-8px}
h2#h2why {background: url("images/sprite.png") -182px -37px no-repeat;width:400px;left:-2px;height:43px}
h2#h2servicess {background-position:0px -50px;}
h2#h2contactt {background-position:0 -102px}
h2#h2portfolio {background-position:0 -163px;}
h2#h2services{background-position:0 -222px;left:-23px}
h2#h2getintouch {background-position:0 -275px;left:-23px}
h2#h2offers {background:url("images/specialoffers.png") no-repeat;margin:12px 0 10px 55px }
h2#other {text-indent:0;background:none;margin:10px 0 0 60px;width:100%}
/*MAIN TEXT*/
#main {width:680px;float:left}
#main p {padding:0 55px 20px;}
#main h3 {padding: 0 55px 10px}
.contactdetails {text-indent:-9999px}
/*SIDEBAR*/
#sidebar {width:290px;float:right;}
#sidebar p{padding:0 20px 10px 40px;color:#838383;}
#sidebar ul {margin:0 20px 20px 50px;background: url("images/hr.png") no-repeat bottom;padding: 0 0 20px}
#sidebar div.hr {background: url("images/hr.png") no-repeat;width:156px;height:9px;margin:20px auto}
/*FOOTER*/
#footer{position:relative}
#footer p{position:absolute;left:15px;top:10px}
#footer ul{position:absolute;right:15px;}
#footer ul li {display:inline;}
#footer ul li a {display:block;float:left;width:auto;margin: 5px;padding:5px 0 0;color:#838383}
/*CONTACT*/
form ul {margin:20px 0 0;position:relative}
form ul li{margin: 0 0 15px;list-style:none}
label {width:130px;display:block;float:left;text-align:right;padding:5px 10px 0 0;color:#666;cursor:pointer;}
input , textarea{width:300px;padding:4px;border:1px solid #bbb;height:18px;background:#fbfbfb;font: normal 1em "lucida sans", arial, sans-serif;color:#636363}
form ul li span {font-size:0.8em;color:#df7979;float:right;width:40px;margin:4px 0 0;position:absolute;left:458px;display:none}
input:focus, textarea:focus {border: solid 1px #df7979;background:#fff}
textarea {height:150px;width:420px;}
input#submit {height:30px;width:140px;margin:0 0 0 140px}
address {font-size:1.3em;color:#838383;}
ul#contactside {margin:0 50px 0 20px ;text-align:right;list-style:none;background:none}
ul#contactside li.header {font-size:1.5em;font-weight:bold;color:#636363;background: url("images/hr.png") 45px 10px no-repeat;padding:30px 0 10px;}
ul#contactside li.hr {background: url("images/hr.png") 45px 10px no-repeat;padding:30px 0 10px}
li#thanks{display:none;padding:0 50px}
#contactside h4 {font-size:1.2em;font-weight:bold;color:#636363;background: url("images/hr.png") 45px 10px no-repeat;padding:30px 0 10px;}
address {font-size:1em;color:#838383;}
#contactside span {padding:0 0 5px;display:block}
/*SERVICES*/
.aservice {margin: 0 0 30px}
img#minimonitor, img#minishopping {float:right;}
img#minicomputer, img#miniother {float:left;margin: 0 20px 0 40px}
/*PORTFOLIO*/
body#portfolio #content-top {background-position: 0 -635px}
body#portfolio #content {background-image: url("images/portmid.png")}
body#portfolio #content-bottom {background-position:0 -662px}
body#portfolio #main {width:960px}
#pics {margin:0 0 0 8px ;position:relative;z-index:5}
#pics .item {background:url("images/port-item-bg.png") no-repeat;width:300px;height:129px;float:left;margin:0 0 60px 15px}
#pics .item img {margin:4px}
#pics h3 {padding:5px 0;font-size:1.5em;text-align:center;text-transform:uppercase;letter-spacing:-1px;color:#636363}
#pics a:hover {border:0}
#pics p{ text-align:center;margin:-5px 0 0}
/*OFFERS*/
body#offers #main {width:810px}
body#offers #content-top {background-position: 0 -635px}
body#offers #content {background-image: url("images/portmid.png")}
body#offers #content-bottom {background-position:0 -662px}
#offerstable {width:884px;margin:0 44px;}
#offerstable thead tr {background:url("images/table-top.png") no-repeat;height:107px;}
#offerstable thead th {text-indent:-9999px;width:176px}
#offerstable tbody tr {background:url("images/table-mid.png") repeat-y;}
#offerstable tbody tr:last-child{background:url("images/table-bot.png") bottom center no-repeat;}
#testimonials {background:url("images/testimonials.jpg") no-repeat;width:505px;height:176px;position:relative}
#cont {width:360px;height:120px;position:relative;top:55px;left:157px}
#cont li {display:block;}
#cont li p{font-size:0.8em;color:#838383;line-height:1.5em;padding:0}
#cont li span {display:block;text-transform:uppercase;font-size:1.2em;color:#636363;padding:4px 0 0}
#pictures {width:105px;height:131px;position:absolute;top:22px;left:21px;}
#pictures img {height:131px}
#slidebuttons {position:absolute;left:153px;bottom:20px}
#slidebuttons p {display:block;float:left;margin:4px;padding:0}
#slidebuttons p a {padding:1px 5px;border:1px solid #aaa;font-size:1em;color:#888;background:#eee;}
#slidebuttons p a.sselected {background:#ccc}
#newservices {background:url("images/offer.png") no-repeat;width:162px;height:162px;position:absolute;top:0;right:0;z-index:2000}
#newservices img {display:block;height:92px;width:91px;position:absolute;top:21px;right:21px}