html, body { height: 100%; }

body { margin: 0; padding: 0; color: #000; font-family:Arial, Helvetica, sans-serif; background:url(../images/body-bg.jpg) repeat-x top #f3eed5; }

html {  }

#head, #foot, #middle { position: absolute; width: 100%; left: 0; }

#middle { top: 85px; bottom: 40px; overflow-y:scroll; }

#head { height: 84px; top: 0; }

#foot { height: 40px; bottom: 0; background:url(../images/page-bg-btm.jpg) repeat-x; position:fixed; }

.page-bg { background:url(../images/page-bg.jpg) no-repeat center -149px fixed; overflow:hidden; }

a:focus { outline:none; }

form { margin:0; padding:0; }

img { border:0; }

.clr { clear:both; }

body a { color:#00a4cf; text-decoration:none; }

body a:hover { color:#68bb45; }

/******* ALIGNMENT CLASSES *******/

.left { float:left; display:inline; }

.right { float:right; }



/******* TYPOGRAPHY *******/


@font-face {
    font-family: 'SpathaSerif';
    src: url('../font/spathaserif-webfont.eot');
    src: url('../font/spathaserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/spathaserif-webfont.woff') format('woff'),
         url('../font/spathaserif-webfont.ttf') format('truetype'),
         url('../font/spathaserif-webfont.svg#SpathaSerif') format('svg');
    font-weight: normal;
    font-style: normal;

}




/******* SMALL CLASSES *******/
.mrg-rt-9 { margin:0 9px 0 0; }

.pad-tp-8 { padding:0px 0 0 0; }

/******* TOPLINKS START *******/



.toplinks-box { width:892px; margin:0 auto; }

.toplinks-box .logo { margin:0; padding:11px 0 0 0; float:left; }

.toplinks-box .toplinks { padding:0; margin:0; font-family: 'SpathaSerif'; background:url(../images/toplinks-divider.gif) no-repeat left; float:right; }

.toplinks-box .toplinks ul { padding:0; margin:0; }

.toplinks-box .toplinks ul li { padding:0 0 0 0; margin:0; list-style-type:none; float:left; background:url(../images/toplinks-divider.gif) no-repeat right; }

.toplinks-box .toplinks ul li a { padding:0 20px; margin:0; color:#fff; font-size:16px; line-height:77px; text-align:center; text-decoration:none; }

.toplinks-box .toplinks ul li a:hover { color:#99cb00; }

/******* MAIN-CONTAINER START *******/

.main-container { margin:0 auto; width:892px; position:relative; padding:0; }

/******* HEADER START *******/

.header { padding:0 0 0 0; margin:0; font-family: 'SpathaSerif'; position:relative; }

.header .text-box { width:550px; margin:0; padding:0; }

.header h1 {color: #063551;
    font-size: 95px;
    font-weight: normal;
    line-height: 3px;
    margin-bottom: 71px;
    margin-top: 71px;
    padding: 0;
}


.header h2 { color: OrangeRed;
    font-size: 44px;
    font-weight: normal;
    line-height: 50px;
    margin: 0;
    padding: 0 0 12px;
}

.header h3 { font-size:44px; margin:0; padding:0 0 12px 0; color:#fff; font-weight:normal; line-height:20px; }

.header h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:bold; color:#063551; font-style:italic; font-weight:bold; margin:-7px 0 0 0; padding:0; display:block; line-height:26px; }

.header p { font-size:18px; margin:0; padding:6px 0 0 0; color:#063551; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:28px; }

/******* BODY-CONTAINER *******/

.content-box { padding:43px 0 27px 0; margin:24px 0 0 0; margin-bottom:300px; background:url(../images/content-box-bg.png) no-repeat; width:892px; overflow:hidden; }

.content-box .content { width:790px; margin:0 auto; padding:0; min-height: 390px; }

.content-box .content .two-col-box { margin:0; padding:0; width:790px; background:url(../images/content-bg.gif) repeat-y; overflow:hidden; min-height: 340px; }

.content-box .content .two-col-box .col-1 { width:521px; margin:0; padding:0 22px 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; }

.content-box .content .two-col-box .col-1 .title { margin:0; padding:0 0 6px 0; overflow:hidden; }

.content-box .content .two-col-box .col-1 .title .box-1 { margin:0; padding:0; width:50px; float:left; }

.content-box .content .two-col-box .col-1 .title .box-2 { margin:0; padding:0 0 0 10px; width:460px; float:left; }

.content-box .content .two-col-box .col-1 h2 { margin:0 0 0 0 ; padding:0 0 8px 0; font-size:28px; color:#19150b; font-weight:normal; background:url(../images/dotted-bdr.gif) repeat-x bottom;}

.content-box .content .two-col-box .col-1 h3 { margin:0; padding:0; font-size:18px; color:#678c00; font-weight:normal; font-style:italic; }

.content-box .content .two-col-box .col-1 p { font-size:14px; margin:0; padding:4px 0 18px 0; color:#5c5c5c; line-height:20px; font-weight:normal; }

.content-box .content .two-col-box .col-1 .btn-box { margin:17px 0 0 0; padding:0; }

.content-box .content .two-col-box .col-2 { width:229px; float:left; margin:0; padding:8px 0 0 18px; }

.homepage-frog { margin:-305px 0 0 -40px; padding:0; position:absolute; }

.advanced-tree-frog { margin: -334px 0 0 -50px; padding: 0; position: absolute; }

.advanced-tree-frog-gallery { margin: -334px 0 0 500px; padding: 0; position: absolute; }

.ezymaintain-frog { margin:-326px 0 0 -150px; padding:0; position:absolute; }

.gallery-frog { margin:-361px 0 0 -60px; padding:0; position:absolute; }

.plant-selection-frog { margin:-343px 0 0 -75px; padding:0; position:absolute; }

.contact-us-frog { margin:-334px 0 0 -75px; padding:0; position:absolute; }

.content-box .content .two-col-box .col-2 .ezy-maintain { margin:0; padding:3px 0 0 22px; background:url(../images/ezy-maintain-bg.png) no-repeat; width:202px; height:29px; color:#fff; font-size:21px; font-weight:bold; }

.content-box .content .two-col-box .col-2 p { margin:0; padding:17px 0 5px 0; line-height:16px; color:#8e8e8e; font-size:13px; }

.content-box .content .col-2 .icon-box { margin:0; padding:0; }

.content-box .content .two-col-box .col-2 .icon-box .block-1 { margin:0; padding:5px 0 5px 0; border-bottom:1px solid #e7e7e7; overflow:hidden; }

.content-box .content .two-col-box .col-2 .icon-box .block-1.none { border-bottom:none; }

.content-box .content .two-col-box .col-2 .icon-box .block-1 .small-block-1 { margin:0; padding:0; float:left; width:44px; }

.content-box .content .two-col-box .col-2 .icon-box .block-1 .small-block-2 { margin:0; padding:0 0 0 13px; float:left; width:169px; }

.content-box .content .two-col-box .col-2 .icon-box .block-1 .small-block-2 p { font-size:12px; margin:0; padding:0; color:#585858; font-style:italic; font-weight:bold; line-height:20px; }

.content-box .content .two-col-box .col-2 .buttn-box { margin:13px 0 0 0; padding:0; }

/******* FOOTER  *******/

		
.footer { margin:15px 0 0 0; width:790px; padding:10px 0 0 0; color:#494949; border-top:1px solid #d9d9d9; font-family:Verdana, Geneva, sans-serif; overflow:hidden; }

.footer p { font-size:10px; color:#494949; margin:0; padding:0; line-height:14px; }

.footer a { color:#80ac04; text-decoration:underline; font-size:11px; margin:0; padding:0; }

.footer a:hover { text-decoration:underline; color:#80ac04; }

#home { margin:0 auto; padding:100px 0 90px 0; width:892px; }

/* * * * INNER PAGES * * * */
.header-inner { padding:30px 0 0 0; margin:0; font-family: 'SpathaSerif'; position:relative; }

.header-inner .text-box { width:600px; margin:0; padding:0; }

.header-inner h1 { padding:0; font-size:60px; color:#063551; font-weight:normal; line-height:3px;  margin-top:71px; margin-bottom:71px;}

.header-inner h2 { padding:0; font-size:64px; font-weight:normal; color:#fff; line-height:3px; margin-top:53px; margin-bottom:53px;}

.header-inner h3 {
    color: OrangeRed;
    font-size: 44px;
    font-weight: normal;
    line-height: 50px;
    margin: 0;
    padding: 0 0 12px;
}

.header-inner h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:bold; color:#063551; font-style:italic; font-weight:bold; margin:-7px 0 0 0; padding:0; display:block; line-height:26px; }

.header-inner p { font-size:18px; margin:0; padding:6px 0 12px 0; color:#063551; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:28px; }




.content-box .content .two-col-box .col-1 .inner-content { margin:0; padding:19px 0 0 0; }

.content-box .content .two-col-box .col-1 .inner-content p { font-size:12px; margin:0; padding:8px 0 0 0; color:#5c5c5c; line-height:20px; }

.content-box .content .two-col-box .col-1 .inner-content .pic-box { margin:0; padding:0 0 3px 0; overflow:hidden; }

.content-box .content .two-col-box .col-1 .inner-content .pic-box .colum-1 { margin:0; padding:0; float:left; }

.content-box .content .two-col-box .col-1 .inner-content .pic-box .colum-2 { float:left; margin:0; padding:0 0 0 20px; width:324px; }

.content-box .content .two-col-box .col-1 .inner-content .pic-box .colum-2 h2 { margin:0; padding:0; font-size:14px; color:#5c5c5c; background:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }

.content-box .content .two-col-box .col-1 .inner-content .pic-box .colum-2 p { 
	font-size:12px; margin:0; padding:8px 0 0 0; color:#5c5c5c; line-height:21px; 
}
#head{
	position: fixed;
	background:#000000;; 
		width:100%;
	z-index:3000;

	left:0px;
	top:0px;
	width:100%;
	 z-index:9999;
	 background: url("../images/body-bg.jpg") repeat-x scroll center top #F3EED5;
}
.page { margin:0 auto 0 auto; padding:90px 0 90px 0;}
#middle { top: 85px; bottom: 40px; overflow-y:scroll; }
div.clr{clear:both;font:0px/0px Arial, Helvetica, sans-serif;background:none; height:0; width:0; margin:0; padding:0;}
h2{
	margin-top:0;
	margin-bottom:0;
}
#contact { margin:0 auto 0 auto; padding:90px 0 150px 0;}
/* .. and to hide the link */

ul.tips + a{display:none}



.plantselection {
    color: #063551;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14.5px;
    font-style: italic;
    line-height: 24px;
}


/*Folio PAGE*/

#folioouter{
float: left;
width: 790px;
height: 345px;
margin: 0;
padding: 0px 0px 0px 0px;
}
#folioouter1{
float: left;
width: 500px;
height: 300px;
margin: 0;
padding: 0px 0px 0px 0px;
margin-top:-18px;
}
#folioleftcol{
float: left;
width: 790px;
margin: 0;
padding: 0px 0px 0px 0px;

display:none;
}
#folioleftcol1{
float: left;
width: 520px;
margin: 0;
padding: 0px 0px 0px 0px;

display:none;
}

.foliotitle{
float: left;
width: 384px;
margin: 0;
padding: 0px 0px 20px 0px;}

.categorybox{
float: left;
width: 790px;
height: 63px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 15px;
}

.checkcol {
	float: left;
	padding:0px 0px 0px 0px;
	margin: 0px 15px 5px 0px;
	color: #000;
	font-weight: normal;
	font-size: 11px;
	height: 20px;
}
.checkholder {
	float: left;
	width: 20px;
	height: 25px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}

.foliolabel {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	color: #b90707;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}

.foliolabel a {
	color: #b90707;
	font-size: 12px;
}

.gallery_title {
	text-decoration: upper-case; color: #FF6600;
}

.gallery-category {
color: #999999;
font-size: 20px;
font-weight: normal;
text-transform:capitalize;
margin-left:-10px;
}


/*Folio THUMBS*/

#foliorightcol{
float: left;
width: 790px;
margin: 0;
padding: 0px 0px 0px 0px;
}
#foliorightcol1{
float: left;
width: 500px;
margin: 0;
padding: 0px 0px 0px 0px;
}
#folionavouter{
float: left;
width: 790px;
height: 21px;
margin: 0px;
padding: 5px 0px 0px 0px;
background-color:#ffffff;
position:relative;
left:0;
}

#folionavouter1{
float: left;
width: 495px;
height: 21px;
margin: 0px;
padding: 5px 0px 0px 0px;
background-color:#ffffff;
position:relative;
left:0;
}
#gallery_block a:hover{
	background:#000000 !important;
}

#foliocattitle{
float: left;
/*width: 400px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

display:none;
}

.foliothumb{
float: right;
margin: 0px 0px 20px 20px;
padding: 0px 0px 0px 0px;
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
}



#thumbs_div {
    margin-left: -40px;
}

/*Folio CLIENTS*/

#folioclientflash{
float: left;
width: 1000px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}


/*FOLIO PAGE TEXT*/

.foliointro{
float: left;
font-weight: normal;
width: 385px;
font-size: 10pt;
line-height:13.5pt;
color: #000;
padding: 0px 0px 14px 0px;
margin: 0;}

.foliowhiteh{
float: left;
font-size: 13px;
width: 385px;
color: #000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 3px 0px;
margin: 0;
}
.foliowhitecat{
float: left;
font-size: 15px;
width: 354px;
color: #000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin: 0;
}

.foliocatindicator{
float: left;
font-size: 16px;
color: #cccccc;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 0px 12px;
margin: 0;
}

.white{
color: #FFF}

/*FOLIO NAVIGATION*/

 #folionav ul
{
float: left;
width: 175px;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
font-size: 12px;
text-align: center;
font-weight: bold;
}

#folionav li
{
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
width: 16px;
line-height: 16px;
background-color: #FFFFFF;
color: #333333;

}

#folionav li a
{

float: left;
display: block;
text-decoration: none;
width: 16px;
line-height: 16px;
background-color: #FFFFFF;
color: #333333;
}


#folionav li a:hover
{
float: left;
text-decoration: none;
background-color: #a40607;
color: #FFFFFF;
}

#folionav li a.selected
{
float: left;
text-decoration: none;
background-color: #a40607;
color: #FFFFFF;
}


.content-box .content .two-col-box .col-1 .contact-text {
    font-family: Times New Roman,"Times New Roman",Times,serif;
    font-size: 16px;
}


/*-------------Tab Views ------------------------*/

div.TabView div.Tabs
{
  height: 24px;
  overflow: hidden;
}

div.TabView div.Tabs a
{
  float: left;
  display: block;

  width:  90px;
  text-align: center;

  height:      24px;
  padding-top: 3px;
  vertical-align: middle;
	border: 1px solid #cccccc;
	border-bottom-width: 0;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  color: #A40607;
  margin-left: 10px;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #f3f3f3;
}

div.TabView div.Pages
{
  clear: both;
  border: 1px solid #cccccc;
  overflow: hidden;
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
}