@charset "utf-8";
* {margin:0;padding:0}
fieldset, img {border:0}
body {background:#7398ba;color:#333;font:0.75em Arial}
a:link, a:visited {color:#333}
a:hover {color:#528bb3}
p {margin:0 0 1em}
#container {background:url(images/bg-top.gif) repeat-x center top #aec2d7;padding:30px 0 0;overflow:hidden;height:100%;width:100%}
#bottom {background:url(images/bg-bottom.gif) repeat-x center bottom;padding:0 0 170px;overflow:hidden;height:100%;width:100%}
#page {margin:0 auto;width:946px}
/* Header */
#top {background:url(images/topZ.jpg) no-repeat 4px;height:84px}
#header {height:26px}
.plain_header {background:url(images/z_menu.gif) no-repeat}
.spice_header {background:url(images/z_menu_spice.gif) no-repeat}
#header ul {float:left;list-style:none;padding:4px 0 0 240px}
#header li {float:left;text-indent:-5000px}
#header li.home {width:45px}
#header li.about {width:64px;margin:0 0 0 2px}
#header li.services {width:59px;margin:0 0 0 2px}
#header li.portfolio {width:63px;margin:0 0 0 3px}
#header li.contact {width:55px;margin:0 0 0 3px}
#header li a {display:block;height:20px;font-size:0}
#header li.home a:hover {background:url(images/ro-home.gif);margin:2px 0 0}
#header li.about a:hover {background:url(images/ro-aboutus.gif);margin:2px 0 0}
#header li.services a:hover {background:url(images/ro-services.gif);margin:2px 0 0}
#header li.portfolio a:hover {background:url(images/ro-portfolio.gif) -1px top;margin:2px 0 0 0}
#header li.contact a:hover {background:url(images/ro-contact.gif);margin:2px 0 0}
/* Body */
#middle {background:url(images/middle.gif) repeat-y 1px}
#inside {background:url(images/top.gif) no-repeat left top;padding:0 12px}
#home {background:url(images/bodyzhome.jpg) no-repeat;height:492px}
#contact {background:url(images/body-contact.jpg) no-repeat;height:492px}
#portfolio {background:url(images/body-portfolio.jpg) no-repeat;height:551px}
#about {background:url(images/body-about.jpg) no-repeat;height:492px}
#services {background:url(images/body-services.jpg) no-repeat;height:624px}
#about .top {width:380px;font-weight:bold;padding:0 0 25px}
#services .top {width:430px;font-weight:bold;padding:0 0 10px}
.content {width:915px}
.content .flesh {padding:43px 0 0;margin:0 0 0 245px;color:#f1f3f7;font-family:Arial}
.content .flesh h1 {margin:0 0 24px}
.content .flesh p, .content .flesh ul {margin:0 30px 1em 2px}
.content .flesh form {width:350px;margin:20px 20px 0 0}
.content .flesh form input, .content .flesh form select, .content .flesh form textarea {float:right}
.content .flesh form input {width:170px;font-size:0.92em;height:16px;padding:2px 0 0;margin:0 60px 0 0}
.content .flesh form fieldset input {border:1px solid #efefef;border-top:0;background:url(images/input-bg.gif) repeat-x #fff}
.content .flesh form select {font:0.92em Arial;width:184px;margin:6px 50px 0 0}
.content .flesh form textarea {font:0.92em Arial;width:232px;height:150px;margin:0}
.content .flesh form label {float:right;width:90px;margin:2px 20px 0 0;text-align:right}
.content .flesh form div {float:left;width:99%;padding:0 0 14px}
.content .flesh form input.send{background:url(images/send.gif) no-repeat;border:0;clear:both;height:20px;float:left;margin:5px 0 0 115px;width:56px}
.content .flesh form input.send:hover {background:url(images/send-over.gif) no-repeat}
.content .flesh .address {float:right;width:200px;padding:0 93px 0 0}
.content .flesh .address h2 {font:bold 1.08em Arial;margin:4px 0}
.content .flesh .bottom_half {margin:36px 0 0;color:#444}
.content .flesh .bottom_half h2 {font:bold 1.08em Arial;margin:0 0 10px}
.content .flesh .bottom_half ul {list-style:none}
.content .flesh .bottom_half li {margin:4px 6px;padding:0 0 0 16px;background:url(images/bullet.gif) no-repeat left center}
#portfolio .flesh {padding:0;margin:0 0 0 204px}
#portfolio .flesh img {padding:10px 0 0}
h1.about {background:url(images/about.gif) no-repeat;height:32px;text-indent:-5000px;width:133px}
h1.services {background:url(images/services.gif) no-repeat;height:32px;text-indent:-5000px;width:122px}
h1.contact {background:url(images/contact.gif) no-repeat;height:29px;text-indent:-5000px;width:116px}
.SEO {color: #1268A3; font-size: 11px; padding: 20px 140px 0px 140px;}
/* Footer */
#footer {background:url(images/bottomZ2.jpg) no-repeat 3px top;color:#fff;font-size:1.08em;padding:18px 0 20px 40px}
#footer a:link, #footer a:visited {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer p {float:left}
#footer ul {float:left;list-style:none;margin:0 0 0 80px}
#footer ul li {float:left}
#footer p.magnetik {background:url(images/magnetik.gif) no-repeat left top;float:right;margin:-2px 40px 0 0;padding:1px 0 0 20px}