@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {border: 0; padding: 0; font-size: 100%; background: transparent;}
dfn,var {font-style: normal;}

/* Disable a deprecated */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

p {margin: 1em 0;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}

input,select,textarea,button {margin: 0; font-size: 92%;}
fieldset {padding: 0.5em; border: solid 1px #ccc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 2px; border: 1px solid #ccc; background: #fff;}
          input.text,input.password {padding: 2px; border: 1px solid #ccc; background: #fff;}
  input[type="hidden"] {display: none !important;}
          input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"],input[type="radio"] {width: auto !important;}
          input.image,input.checkbox,input.radio {width: auto !important;}
textarea {padding: 0.5em; border: 1px solid #ccc; background: #fff;}
input,label,select {vertical-align: middle;}
select {background: #fff;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #ccc; background-color: #ccc; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0; padding: 0; list-style-type: none;}
   ul li {margin: 0.2em 0; padding: 0 0 0 10px; background: url("../img/bull_li.png") 0px 7px no-repeat;}
   li ul,dd ul {margin: 0;}
        ul[type=disc], li[type=disc] { list-style-type: disc; }
        ul[type=circle], li[type=circle] { list-style-type: circle; }
        ul[type=square], li[type=square] { list-style-type: square; }
ol {margin: 1em 0; padding: 0; list-style-position: inside;}
   ol li {margin: 0.2em 0; padding: 0;}
   li ol,dd ol {margin: 0 0 0 1.5em;}
dl {margin: 1em 0; padding: 0;}
   dl dt {margin: 0.5em 0 0 0; padding: 0;}
   dl dd {margin: 0 0 0.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle; font: normal 0.75em Tahoma; color: #aaa;}
#footer img,#bottom img,p img {display: inline;}
img[border="1"],img[border="2"] {border: 1px solid #000;}

       /* -- Text -- */
blockquote {margin: 1em 0 1em 1.5em; padding: 0.5em 1em; quotes: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote:before, blockquote:after {content: ''; content: none;}
blockquote q {text-indent: -0.8em;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {white-space: pre; overflow: auto; padding: 10px; background: #F6F6F6; border: 1px solid #E5E5E5; }

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/

/*************** Fonts ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,input,textarea {font: normal 1em/1.4 Arial, Helvetica, sans-serif}
body {color: #fff;}
code,pre {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

h1,h2,h3,h4,h5,h6 {margin: 0.5em 0 0.5em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: normal 19px Tahoma; color: #dd6a06; }
h2 {font: bold 15px Arial, Helvetica, sans-serif; color: #f2e6ca; text-align:center }
h3 {font: bold 13px Tahoma; color: #6f0101; text-transform: uppercase}
h4 {font: bold 1.75em Tahoma; color: #222;}
h5 {font: bold 1.5em Tahoma; color: #111;}
h6 {font: bold 1.333em Tahoma; color: #000;}

h1 span { color:#731719}

a         {color: #f2e6ca; text-decoration: underline;}
a:visited {color: #f2e6ca;}
a:hover, a:active, a:focus {text-decoration: none;}

/*************** Positioning ***************/
body { background: #000;}
#wrapper { min-width: 200px; max-width:380px;   position:relative; margin: 0 auto; padding:0 12px 12px 12px; background: #000;  overflow: hidden}

       /* -- Mainframes -- */
#header     { margin: 0 -12px; }
body.index #wrapper     {}
#content    { position:relative; padding-top: 14px;}
  #content-text {}
#sidebar    {}
#footer     { clear:both}
#bottom     {}

/*  -- Header --  */
/*  logo */
#logo { position:relative; display:block; width: 100%; height: 151px; margin: 0; font: bold 18px/20px "Trebuchet MS", Helvetica, sans-serif; color: #FFF; text-align: center; text-transform: uppercase;  z-index:50}
#logo a,#logo span {display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: url("../img/logo.png") no-repeat center 0; text-indent: -900em; outline: none;}
dfn#slogan  {display: block; position:absolute; top: 79px; left:70px; z-index:100; font-family: Arial, Helvetica, sans-serif;  color:#800000; font-size: 14px; line-height:1.2; width: 238px;}
/* /logo */

/* menu  */
ul#nav {margin: 10px 0; padding: 0 0 10px 0; font: normal 18px "Arial Narrow", Arial, Helvetica, sans-serif; background:none}
ul#nav li { margin:0 0 4px 0; padding:0 0 0 8px; background: none; text-align: center; background: none; }
ul#nav li a { position:relative; padding: 0 10px 0 0; display: block; height:40px; text-transform: uppercase; color:#fff; text-decoration: none; line-height: 40px; font-weight: bold; background: #000;}
ul#nav li a:hover { background:#1e1e1e; color:#feedb2}


body.inner #header { padding-bottom:18px; background: none;}
body.inner #header ul.nav { background: none; text-align:center; text-transform: none;  font: bold 13px "Arial Narrow", Arial, Helvetica, sans-serif; padding-bottom:0; text-transform: uppercase;}
body.inner #header ul.nav li { display: inline; background: none; padding-left:10px; background:url(../img/separator-nav.png) no-repeat 0 center}
body.inner #header ul.nav li:first-child { background: none; padding-left:0;}
body.inner #header ul.nav li a { background: none; display: inline; padding-right:10px; color:#fff; text-decoration: none; font-weight:bold}
body.inner #header ul.nav li a:hover { color:#feedb2}
body.inner #header ul.nav li.active a{ color:#feedb2}


body.inner #footer { padding-top:25px; background: none}
/* /menu */

/* /-- Header -- */

/* -- Footer --  */
#footer {text-align: center; font-size: 11px; color: #d3d3d3; text-shadow: #d3d3d3 0 0; margin-top:1em }
#footer a {color: #d3d3d3;}
#footer hr  {display: none;}
#footer a.arizona { display: block; width: 120px; margin: 5px auto; padding: 5px 0 5px 30px; background:url(../img/arizona.png) no-repeat 0 center; color: #9c9c9c; text-decoration: none}

/* contacts  */
address.vcard {font-style: normal; display: block; margin-bottom:1em }
address.vcard a.fn {cursor: default; text-decoration: none; color: #fff;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
/* /contacts */
/* /-- Footer -- */

/* -- Bottom --  */
#bottom {font-size: 0.846em; color: #6b6b6b; text-align: center;}
#bottom a {color: #9c9c9c;}
/* /-- Bottom -- */
/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */

#content  { font-size:1.08333em; position:relative;}
body.index #content {padding:20px; background:url(../img/border.png) no-repeat 0 0; overflow: hidden}
#content span.shadow { position:absolute; top:17px; left:17px; display: block; height:314px; width:600px; background:url(../img/shadow.png) no-repeat  0 0; z-index:50}
#content p { text-align:justify}
#content #slide { position:relative; margin:0; }
#content #slide li { padding-left:0; background: none; margin:0; margin-bottom:20px;}
#content #slide li div.info { position:absolute; bottom:0; left:0; width:576px; height:102px; padding: 10px; font-size:21px; font-style:italic; text-align:right; background:url(../img/bg-slide-text.png) no-repeat 0 bottom}
#content #slide li div.info var { position:absolute; bottom:20px; right:20px; font-style:italic}
.center { margin:0 auto; text-align:center}
.left { float: left; margin: 0 20px 10px 0;}
h1 { position:relative; height:50px; line-height:50px; text-align:center; font-style: italic; color:#fff}
h1 span { position:absolute; top:0; left:0; height:100%; width:100%; background:url(../img/bg-h.png) no-repeat center center }
h1.avaliable  { height:67px;}
h1.avaliable span { background:url(../img/bg-h-avaliable.png) no-repeat center center}
h1.contact span { background:url(../img/bg-h-contact.png) no-repeat center center}

h1.gallery  { height:67px;}
h1.gallery span { background:url(../img/bg-h-gallery.png) no-repeat center center}
h1.testimonials span {background:url(../img/bg-h-testimonials.png) no-repeat center center}

h1.landscaping span { background:url(../img/heads.jpg) no-repeat center -23px;}
h1.enterprises span { background:url(../img/heads.jpg) no-repeat center -100px}
h1.woodworking span { background:url(../img/heads.jpg) no-repeat center -158px}
h1.pools_spa span { background:url(../img/heads.jpg) no-repeat center -227px}
h1.masonry  { height:60px}
h1.masonry span { background:url(../img/heads.jpg) no-repeat center -289px}
h1.estates span { background:url(../img/heads.jpg) no-repeat center -362px}


ul.avaliable {}
ul.avaliable li { overflow: hidden; clear: both; padding:0; background: none; padding-top:15px; margin:0; margin-top:15px; border-top: 1px solid #505050}
ul.avaliable li:first-child { padding-top:0; margin:0; border: none}
ul.avaliable li img { float: left; margin-right: 15px; padding: 0px; width: 142px; height: 142px; border: 1px solid #fff}
#content ul.avaliable li  p{ margin-top:0; text-align: left; overflow: hidden;}

a.view { padding-left:10px; background:url(../img/bg-a.png) no-repeat 0 center;}

ul.pager { text-align: center; margin:1em 0}
ul.pager li { display:inline; padding-left:0; background:none; }
ul.pager li a { color:#000; text-decoration: none; display: inline-block; height:19px; line-height: 17px; text-align:left} 
ul.pager li.prev a { width: 56px; background:url(../img/bg-prev.png) no-repeat; padding-left: 26px;}
ul.pager li.back a  { background:url(../img/bg-back.png) no-repeat; padding-left: 26px; width:40px}
ul.pager li.next a  { background:url(../img/bg-next.png) no-repeat;  padding-right: 32px; width:50px; text-align: right}

div.avaliable-info { overflow: hidden; position:relative; padding-bottom:15px; min-height:450px}

dl.avaliable-details { overflow: hidden; font-size:1.1538em;}
dl.avaliable-details dt { float:left; margin-top:0; font-weight: bold; color:#d2d0d0; width:107px;}

table.avaliable-details { width:243px; overflow: hidden; font-size:1.1538em; margin: 0 auto 20px; border: none; }
table.avaliable-details th { font-weight: bold; color:#d2d0d0; width:108px; text-align:left; vertical-align:top; padding:0 10px 10px 5px}
table.avaliable-details td { padding:0 5px 10px 5px} 

div.gallery { text-align: justify;}
div.gallery li { text-align:center; padding-left:0; background: none; margin-bottom: 10px; overflow: hidden }
div.gallery li a { display: inline-block; margin-left: 2px;}
div.gallery li a:first-child { margin-left:0;}
div.gallery li a:first-child { margin-left:0;}
div.gallery li img { display: inline; border: 1px solid #fff}

ul.avaliable-nav { margin:1em 0}
ul.avaliable-nav li { padding-left:0; background: none; text-align:center; }
ul.avaliable-nav li a { display: inline-block; background:#414141 url(../img/nav-avaliable.png) no-repeat; color:#fff; text-decoration: none; margin-bottom:10px; margin-left:2px; border: 1px solid #fff; padding-left: 40px; width:100px; height:24px; line-height: 23px; text-align:left; }

ul.avaliable-nav li a.map  { background-position: 0 0}
ul.avaliable-nav li a.aerial  { background-position: 0 -89px}
ul.avaliable-nav li a.brochure  { background-position: 0 -40px}
ul.avaliable-nav li a.about  { background-position: 10px -129px;}


div.contact { background:#191919; border: 1px solid #505050; padding: 15px 20px; text-align:center}
#content div.contact p { text-align:center}

div.contact ul  {}
div.contact ul li { text-align: center; padding-left:0; background: none; margin-top:16px; padding-top:16px; border-top: 1px solid #505050}
div.contact ul li:first-child { padding-top:0; margin-top:0; border: none}
div.contact ul li h2 { margin:1em!important}
div.contact ul li dl { overflow: hidden; text-align: left; }
div.contact ul li dl dt { float:left; width:55px; margin-top:0; font-weight: bold}

div.contact ul li a.google { display: inline-block; padding-top: 68px; background:url(../img/a-google.png) no-repeat center  0; font-size:15px; }
div.contact ul li a.email { display: inline-block; padding-top: 68px; background:url(../img/a-email.png) no-repeat center  0; font-size:15px;}
div.contact ul li a.blog { display: inline-block; padding-top: 68px; background:url(../img/a-blog.png) no-repeat center  0; font-size:15px;}

div.contact ul li dl dd a.email { padding-top:0; background: none; display: inline}

div.license { background:#222222; padding:10px; margin: 0 -20px -15px -20px}


ul.gallery-nav {  font-size:23px; color:#b4b3b3; width: 200px; margin:1em auto}
ul.gallery-nav li { padding-left:0; background: none}
ul.gallery-nav li a {color:#b4b3b3; padding-left:24px; background:url(../img/a-gallery.png) no-repeat 0 center;}
ul.gallery-nav li a:hover,ul.gallery-nav li.active a {background:url(../img/a-gallery-hover.png) no-repeat 0 center; color:#f2e6ca}

blockquote {overflow:hidden; border: none; margin:0 0 10px 0; padding:0;}
blockquote q { display: block; border: 1px  solid #505050; padding:10px; padding-left:54px; background:#0b0907 url(../img/bg-q.png) no-repeat 10px 10px; text-indent:0; color:#fff;  -moz-border-radius: 10px;   -webkit-border-radius: 10px;   -khtml-border-radius: 10px;   border-radius: 10px;  }

blockquote cite { font-style: normal; margin-left: 17px; margin-top: -1px; font-weight: bold; color:#fff; display: inline-block; padding:12px 20px; background:url(../img/bg-cite.png) no-repeat;} 

ul.nav-media { float:right; margin:0; }
ul.nav-media li { display:inline-block; padding-left:0; background: none; margin-left: 10px; margin-top: 5px;}
ul.nav-media li a { padding: 5px 0; padding-left:30px; display: inline-block; }
ul.nav-media li.audio a  { background:url(../img/a-audi.png) no-repeat 0 center}
ul.nav-media li.text a  { background:url(../img/a-text.png) no-repeat 0 center}

/* From iPad */
ul.gallery_demo_unstyled { overflow: hidden}
ul.gallery_demo_unstyled li { float: left; margin:0 7px 10px 0;}


	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{margin:0 auto;}
	.gallery_demo li { width:66px;height:66px;border:3px double #111;margin: 0 2px;background:#000; cursor: pointer}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

	#main_image{margin:0 auto 20px auto; height:162px; width:290px;}
	  #main_image img {width:290px; border: 1px solid #fff;}

	#main_gall{margin:0 auto 20px auto; height:162px; width:290px;}
	  #main_gall img {width:290px; border: 1px solid #fff;}

#block { border: none; padding:0;}
#about {position: relative;}
.gallery div.block { padding:10px; border: 1px solid #F2E6CA; margin-bottom:10px}
.gallery div.block	h2 { text-align: left }
.gallery div.block	form input {  border: 1px solid #F2E6CA; margin-bottom:10px; margin-bottom:10px; color:#000}
.gallery div.block label  { display: inline-block; width: 150px}
#submit { width:77px; height:18px; text-indent:-9999em; border: none; background:url(../img/submit.jpg) no-repeat}
#go { width:50px; height:20px; text-indent:-9999em; border: none; background:url(../img/go.jpg) no-repeat; margin-left:10px;}
#map  { padding:30px 0 0 0; border: none}
#aerial  { padding:30px 0 0 0; border: none}
.hidden { display: none}
.show { display: block}

a.close { position:absolute; top:3px; right:20px;}

div.gallery-other {margin-bottom:30px;}

#content .bottom-nav li.pools{ margin-left:0}

/*new*/
#thumb {margin: 0 auto 17px; width: 290px; overflow: hidden;}
  #thumb li {margin: 0 4px 3px 0; float: left; padding: 0; background: none;}
  #thumb li:last-child {margin-right: 0;}
  #thumb li a img {width: 66px; height: 66px; opacity: 0.5; border: 1px solid #fff;}
  #thumb li a:hover img, #thumb li a.activeSlide img {opacity: 1}

  em.about-marker {color: #FEEDB2}
  img.about-img {width: 291px; border: 1px solid #fff}
  #footer a.mgreen {margin-left: 20px; color: #1c910f}