@charset "utf-8";
/* CSS Document */

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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-size: 100%; font-style: inherit; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
a img {border: none; }
a{text-decoration:none;}
a:hover{text-decoration:none;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
:focus {outline: 0 } 
html {overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; }
.left{float:left;}
.right{float:right;}
.scale {width: 100%; height: auto;}

.hide {display: none; }
.nobg {background: none; }

.center {text-align: center; }
.chk {border: 1px dashed #f00; }
input,textarea,select {background-color: transparent; font-family: Verdana, Geneva, sans-serif }
select,input,textarea {width: 100%; font-size: 14px; letter-spacing: 1px; border: 1px solid #eee; margin: 5px 0; padding: 5px 0; background-image: url(../images/shadow.png); background-repeat: repeat; color: #fff;  }
input:not([type=submit]):not([type=file]) {}
input[type=textarea] {width: 100%;}
input[type=button] {}
form input.submit {width: auto; }
button {border: none !important; background: none !important; padding: 0px !important; cursor: pointer; }
html {overflow-y: scroll;}
body {font-family: Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; height: 101%;  }

.box {min-width: 800px; max-width: 1200px; clear: both; margin: 0px auto;}
#site {float: left; clear: both;}
#infobanner,#headerwrap,#menuwrap,#contentwrap,#footerwrap {width: 100%; display: block; clear: both;}
#infobanner {text-align: center;}
#headerwrap {float: left; clear: both;}
#header {clear: both; display: block; background: #000;   }
#header:after, .section:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#headinfo div {text-align: center;   }
#headinfo1 {float: left; padding-top: 10px;}
#headinfo2 {padding: 2em 0 1em; height: 75px; text-align: center !important;  }
#headinfo3 {float: right; padding: 15px;}
#logo {}
#content {}
#menu {}
#menu a {padding: 25px 5px 0; height: 35px; display: inline-block;   color: #fff; border-bottom: 4px solid #000;font-family: 'Cagliostro', sans-serif;  }
#menu a:hover {background-color:#1F1F1F; border-bottom: 4px solid #81cbac; 
}
#menu a.active {border-bottom: 4px solid #81cbac; }
 
.section {width: 100%; display: block; clear: both; }
.anysection {float: left; margin-right: 1%;}
.full{width:100%; }
.eighty{width:80%;float:left;margin-right:1%;}
.seventy{width:70%;float:left;margin-right:1%;}
.sixty{width:59%;float:left;margin-right:1%;}
.half{width:49.5%;margin-right: 1%; float:left;}
.forty {width: 38.5%; margin-right: 1%; float: left;}
.third{width:32%;float:left;margin-right:1%;}
.twothirds{width: 66%;float:left; margin-right: 1%;}
.quarter{width:24.25%;float:left;margin-right:1%;}
.twenty{width:18%;float:left;margin-right:1%;}
.last{margin-right:0; float: right;}
.lasthalf {width: 49.45%; margin-right: 0px; float: right;}

#footerwrap {background-color: #666; margin-top: 20px;}
#footer {background-color: #fff; }
#copy {background: #000; padding: 15px;text-align: center;   position: fixed; bottom: 0;    color: #fff;    display: block; clear: both;  }
#copy a {color: #fff; padding: 0 4px; }
#copy a:hover {background-color: #FFF; color: #000; text-shadow: 0 0 #066 ; box-shadow: 0 0 3px #fff; 
-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

/* STYLES */
.homecontact {text-align: center !important; color: #fff; margin-top: 25px; padding-bottom: 15px; display: block; 
font-family: 'Cagliostro', sans-serif; letter-spacing: 0.125em; font-size: 1.2em;}
.homelogo {text-align: right !important;  }
.homelogo img {}
iframe  {border: 1px solid #999; padding: 10px;  background-image: url(../images/shadow.png); background-repeat: repeat;}
.imgHighlight {border: 3px solid #fff; float: left; margin-right: 25px;
-webkit-box-shadow: 0 0 5px #fff; -moz-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; }
.gallink { text-decoration: none; display: block;   height: 50%; width: 90%; margin: 0px auto; padding-top: 20%;  color: #fff;}
.gallink:hover {background:#FFF; color: #000; border: 1px solid #f1f1f1;  }


/* TYPOGRAPHY */
address,caption,cite,dfn,th,var {font-style: normal;font-weight: normal;}
caption,th {text-align: left;}
blockquote {margin: 20px; width: auto; }
.thisfont  {font-family: 'Cagliostro', sans-serif;}
p {margin: 0 0 10px; line-height: 2em;}
.contentcontact {font-family: 'Cagliostro', Verdana, sans-serif; font-size: 1.4em; text-align: left; padding-top: 20px;}
.contentlogo {text-align: right !important;   }
.contentlogo img {}
.textlink {color: #fff; font-weight: bold; border-bottom: 1px dashed #666666; }
.textlink:hover {border-bottom: 1px solid #fff;  }

h1,h2,h3,h4,h5,h6,#copy{font-family: 'Cagliostro', sans-serif; white-space: normal;color:#fff; font-weight: normal; text-transform: uppercase; }
h1{font-size:43px; margin-bottom: 0; }
h2{font-size:25px;    }
h3{font-size:24px; }
h4{font-size:1.3em; }
h5{font-size:1.2em; }
h6{font-size:1.1em; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {}
.content1 ul , .content1 ul li  { list-style-position: inside;}
.awardsST li {margin-bottom: 10px;}


/* BG */
#supersized-loader {position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{width:auto; height:auto; position:relative; outline:none; border:none; }

#supersized a {z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading {background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }



#container {position: absolute; margin: 0 0 40px; padding:5px 0; width: 100%; min-height: 70%;  }
.content1 {position: absolute; width: 100%; padding: 10px 0 20px; top: -150%; overflow: hidden;    }
.contentsml {}
.contentlrg {}
.noh {height: 20px;}
#landscaping-los-angeles {background-image: url(../images/shadow.png); background-repeat: repeat;    }
#about-zone24,#landscaping-services,#showcase,#awards, #contact {background-image: url(../images/shadow.png); background-repeat: repeat;  opacity: 0; }

#images {width: auto	; overflow: hidden;  background-image: url(../images/shadow.png); background-repeat: repeat; padding-bottom: 4px;}
#images div, #images img {display: block; float: left; width: 275px; height: 200px; padding: 5px; margin: 5px; }
#images span {background-color: black; color: #ccc; display: block; float: left; width: 215px; height: 160px; padding: 40px 30px 0 30px; }
 .gallerylogo {width: 65px !important; height: 24px !important;  }
 
#awardlist {width: 100%; height: 540px;  position: relative; clear: both; margin: 0px auto;     }
#awardlist .slide {left: 0; position: absolute; top: 0; display: block; clear: both;   }
#awardlist .hidden {display: none; }
.slide div { margin: 15px 0 0; font-weight: bold; }
.slide p {line-height: normal; }
#goto_next {float: right; }
#goto_previous {float: right; }