body {min-width:760px; margin:0; padding:0; background:#fff; font-family:arial, tahoma, sans-serif; font-size:12px; color:#000}

#main {width:90%; min-width:760px; max-width:950px; clear:both; margin:45px auto 0 auto; position:relative}

#side {width:204px; margin:0 0 0 -100%; float:left; padding-top:120px; position:relative; z-index:3}
#side .logo {position:absolute; top:0; left:0}

#content {width:100%; float:left}
#content .box {width:auto; margin-left:264px; border-top:1px solid #fff; //display:inline-block;}

#footer {width:100%; min-width:760px; margin-top:20px; clear:both; background:url(../i_l/m/bg_footer.gif) repeat-y 0 0 #0089da; //text-align:center;}
#footer div {width:90%; max-width:950px; min-height:110px; margin:0 auto; padding-top:10px; //text-align:left;}
#footer p {font:0.9em tahoma, arial, sans-serif; color:#fff; line-height:1.4em}
#footer p.l {width:204px; float:left}
#footer p.r {float:left; margin-left:61px}
#footer a {color:#fff}

.cntfl {width:100%; float:left}

.inset {width:35%; float:right; margin-top:0}
.insert {width:35%; float:right; background:#fff; padding-left:20px}
.center {width:58%; min-height:300px; float:left}

.pict {margin:15px 0}
.pict h2 {margin:0 10px 0 65px; padding:15px 0}
.pict p {margin:5px 35px 5px 15px}
.pict.webtools {margin-top:30px; background:url(../i_l/m/p_tools.gif) no-repeat 0 0}
.pict.webservices {background:url(../i_l/m/p_services.gif) no-repeat 10px 0}

.services {list-style:none; margin:13px 0 0 27px; padding:0; font-size:0.9em}
.services li {list-style:none; margin:0 13px 0 0; padding:7px 7px 17px 7px; float:left; text-transform:uppercase; font-weight:bold; white-space:nowrap}
.services li.cl {margin:0; padding:0; float:none; clear:both; font-size:0; //font-size:1px; //height:1px; //margin-top:-13px;}

.services li.s {background:url(../i_l/m/m_arr.gif) no-repeat 50% 100%; padding:0 0 10px 0}
.services li.s span {display:block; padding:7px; background:#ffc600}

.subservices {min-height:100px; position:relative; margin:0 0 50px -53px; border:1px solid #cbcbcb; z-index:2; //width:100%; //padding-left:53px;}
.subservices .decor {width:88px; height:118px; position:absolute; top:100%; left:0; margin:-64px 0 0 -19px; background:url(../i_l/m/s_decor.gif) no-repeat 0 0}
.subservices .ang {width:100%; height:15px; position:absolute; top:0; left:0; margin:-1px 0 0 1px; background:url(../i_l/m/as_tr.gif) no-repeat 100% 0}
.subservices ul {list-style:none; margin:10px 0; padding:0 0 0 80px; //padding:0 0 10px 27px;}
.subservices li {width:30%; float:left; margin:0; padding:8px 0 8px 12px; background:url(../i_l/m/li_b.gif) no-repeat 0 14px}
.subservices li.cl {width:100%; background:none; clear:both; padding:0; float:none}

.subservices li.s {background-image:url(../i_l/m/li_o.gif); font-weight:bold}
.subservices li.s a {color:#333}

.subservices.intro {height:168px; background:url(../i_l/f/v_bg.gif) repeat-x 0 0 #00acf6; border:0; border-top:1px solid #fff}
.subservices.intro .ang {background-image:url(../i_l/f/av_tl.gif); margin:0}
.subservices.intro .decor {width:175px; height:147px; margin:-107px 0 0 -50px; background:url(../i_l/f/v_decor.jpg) no-repeat 0 0}
.subservices.intro p {width:75%; position:relative; z-index:2; color:#fff; margin:13px 0 0 125px; //margin-left:72px; //width:80%;}
.subservices.intro p a {text-decoration:none; color:#fff}
.subservices.intro p a:hover {text-decoration:underline}
.subservices.intro p a.more {display:block; margin-top:5px; color:#fff; font-weight:bold; text-align:right; text-decoration:underline}
.subservices.intro p strong {font-weight:normal}
.subservices.intro p strong.s1 {font-size:1.8em}
.subservices.intro p strong.s2 {font-size:1.6em}
.subservices.intro p strong.s3 {font-size:1.4em}
.subservices.intro p strong.s4 {font-size:1.2em}

.subservices p.hrh, .subservices.intro p.hrh {width:85%; position:absolute; top:100%; left:0; margin:15px 0 0 93px; font:0.9em tahoma, arial, sans-serif; color:#777}
.subservices.intro p.hrh {margin-left:105px}
.subservices.intro p.hrh a {display:inline; margin-top:0; color:#004e9e; font-weight:normal; text-align:right}
.subservices.intro p.hrh a:hover {color:#00356b}

h1, h2, h3, h4 {margin:0; font-weight:normal}
h1 {font:2em "Trebuchet MS", arial, helvetica, sans-serif; border-bottom:2px solid #ffe8c7; color:#f60; margin-bottom:25px}
h2 {font:1.4em tahoma, arial, sans-serif; color:#333; margin-top:20px}
h3 {}

p {}
a {color:#004e9e}
a:hover {color:#00356b}
hr {display:none}
img {border:none}

blockquote {display:block; margin:15px; padding:1px 0 1px 15px; border-left:2px solid #ddd}

form {margin:0}
form fieldset {margin:0; padding:0; border:0}
form legend {font-size:1.1em; text-transform:uppercase; font-weight:bold; color:#777; margin:7px 0 0 0; padding:0; display:block; //display:none;}
form label {display:block; color:#555; margin:0 0 3px; font:0.9em tahoma, arial, sans-serif}
form input {margin-bottom:5px; font:1em arial, tahoma, sans-serif}
form input.submit {margin:5px 0 0 0}
form p {margin:0 0 5px 0; color:#555}
form p.legend {font-size:1.1em; text-transform:uppercase; font-weight:bold; color:#777; margin:0 0 7px 0; padding:0; display:none; //display:block;}

form.content label {font:1em arial, tahoma, sans-serif; margin-top:10px; color:#000}
form.content input {width:75%}
form.content input.submit {width:auto; display:block}
form.content textarea {width:75%; height:150px}
form.content p {margin:15px 0; color:#000}
form.content label span, form.content label p {color:#ff4200; font-weight:bold; font-size:1.4em}

.cl {clear:both}
.dn {display:none}
.db {display:block}

p.red {color:#9c1919}
p.blue {color:#1b2588}

.incut {padding:5px 10px; background:#cbcbcb}
.incut.gray {background:#f1f1f1}
.incut.red {background:#ffd6d6}
.incut.red p {color:#420000}
.incut.green {background:#daffd6}
.incut.green p {color:#004203}

.menu {min-height:140px; margin:0 0 0 30px; padding:0; line-height:1.9em; color:#c6c6c6; list-style:none; font-weight:bold}
.menu li {margin:0; padding:0 0 0 12px; background:url(../i_l/m/li_g.gif) no-repeat 0 0.8em}
.menu li:hover {background-image:url(../i_l/m/li_o.gif)}
.menu a {color:#747474}
.menu a:hover {color:#333}
.menu li.s {background-image:url(../i_l/m/li_o.gif)}
.menu li.s a {color:#333}

.teaser {width:204px; height:86px; margin-top:35px}
.teaser p {color:#fff; font:0.9em tahoma, arial, sans-serif; margin:0 0 0 93px; padding-top:18px}
.teaser p b {font:bold 1.15em arial, tahoma, sans-serif; display:block; margin-bottom:5px}
.teaser p a {color:#fff}

.teaser.contacts {background:url(../i_l/m/t_contacts.gif) no-repeat 0 0}
.teaser.demo {background:url(../i_l/m/t_demo.gif) no-repeat 0 0}
.teaser.study {background:url(../i_l/m/t_study.gif) no-repeat 0 0}

.teaser.large {height:auto; position:relative; margin-bottom:35px}
.teaser.large p {margin:0 15px 0 100px}
.teaser.large p strong {font-size:1.1em; color:#895125}
.teaser.large p.large {font:1em arial, tahoma, sans-serif; margin:10px 15px 0; padding-bottom:15px; color:#895125}
.teaser.large p.large img {display:block; margin-top:7px}
.teaser.large a {color:#892525}

.teaser.large.contacts {background:url(../i_l/f/tl_contacts_bg.gif) repeat-x 0 100% #ffd86e}
.teaser.large.contacts div {width:100%; background:url(../i_l/f/tl_contacts.gif) no-repeat 0 0}
.teaser.large.contacts div.ang {height:5px; position:absolute; bottom:0; left:0; background:url(../i_l/f/atl_br.gif) no-repeat 100% 0; margin:0; line-height:0}

.teaser.livehelp {width:auto; height:53px; margin:0 0 35px 0; background:url(../i_l/f/lh_bg.gif) repeat-x 0 0 #f179c5; position:relative; border:0}
.teaser.livehelp div.ang {height:5px; position:absolute; bottom:0; left:0; background:url(../i_l/f/lh_r.gif) no-repeat 100% 0; margin:0; line-height:0}
.teaser.livehelp p {margin:0; padding:0; height:53px; line-height:1em; background:url(../i_l/f/lh_l.gif) no-repeat 0 0}
.teaser.livehelp p strong {display:block; font:bold 1.8em arial, tahoma, sans-serif; margin:0 0 0 50px; padding-top:15px; text-transform:uppercase}
.teaser.livehelp a {text-decoration:none}

.ang {width:100%; position:absolute; line-height:0; font-size:0; margin-left:-1px}
.ang div {width:100%; position:absolute; margin-left:2px}
.ang.at {top:-1px}
.ang.ab {bottom:-1px}

.frame {position:relative; border:1px solid #cbcbcb; margin-bottom:35px}
.frame .ang {height:6px}
.frame .ang div {height:6px}
.frame .ang.at {background:url(../i_l/m/af_tl.gif) no-repeat 0 0}
.frame .ang.at div {background:url(../i_l/m/af_tr.gif) no-repeat 100% 0}
.frame .ang.ab {background:url(../i_l/m/af_bl.gif) no-repeat 0 0}
.frame .ang.ab div {background:url(../i_l/m/af_br.gif) no-repeat 100% 0}

.frame.gray {background:#f1f1f1}
.frame.gray .ang.at {background:url(../i_l/m/ag_tl.gif) no-repeat 0 0}
.frame.gray .ang.at div {background:url(../i_l/m/ag_tr.gif) no-repeat 100% 0}
.frame.gray .ang.ab {background:url(../i_l/m/ag_bl.gif) no-repeat 0 0}
.frame.gray .ang.ab div {background:url(../i_l/m/ag_br.gif) no-repeat 100% 0}

.frame.green {background:#daffd6; border:1px solid #09c200}
.frame.green .ang.at {background:url(../i_l/m/ai_tl.gif) no-repeat 0 0}
.frame.green .ang.at div {background:url(../i_l/m/ai_tr.gif) no-repeat 100% 0}
.frame.green .ang.ab {background:url(../i_l/m/ai_bl.gif) no-repeat 0 0}
.frame.green .ang.ab div {background:url(../i_l/m/ai_br.gif) no-repeat 100% 0}

.frame.green p {color:#004203}
.frame.green ul {list-style:none; margin:0 0 15px 20px; padding:0; line-height:1.4em}
.frame.green li {margin:0; padding:0 0 0 12px; background:url(../i_l/m/li_i.gif) no-repeat 0 0.5em; color:#004203}

.frame.cnt {width:auto; margin:15px 0}
.frame.cnt p {margin-left:10px; margin-right:10px}

.frame form {padding:15px}
.frame form input {width:95%}
.frame form input.submit {width:auto}

.search_form {width:250px; position:absolute; top:0; right:0; margin:-10px 0 0 0; z-index:20}
.search_form div {background:#f1f1f1; border:0; height:0; position:relative}
.search_form div.frame {height:auto}

.news {}
.news p {margin:16px}
.news p strong {display:block}

.advert {padding:8px 0}
.advert p, .advert h2, .advert h4 {margin:8px 16px}
.advert h4 {margin-top:25px; font-weight:bold; text-transform:uppercase}
.advert strong {text-transform:uppercase}
.advert p.rise {font-size:1.6em; font-weight:bold; color:#ff9c00}

.tools {}
.tools h2 {color:#4b94c1; margin-top:20px; margin-left:-20px; padding:20px 0 30px 100px; font-size:1.4em; font-weight:bold; position:relative; z-index:2}
.tools h2 a {color:#4b94c1}
.tools h2.shipping {background:url(../i_l/tools/free_shipping.gif) no-repeat 0 0; padding-top:35px}
.tools h2.match {background:url(../i_l/tools/instant_price_match.gif) no-repeat 0 0}
.tools h2.offer {background:url(../i_l/tools/make_an_offer.gif) no-repeat 0 0}
.tools h2.alert {background:url(../i_l/tools/price_drop_alert.gif) no-repeat 0 0}
.tools h2.friend {background:url(../i_l/tools/email_a_friend.gif) no-repeat 0 0}
.tools h2.question {background:url(../i_l/tools/ask_a_question.gif) no-repeat 0 0}

.link {padding-left:17px; background:url(../i_l/m/p_link.gif) no-repeat 0 3px; font:0.9em tahoma, arial, sans-serif}

.nav {width:120px; height:35px; position:absolute; top:-45px; right:0; background:#f1f1f1}
.nav img {background:#343434; border-bottom:3px solid #f1f1f1}
.nav a {cursor:pointer}
.nav a.s img {background:#a2a2a2; border-bottom:3px solid #ffc600}

table.simple {width:auto; font-size:1em}
table.simple th, table.simple td {vertical-align:top; border:0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 8px; color:#3c3c3c}
table.simple th {background:#cce7f8}
table.simple tr:hover td {background:#f1f1f1; color:#000}
table.simple .f {border-left:0}
table.simple th.f {background:url(../i_l/m/at_tl.gif) no-repeat 0 0 #cce7f8}

table.simple .green {background:#daffd6}
table.simple .yellow {background:#ffefc5}
table.simple .gray {background:#eee}
table.simple .red {background:#ffc9c9}

table.simple tr.accent td {background:#ffc9c9; font-weight:bold}

.disclaimer {font-size:0.9em; color:#555}

.areas {margin:20px 0}
.areas div {padding-left:55px; min-height:45px; background-repeat:no-repeat; background-position:0 5px}
.areas h2 {margin-top:20px; min-height:40px}

.areas .store {background-image:url(../i_l/shopping_cart.gif)}
.areas .seo {background-image:url(../i_l/seo.gif)}
.areas .marketing {background-image:url(../i_l/internet_marketing.gif)}
.areas .ecommerce {background-image:url(../i_l/ecommerce_management.gif)}

ul.projects {list-style:none; margin:15px 0; padding:0}
ul.projects li {margin:15px 0; padding:0}
ul.projects a {font:1.4em tahoma, verdana, sans-serif}

img.portfolio {border:3px solid #ffe8c7}