body { background: #C6D8E6; margin: 0; padding: 0; font-family: Arial, sans-serif; padding-bottom: 20px; }
br.clear { clear: both; }
a { color: #87939C; }

ul.list1 { list-style: none; margin: 0; padding: 0; }
ul.list1 li { padding: 4px 0 4px 25px; background: url(../i/marker.png) left top no-repeat; }

#wrap { background: url(../i/wrap_bg.png) center top repeat-y; padding-top: 18px; }

/* =:HEADER */
#header { width: 769px; margin: auto; position: relative; height: 100px;  }
#logo { margin: 0; padding: 0; }
#logo a { display: block; text-indent: -9000px; background: url(../i/logo.png) left top no-repeat; width: 251px; height: 52px; overflow: hidden;  }

#body { width: 769px; margin: auto; position: relative; background: #F5F8FB url(../i/body_bg.png) center bottom no-repeat; padding: 30px 0; }

/* =:MENU */
#menu { height: 144px; background: url(../i/menu_bg.png) left 20px no-repeat; position: absolute; width: 791px; left: -3px; top: 0; list-style: none; margin: 0; padding: 0; margin-top: -20px; }
#menu #home { position: absolute; left: -11px; top: 12px; }
#menu #home a { display: block; width: 14px; height: 31px; overflow: hidden; text-indent: -9000px; background: #D15D8E url(../i/home.png) left top no-repeat; padding: 0; }
#menu li { float: left; }
#menu li.first a { width: 120px; padding-right: 2px; height: 40px; margin-left: 2px; background: url(../i/li_first_off_bg.png) left top no-repeat; }
#menu li.first.a a, #menu li.first a:hover {  background-image: url(../i/li_first_on_bg.png); }
#menu li a { width: 108px; display: block; height: 22px; background: url(../i/li_off_bg.png) left 1px no-repeat; text-align: center; font: 10px "Arial Black"; text-transform: uppercase; color: black; text-decoration: none; padding-top: 8px; }
#menu li.a a, #menu li a:hover {  background-image: url(../i/li_on_bg.png); }

/* =:CONTENT */
#content { position: relative; z-index: 10; padding: 10px 20px; min-height: 300px; color: #87939C; font-size: 14px; }
* html #content { height: 300px; }

#content h2 { font: bold 14px Arial; text-transform: uppercase; }

/* =:FOOTER */
#footer { background: url(../i/footer_bg.png) center bottom no-repeat; padding: 70px 0 34px 0; }
#footer p#copy { color: #87939C; font: 10px Arial; text-align: center; margin: 0; }



/* =:START PAGE */
ul#how { background: url(../i/ul_bg.png) left top no-repeat; float: left; width: 100%; margin: 0 -20px; padding: 0 20px; list-style: none; padding-top: 39px; margin-top: -24px; position: relative; min-height: 125px; }
#how li { float: left; width: 210px; padding: 65px 26px 0 12px; background: url(../i/li_bg.png) left top no-repeat; margin-right: 4px; position: relative; overflow: visible; }
* #how li { height: 125px; }
#how li h3 { margin: 0; font: bold 14px Arial; padding: 55px 17px 0 0; margin: -35px -17px 0 0; position: absolute; width: 210px; top: 0; }
#how li p { font: 11px/1.5 Tahoma; margin: 0; }
#how li#mouse h3 { background: url(../i/mouse.png) right top no-repeat;  }
#how li#html h3 { background: url(../i/html.png) right top no-repeat; }
#how li#web h3 { background: url(../i/web.png) right top no-repeat; }
#how li#web { padding-right: 4px; margin-right: -10px; }

p.hightlite { background: url(../i/how_it_works.png) left top no-repeat; padding: 25px; margin: 0; }
p.hightlite strong { border-bottom: 1px solid #D0DFEB; }
p.hightlite em { font-weight: bold; font-style: normal; color: #F878AC; margin: 0 37px }
p.hightlite a { color: #D0DFEB; font: bold 16px/.5 Arial; border-bottom: 1px solid #D0DFEB; text-decoration: none; }
p.hightlite a span { color: #FFC300; }

#info { padding: 1em 1em; }
#lilia { float: right; margin: 20px 20px 0 0; }
* html #info { height: 300px; }
ul#du { margin: 3em 0 0 .5em; }