/* LAYOUT
----------------------------------------------- */
body {margin: 0; padding: 0 0 90px 0; background: #f6f6f6 url(../img/body_bg.gif);}
#water {background: #fefefe url(../img/water.jpg) repeat 100% 164px; min-width: 990px; position: relative; width: 100%; min-height: 970px;}
#layout {width: 100%;}
#left {background: url(../img/left_bg.gif) repeat-y 100% 0; vertical-align: top; text-align: right;}
#left-t {background: url(../img/left_t.gif) repeat-x 100% 0;}
#left-rt {background: url(../img/left_rt.jpg) no-repeat 100% 0;}
#pool1 {background: url(../img/pool1/obj.gif) no-repeat 100% 61%;}
#pool1 #obj1 {position: absolute; top: 43%; left: 65%;}
#pool1 #obj1 div {position: relative; left: -730px; width: 152px; height: 268px; background-image: url(../img/pool1/obj1.png);}
#pool2 #obj1 {position: absolute; top: 43%; left: 65%;}
#pool2 #obj1 div {position: relative; left: -800px; width: 176px; height: 139px; background-image: url(../img/pool2/obj1.png);}
#pool3 #obj1 {position: absolute; top: 43%; left: 60%;}
#pool3 #obj1 div {position: relative; left: -690px; width: 166px; height: 174px; background-image: url(../img/pool3/obj1.png);}
#pool4 {background: url(../img/pool4/obj.gif) no-repeat 100% 61%;}
#pool4 #obj1 {position: absolute; top: 320px; left: 60%;}
#pool4 #obj1 div {position: relative; left: -580px; width: 43px; height: 37px; background-image: url(../img/pool4/obj1.png);}
#pool4 #obj2 {position: absolute; top: 60%; left: 60%;}
#pool4 #obj2 div {position: relative; left: -640px; width: 117px; height: 202px; background-image: url(../img/pool4/obj2.png);}
#pool5 {background: url(../img/pool5/obj.jpg) no-repeat 100% 61%;}

#left-b {background: #fff url(../img/left_b_bg.gif) repeat-x 0 62px;}
#left-b-r {height: 92px; background: url(../img/left_b_r.jpg) no-repeat 100% -2px;}
#left-b-t {background: url(../img/left_b_t.gif) repeat-x; margin-right: 105px; position: relative; z-index: 1; top: -29px;}
#left-b-t div {height: 29px; background: url(../img/left_b_rt.gif) no-repeat 100% 0;}
#main {width: 820px; background: url(../img/main_bg.jpg) repeat-y -3px 0; vertical-align: top;}
#main-lt {background: url(../img/main_lt.jpg) no-repeat 0 -1px; width: 730px; position: relative;}
#main-lt:after{content: ''; display: block; clear: both;}
#main-b {background: url(../img/main_b.jpg) no-repeat -3px 0;}

#header {height: 210px; background: url(../img/header_bg.gif) repeat-x 0 63px; margin: 0 108px 0 96px; position: relative; z-index: 100;}
#home #header {height: 260px;}

#content {font-size: .75em; line-height: 1.333em; width: 622px; position: relative;}
#mContent {margin-left: 140px;}

/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
input.text,
select,
textarea {background: #fefefe;}
input.button {color: #000;}

/* MISC
----------------------------------------------- */
a img {border: 0;}
div.clear {clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0;}

/* STATIC
----------------------------------------------- */
#imperia {width: 166px; height: 305px; /*background: url(../img/imperia.jpg) no-repeat;*/ position: absolute; top: 5px; left: -90px;border: 0px red solid;}
#imperia div {width: 161px; height: 134px; background: url(../img/imperia_logo.png) no-repeat; margin-top: 100px; }

#intro {font-size: 11px; line-height: normal; width: 320px; margin: -160px 0 0 370px;}
#intro h1 {font-size: 14px; line-height: normal; margin: 0 0 10px;}

#book {font-size: .875em; line-height: 1.071em; color: #2a86ab; font-weight: bold; width: 260px; padding: 95px 0 800px; margin-left: auto; background: url(../img/left_t_rt.gif) no-repeat 126px 146px; text-align: left; position: relative;}
#book a,
#book div {background: url(../img/bullet.gif) no-repeat 0 1px; padding-left: 20px; margin-left: 75px; position: relative; z-index: 1; float: left;}
#book img {position: absolute; left: -75px; top: 20px; background: url(../img/book.png) no-repeat;}

#logo {position: absolute; left: 87px; top: 108px;}
#slogan {position: absolute; left: 87px; top: 185px;}

#phone {position: absolute; left: 353px; top: 112px;}
#phone img {margin: 0 0 10px 2px;}
#phone a {float: right; font-size: .875em; line-height: normal; font-weight: bold; background: url(../img/bullet.gif) no-repeat 0 1px; padding-left: 20px;}

#bookmarks {position: absolute; left: 353px; top: 205px;}

#copy {font-size: .562em; line-height: normal; position: relative; z-index: 1; top: 75px; left: -55px;}
#copy,
#copy a,
#copy a:link,
#copy a:visited {color: #999; text-decoration: none;}
#copy a:hover {color: #666; text-decoration: none;}

/* NAVIGATION
----------------------------------------------- */
/* m1 */
#m1,
#m1 li {display: block; margin: 0; padding: 0; list-style-image: none; list-style-type: none;}
#m1 {position: absolute; left: 546px; width: 88px; padding: 41px 0 14px; background: url(../img/m1_bg.jpg) no-repeat 0 100%;}
#m1 img {vertical-align: top;}

/* nav */
#nav,
#nav li {display: block; margin: 0; padding: 0; list-style-image: none; list-style-type: none;}
#nav {width: 526px; margin: 0 0 10px 96px; padding-top: 105px; background: url(../img/nav_bg.gif) repeat-x 0 63px;}
#nav:after {content: ''; display: block; clear: both;}
#nav li {font-size: .875em; line-height: normal; font-weight: bold; color: #2a86ab; float: right; background: url(../img/bullet.gif) no-repeat 10px 1px; padding: 0 20px 0 30px;}

/* nav2 */
#nav2 {padding-left:296px;margin-bottom:12px;}
#nav2 img {vertical-align:top;}
#nav2 img.phone {margin:18px 0 7px;}

/* categories */
#categories,
#categories li {display: block; margin: 0; padding: 0; list-style-image: none; list-style-type: none;}
#categories {width: 100%;}
#categories:after {content: ''; display: block; clear: both; height: 0;}
#categories li {float: left;}
#categories img {vertical-align: top;}
#categories .outdoor {padding: 13px 19px 0 11px;}
#categories .outdoor .txt {margin: 5px 0 0 35px;}
#categories .indoor {padding: 5px 0 1px 67px;}
#categories .indoor .txt {margin: -2px 0 0 30px;}
#categories .landscape {padding: 28px 44px 18px 29px;}
#categories .landscape .txt {margin: -1px 0 0 17px;}
#categories .spa {padding: 1px 0 19px 59px;}
#categories .spa .txt {margin: 0 0 0 8px;}
#categories .fountains {padding-left: 31px;}
#categories .fountains .txt {margin: 14px 0 0 15px;}

/* BLOCKS
----------------------------------------------- */
/* cat-list */
.cat-list {font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; line-height: normal; color: #999; width: 100%;}
.cat-list:after {content: ''; display: block; clear: both;}
.cat-list .li {float: left; width: 300px; margin-bottom: 2.083em;}
.cat-list .l {margin-right: 20px;}
.cat-list a.img {display: block; position: relative;}
.cat-list a.img span {display: block; position: absolute; top: 0; left: 0; background-image: url(../img/cat_list_ovr.png);}
.cat-list .l a.img span {background-image: url(../img/cat_list_ovr_l.png);}
.cat-list a.img,
.cat-list a.img img,
.cat-list a.img span {width: 300px; height: 175px;}
.cat-list .title {font-size: 1.166em; font-weight: bold; float: left; margin: .714em 0;}
.cat-list a.bm {font-size: .916em; line-height: 1.818em; margin-top: .879em; padding-left: 20px; background: url(../img/bullet.gif) no-repeat 0 50%; display: block; float: right;}
.cat-list p {font-size: .916em; margin: 0; clear: both;}
.cat-list ol,
.cat-list li {margin: 0; padding: 0; list-style-image: none; list-style-type: none;}
.cat-list ol {display: block; clear: both; border-top: 1px solid #e8e8e8; padding-top: 1.428em;}
.cat-list li {font-size: 1.166em; font-weight: bold; color: #ccc; display: inline; margin-right: .357em;}
.cat-list .next {font-size: 1em; font-weight: normal; margin-left: .583em;}

/* cat-item */
.cat-item {width: 100%;}
.cat-item:after {content: ''; display: block; clear: both;}
.cat-item a.bm {font-size: .916em; line-height: 1.818em; padding-left: 20px; background: url(../img/bullet.gif) no-repeat 0 50%; display: block; float: right; position: relative; top: -29px; right: 170px;}
.cat-item .img {position: relative; float: left; margin-right: 13px;}
.cat-item .img img {border: 1px solid #165072; background: url(../img/loading.gif) no-repeat 50% 50%;}
.cat-item .img div {position: absolute; overflow: hidden;}
.cat-item .img .lt {top: 0; left: 0; width: 11px; height: 11px; background-image: url(../img/cat_item_lt.png);}
.cat-item .img .rt {top: 0; right: -1px; width: 12px; height: 11px; background-image: url(../img/cat_item_rt.png);}
.cat-item .img .rb {bottom: -1px; right: -1px; width: 12px; height: 12px; background-image: url(../img/cat_item_rb.png);}
.cat-item .img .lb {bottom: -1px; left: 0; background-image: url(../img/cat_item_lb.png); width: 462px; height: 12px;}
.cat-item .tns {float: left; margin-top: -52px; position: relative;}
.cat-item .tns ul,
.cat-item .tns li {display: block; margin: 0; padding: 0; list-style-image: none; list-style-type: none;}
.cat-item .tns li {margin-bottom: 10px;}
.cat-item .tns li,
.cat-item .tns li a {position: relative; display: block;}
.cat-item .tns li.last {margin-bottom: 0;}
.cat-item .tns li img {vertical-align: top;}
.cat-item .tns li span {display: block; position: absolute; top: 0; left: 0; background-image: url(../img/cat_item_tn.png);}
.cat-item .tns a.a span {background-image: url(../img/cat_item_tn_a.png);}
.cat-item .tns li a,
.cat-item .tns li img,
.cat-item .tns li span {width: 100px; height: 65px;}
.cat-item .tns .prev,
.cat-item .tns .next {text-align: center; width: 100px;}
.cat-item .tns .prev img,
.cat-item .tns .next img {width: 32px; height: 32px; cursor: pointer; visibility: hidden;}
.cat-item .tech {width: 280px; float: left; margin: 1.25em 50px 0 0;}
.cat-item .tech h2 {margin-top: 0; margin-left: 0; color: #ccc;}
.cat-item .tech table {width: 100%;}
.cat-item .tech td {font-size: .916em; color: #999; padding: 3px 12px; width: 100%; border-bottom: 1px solid #f0f0f0;}
.cat-item .tech td.val {font-weight: bold; color: #333; width: auto; white-space: nowrap;}
.cat-item .tech .last td {border: 0;}
.cat-item .extra {width: 290px; float: left; margin-top: 1.25em;}
.cat-item .extra h2 {margin-top: 0; margin-left: 0; color: #ccc;}
.cat-item .extra p {font-size: .916em; margin: 0;}
.cat-item .nav {clear: both; width: 100%; font-size: 1.167em; font-weight: bold; padding-top: 30px;}
.cat-item .nav:after {content: ''; display: block; clear: both; height: 0;}
.cat-item .nav .prev {float: left;}
.cat-item .nav .next {float: right; margin-right: 47px; display: inline;}


/* design-list */
.design-list {font: bold 1.166em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; width: 100%;}
.design-list:after {content: ''; display: block; clear: both;}
.design-list .li {float: left; margin: 0 10px 2.142em 0;}
.design-list a,
.design-list span,
.design-list img {display: block;}
.design-list img {margin-bottom: .5em;}
.design-list a {position: relative;}
.design-list span {background: url(../img/design_list_ovr.png) no-repeat; position: absolute; top: 0; left: 0;}
.design-list .l span {background-image: url(../img/design_list_ovr_l.png);}
.design-list .li,
.design-list a,
.design-list img,
.design-list span {width: 140px;}
.design-list img,
.design-list span {height: 100px;}

/* order */
.order {width: 98%; margin-left: 20px; }
.order:after {content: ''; display: block; clear: both;}
.order label,
.order input,
.order textarea {font-size: .917em; float: left; margin-bottom: .454em;}
.order input,
.order textarea {width: 19.09em;}
.order label {display: block; width: 220px; color: #666;}
.order input.button {margin-left: 0; width: auto;}


/* errors */
.errors,
.errors li {display: block; margin-left: 0; padding-left: 0; list-style-image: none; list-style-type: none;}
.errors li {border-left: 3px solid #FD1C1C; background: #F2F2F2; padding: .25em .833em;}
.errors li.ok {border-color: #0cad00;}

.imgtxt {color:#2A86AB;font-size:0.875em;font-weight:bold;padding:7px 0 0 19px;float:left;width:124px;}