html, body, h1, h2, h3, h4, h5, h6, div, p, a, img, table, thead, tbody, th, td, dl, ul, ol, li, dt, dd, form, fieldset, label, button, hr {margin: 0; padding: 0; border: 0; font-weight: normal;}
ol, ul {list-style: none;}
a img {border: none;}
:focus {outline: 0;}
html {background-color: #fff;}
body {font-family: Georgia, Times New Roman, Times, serif; font-size: 62.5%;}
h1 {position: absolute; top: 27px; left: 725px; font-size: 180%;}
h2 {font-size: 170%;}
h3 {font-size: 130%;}
p {margin-bottom: 10px;}
a:link {color: #13b4e1;}
a:visited {color: #00799b;}
a:hover {color: #13b4e1;}
a:active {color: #13b4e1;}
#wrap {position: relative; width: 990px; margin: 0 auto; padding-top: 200px;}
.menu {position: absolute; top: 65px; left: 75px; font-size: 140%;}
.menu li {margin-bottom: 5px;}
.menu li.active {font-size: 130%; line-height: 1em;}
.menu a {color: #13b4e1 !important;}
.menu li.active a{color:#101d27 !important;}
.menu li.hot a {color: #e33 !important;}
.header-note {position: absolute; top: 65px; left: 300px; font-size: 140%;}
.in-portfolio {position: absolute; top: 460px; left: 190px; font-size: 180%;}
.c-links {position: absolute; top: 17px; left: 75px; font-size: 14px;}
.c-links li {margin-bottom: 5px;}
.c-links .li1 {font-size: 130%;}
.c-links .li2 {font-size: 130%;}
.c-links .li3 {background: url(/images/heart-a.gif) -3000 0 no-repeat;}
.c-links .li4 {background: url(/images/check-a.gif) -3000 0 no-repeat;}
.c-links a {text-decoration: none; color: #13b4e1 !important;}
.c-links a span {position: absolute; top: 3px; left: 37px; display: none; white-space: nowrap;}
.c-links a:hover span {display: block;}
.c-links .li1 a {border-bottom: dashed 1px #e92400; color: #e92400 !important;}
.c-links .li2 a {border-bottom: dashed 1px #13b4e1;}
.c-links .li3 a, .c-links .li4 a {position: relative; display: block; width: 27px; height: 24px; background-position: 50% 50%; background-repeat: no-repeat; color: #000 !important;}
.c-links .li3 a {margin-top: 15px; background-image: url(/images/heart.gif);}
.c-links .li3 a:hover {background-image: url(/images/heart-a.gif);}
.c-links .li4 a {margin-top: 6px; background-image: url(/images/check.gif);}
.c-links .li4 a:hover {background-image: url(/images/check-a.gif);}
.content {position: relative; overflow: hidden; padding: 0 0 60px 490px; font-size: 140%;}
.content p {margin-top: 10px;}
.content p.strong {margin-top: 20px;}
.c1 {float: left; width: 220px; margin-right: 15px;}
.c2 {float: left; width: 240px;}
.footer-wrap {border-top: solid 1px #b2e9f7;}
.footer {position: relative; width: 499px; margin: 0 auto; overflow: hidden; height: 300px; padding: 24px 0 32px 490px; background: url(/images/candy.jpg) 75px 22px no-repeat; font-size: 140%; color: #b5b5b5;}
.footer .c1 span {display: block; margin-left: -10px; font-family: Times New Roman;}
.footer .c1 .dig {display: inline; font-family: Times New Roman; margin:0;}
.footer .taste {position: absolute; top: 125px; left: 165px; font-size: 115%; color: #000;}
.footer p {line-height: 1.3em;}
.footer-wrap .footer .c1 a:visited {color: #13b4e1;}
.dig {font-family: Times New Roman;}
.big {font-size: 130%;}
.strong {color: #e33 !important;}
/*-------------------popup----------------------*/
.fog {position: absolute; z-index: 10; top: 0; left: 0; background: #fff;}
.pop {position: fixed; z-index: 20; top: 200px; left: 50%; width: 990px; margin-left: -495px;}
.pop-call {top: 35%; text-align: center; font-family: Times New Roman; font-size: 111px; color: #ee2526;}
.pop-thank {top: 35%; text-align: center; font-size: 240%;}
.pop-thank span {display: block; font-size: 300%; color: #ee2526;}
.pop-map {top: 20px; font-size: 180%;}
.pop-map div {height: 880px; padding-left: 190px; background: url(/images/map.png) 20px 95px no-repeat;}
.pop-map p.address {position: absolute; top: 255px; left: 510px;}
.pop-order {position: absolute; z-index: 20; top: 320px; left: 50%; width: 204px; height: 254px; margin-left: -397px; padding: 20px 5px 0 85px; background: url(/images/text-cloud.png) no-repeat; font-size: 140%;}
.pop-order .pf-order {position: relative; margin-left: -14px;}
.pop-order .pf-order label {margin-right: 5px;}
#number {margin-top: 0px;}
.pop-order p {margin-top: 10px;}
/*----------------pages--------------------*/
/*-------------------main------------------*/
#page-index {background: url(/images/index-background.jpg) 50% 200px no-repeat;}
#page-index #wrap {padding-top: 545px;}
#page-index .c1 {width: 210px; margin-right: 0; }
#page-index .content .c1 {position: relative; padding-top: 17px; background: url(/images/heart-a.gif) -3000px 0 no-repeat; }
#page-index .c2 {position: relative; padding-left: 35px;}
.content a.love {font-size: 170%; line-height: 1em; text-decoration: none; color: #00b5e5 !important;}
.content a.love span {color: #e92400 !important;}
.blog-heart span {position: absolute; top: 100%; left: 0; width: 27px; height: 24px; margin-top: 3px; background: url(/images/heart.gif) 50% 50% no-repeat; cursor: hand; cursor: pointer;}
.blog-heart:hover span {background: url(/images/heart-a.gif) 50% 50% no-repeat;}
.pf-order {width: 220px; height: 34px; margin: 12px 0 0 -20px; padding: 6px 0 0 10px; background: url(/images/phone-field.gif) no-repeat; font-family: Times New Roman; font-size: 130%;}
.pf-order fieldset {background: url(/images/check-a.gif) -3000px 0 no-repeat;}
.pf-order #number {width: 120px; padding: 0; vertical-align: top; border: none; font-family: Times New Roman; font-size: 18px; color: #ccc;}
.pf-order button {width: 22px; height: 22px; vertical-align: top; background: url(/images/check.gif) no-repeat; cursor: hand; cursor: pointer;}
/*-------------------how much------------------*/
#page-howmuch #wrap {padding-top: 455px; background: url(/images/howmuch-background.jpg) 210px 0 no-repeat;}
#page-howmuch .header-note {top: 225px; left: 75px;}
#page-howmuch .header-note .strong {margin-bottom: 15px;}
#page-howmuch .footer {height: 510px; background: url(/images/howmuch-background-2.jpg) 240px 0 no-repeat;}
/*-------------------what we do------------------*/
#page-whatwedo #wrap {padding-top: 893px; background: url(/images/whatwedo-background.jpg) 75px 190px no-repeat;}
#page-whatwedo .c-links {top: 7px;}
#page-whatwedo .header-note {left: 400px;}
#page-whatwedo .content {padding-bottom: 70px;}
#page-whatwedo .content p {line-height: 1.3em;}
#page-whatwedo .pop-order {top: 747px;}
/*-------------------contacts------------------*/
#page-contacts #wrap {padding-top: 555px; background: url(/images/map.jpg) -80px 190px no-repeat;}
#page-contacts .header-note {left: 400px;}
#page-contacts .content {height: 400px; padding-bottom: 0;}
#page-contacts .c-links {top: 217px;}
#page-contacts .c1 {padding-left: 20px; width: 200px;}
#page-contacts .c1 span {display: block; margin-left: -10px; font-family: Times New Roman;}
#page-contacts .footer {/*padding-left:725px;*/ padding-bottom: 120px;}
#page-contacts .pop-order {top: 610px;}
.map-foto {position: absolute; top: 220px; left: 374px; width: 545px; height: 298px; background-repeat: no-repeat;}
.mf1 {background-image: url(/images/map.gif);}
/*-------------------portfolio------------------*/
#page-portfolio #wrap {padding-top: 220px;}
#page-portfolio .c-links {top: 62px; left: 400px;}
#page-portfolio .content {padding: 0 55px 60px 75px;}
#page-portfolio .content img {float: left; margin: 0 20px 20px 0;}
#page-portfolio .content .c1 {float: none; width: 540px; overflow: hidden;}
#page-portfolio .content .c1 div {overflow: hidden; height: 1%;}
#page-portfolio .content .c2 {float: right; width: 300px; margin: -5px 20px 20px -50px; color: #999;}
#page-portfolio .c2 h2 {color: #111;}
#page-portfolio .c2 .wedo {margin: 3px 0 15px 0; color: #111;}
#page-portfolio .content .c2 p {margin: 0 0 25px 0;}
#page-portfolio .pop-order {top: 10px; left: 50%; margin-left: -75px; background-image: url(/images/text-cloud-2.png);}
.arrow {position: fixed; z-index: 5; top: 45%; left: 50%;}
.arrow a {display: block; width: 23px; height: 39px; background-color: #1be; background-image: url(/images/pf-arrows.gif);}
.arrow a:hover {background-color: #e92400;}
.a-l {margin-left: -460px;}
.a-l a {background-position: 0 0;}
.a-l a:hover {background-position: 0 -39px;}
.a-r {margin-left: 440px;}
.a-r a {background-position: -23px 0;}
.a-r a:hover {background-position: -23px -39px;}
.content .c1 p .dig {display: inline !important; font-family: Times New Roman; margin:0 !important;}