*{
margin:0;
padding:0;
}

a:focus, a:active{
outline:none;
border:none;
}


html{
background:url(../images/ptrepeat.jpg) 0 -30px repeat-x;
}

body { 
    
   background:url(../images/grasshead.jpg) 0 40px repeat-x;
    font-family:"Trebuchet MS", "TrebuchetMS", Trebuchet;
    font-size: 100%;
   
}

#greengrad{
background:url(../images/greengrad.jpg) bottom left repeat-x;
display: block;
margin-bottom: 1px;
padding-bottom: 40px;
}

#header{
width:915px;
display:block;
overflow: hidden;
margin:0 auto;
background:url(../images/yoursource.png ) 388px 63px no-repeat;
}

#header a.logohome{
display: block;
text-indent: -2000em;
background:url(../images/logo.png) top left no-repeat;
width:399px;
height:160px;
float: left;

}

#header h2{
display: block;
float: left;

text-indent:-2000em;
}

#wrapper {
    width: 915px;
    margin: 0 auto;    
    
    
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 915px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

.scroll {
    border-bottom: solid 10px #447eca;	
    height: 518px;
    width: 915px;
    overflow: auto;
   
    position: relative;
    clear: left;
    background:url(../images/whitegrad.jpg) left bottom repeat-x #fff;
   
    
}

.scrollContainer div.panel {
    padding: 3px;
    height: 537px;
    width: 915px;
    
}

#shade {
    background:url(../images/shade.png) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin:0 auto -5px auto;
   padding-top:4px;
   
    width:912px;
    display: block;
   
    height:45px;
    background:url(../images/navbg.jpg) top left repeat-x;
}

ul.navigation a#homeb{
width:87px;
height:36px;
background: url(../images/homeb.jpg) top left no-repeat;
}

ul.navigation a#aboutb{
width:123px;
height:36px;
background: url(../images/aboutusb.jpg) top left no-repeat;

}

ul.navigation a#specialb{
width:227px;
height:36px;
background: url(../images/monthlyb.jpg) top left no-repeat;

}

ul.navigation a#serviceb{
width:114px;
height:36px;
background: url(../images/servicesb.jpg) top left no-repeat;

}

ul.navigation a#contactb{
width:154px;
height:36px;
background: url(../images/contactb.jpg) top left no-repeat;

}

ul.navigation li {
    display: inline;
    
}

ul.navigation a {
    display: block;
    text-indent: -2000em;
    color: #000;
    text-decoration: none;
    float: left;
    margin-left:18px;
}

ul.navigation a#homeb:hover,
ul.navigation a#aboutb:hover,
ul.navigation a#serviceb:hover,
ul.navigation a#specialb:hover,
ul.navigation a#contactb:hover{
   background-position: 0 -36px;
}

ul.navigation a#homeb.selected,
ul.navigation a#aboutb.selected,
ul.navigation a#serviceb.selected,
ul.navigation a#specialb.selected,
ul.navigation a#contactb.selected{
   background-position: 0 -36px;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}



#prefooter{
display:block;
clear: both;
height:79px;
background:url(../images/ptrepeat.jpg) top left repeat-x;
}

#footer{
display:block;
clear: both;
height:39px;
background:url(../images/ptrepeatshadow.jpg) bottom left repeat-x;
padding-top: 1px;
}


#trucks{
display: block;
width:915px;
height:204px;
background:url(../images/hometrucks.jpg) top left no-repeat;

}

#columnWrapper{
width:900px;
height:300px;
margin:0 auto;
clear: both;
}

#homecolL{
display: block;
width:298px;
height: 289px;

float:left;

}


#homecolL ul li.lighter{

display: block;
height: 52px;
padding-left:38px;
margin-left:8px;
list-style: none;
background:url(../images/check.jpg) 0 0 no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;

}

#homecolL ul li.darker{

display: block;
height: 52px;
padding-left:38px;
margin-left:8px;
list-style: none;
background:url(../images/check2.jpg) 0 0 no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;

}


#homecolL ul li.darkest{

display: block;
height: 52px;
padding-left:38px;
margin-left:8px;
list-style: none;
background:url(../images/check3.jpg) 0 0 no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;

}



#homecolR ul{
margin-top:15px;
margin-left: 39px;
}

#homecolL li.bottomspace{
display: block;
height: 52px;
padding-left:38px;
margin-left:8px;
list-style: none;
background:url(../images/check.jpg) 0 8px no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;


}


#homecolR ul li.lighter{

display: block;
height: 52px;
padding-left:38px;
margin-left:8px;

list-style: none;
background:url(../images/check.jpg) 0 0 no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;
}

#homecolR ul li.darker{

display: block;
height: 52px;
padding-left:38px;
margin-left:8px;

list-style: none;
background:url(../images/check2.jpg) 0 0 no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;
}


#homecolR ul li.darkest{

display: block;
height: 52px;
padding-left:38px;
margin-left:8px;

list-style: none;
background:url(../images/check3.jpg) 0 0 no-repeat;
font-size:112%;
font-weight: 700;
color: #1139e3;
}



li.bottomspace{
display: block;
margin-bottom: 15px;
}


#homecolL h3{
color: #2162ac;
display: block;
width:300px;
height:85px;
background:url(../images/homelefthead.jpg) top left no-repeat;
font-size:24px;
padding:10px 0 0 19px;
letter-spacing: -.02em;
text-indent: -2000em;
}

#homecolM h3{
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:35px;
color: #5cca2d;
text-align: center;
letter-spacing: -.05em;
margin-top:4px;
margin-left: -23px;
text-indent: 12px;
}

#homecolM a img{
border: none;
display: block;
margin-bottom: 4px;
}


h4.tampaphone{
background: url(../images/tampa-phone.jpg) no-repeat;
text-indent: -2000em;
display: block;
width:265px;
height: 65px;
margin-bottom: 6px;
}

h4.westpalmphone{
background: url(../images/westpalm-phone.jpg) no-repeat;
text-indent: -2000em;
display: block;
width:265px;
height: 66px;
margin-bottom: 6px;
}



a.inquire{
display: block;
width:265px;
height:58px;
background:url(../images/inquire.jpg) top left no-repeat;
text-indent:-2000em;
margin-top: 6px;
}






#homecolR{
display: block;
width:298px;

float: left;
height: 289px;
}

#homecolR h3{
color: #2162ac;
display: block;
width:296px;
height:85px;
background:url(../images/homerighthead.jpg) top left no-repeat;
font-size:24px;
padding:10px 0 0 44px;
letter-spacing: -.02em;
text-indent: -2000em;
margin-left:10px;

}

#homecolM{
display: block;
width:298px;
float: left;
height: 289px;
margin-left: 10px;
margin-right: -10px;
}

#trucks h2{
text-indent: -2000em;
}

#footercontent{
display: block;
width:450px;
height:23px;
background:#7bc23c;
float: right;
overflow: hidden;
margin-top:3px;
}

#footercontent a{
display: block;
text-indent: -2000em;
width:75px;
height: 24px;
background: url(../images/IT_Tech_logo.jpg) top left no-repeat;
float:left;
}

#footercontent p{
color:#333;
display: block;
float: left;
font-size: 80%;
margin-right:7px;
padding:3px 0 0 7px;
}




/****************services*****************/
#servicewrapper{
display: block;
clear: both;
overflow: hidden;

}

#servicehead{
display: block;
width:915px;
height:119px;
background:url(../images/servicehead.jpg) no-repeat;
margin-bottom: 9px;
}

#servicehead h2{
display: block;
text-indent: -2000em;
}

h3.serviceheaders span{
font-size:16px;
font-weight: normal;
}
#scol1{
display: block;
width:55px;
float: left;
margin-right: 5px;
}

img.icn2{
margin-top: 43px;
}

img.icn3{
margin-top: 14px;
}

img.icn4{
margin-top: 60px;
}

img.icn6{
margin-top: 45px;
}

img.icn7{
margin-top: 27px;
}



#scol2{
width:369px;
display: block;
float: left;
padding-top:2px;
margin-right: 30px;
}

#scol3{
display: block;
width:55px;
float: left;
margin-right: 5px;

}

#scol4{
display: block;
float: left;
width:390px;
padding-top:2px;
}

#scol2 h3.serviceheaders, #scol4 h3.serviceheaders{
font-size:16px;
font-weight: 700;
color: #5cca2d;
}

#servicewrapper p{
font-size: 13px;
display: block;
margin-bottom: 17px;
color:#333;
line-height:16px;

}

a.learnmore{
color: #176ab0;
font-size:105%;
font-weight: bold;
}






/****************about*****************/

#about{
background: url(../images/cornerleaf.jpg) bottom right no-repeat;
}


#abouthead{
display: block;
width:915px;
height:217px;
background:url(../images/servicehead.jpg) no-repeat;
margin-bottom: 9px;
clear: both;
}


#slideshow {
    position:absolute;
    height:217px;
    z-index: 2;
   
   
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    }

#slideshow IMG.active {
    z-index:10;
    
}

#slideshow IMG.last-active {
    z-index:9;
}


h2.h2layer{

display: block;
background:url(../images/aboutus.png) top left no-repeat;
width:193px;
height:44px;
text-indent:-2000em;
}

#hovers{
position:absolute;
z-index: 5;
width:300px;
height:200px;
margin-top:173px;
margin-left:5px;
}


#aboutcopy{
display: block;
float:left;
width:493px;
margin-right: 8px;
margin-top:2px;


}

#missioncopy{
display: block;
float: left;
width:400px;
height: 240px;
}

#aboutcopy p.maincopy{
color:#333;
font-size: 100%;
line-height: 24px;
padding:0 18px 0 10px;

}

p.blockcopy span{
font-style: oblique;
font-size: 103%;
}

#aboutcopy p.blockcopy{
background-color: #1139e3;
display: block;
padding:8px 5px 10px 10px;
width:445px;
color:#fff;
font-weight: 100;
letter-spacing: .02em;
margin-top:15px;
margin-left:8px;

}

#missioncopy h3{

display: block;
color:#5cca2d;
font-weight: 600;
font-size:27px;

letter-spacing: .02em;


}

p.maincopyBlue{
color:#333;
font-size: 108%;
line-height: 24px;
padding:0 5px 0 2px;
color:#333;
font-style: oblique;

}


#copywrapper{

overflow: hidden;
margin-top:5px;
}

#sswrapper{
display: block;
clear:both;

height: 217px;
}











/****************fertilization*****************/
#fertilewrapper{
display: block;
clear: both;
overflow: hidden;

}

#fertilehead{
display: block;
width:915px;
height:26px;
background:url(../images/fertilization.jpg) no-repeat;
margin-bottom: 1px;
}

#fertilehead h2{
display: block;
text-indent: -2000em;
}


#fcol1{
display: block;
width:55px;
float: left;
margin-right: 5px;
}

img.ficn2{
margin-top: 82px;
}

img.ficn3{
margin-top: 32px;
}

img.ficn4{
margin-top: 33px;
}

img.ficn6{
margin-top: 49px;
}

img.ficn7{
margin-top: 64px;
}



#fcol2{
width:369px;
display: block;
float: left;
padding-top:2px;
margin-right: 30px;
}

#fcol3{
display: block;
width:55px;
float: left;
margin-right: 5px;

}

#fcol4{
display: block;
float: left;
width:390px;
padding-top:2px;
}

#fcol4 p{
padding-right: 8px;
}

#fcol2 h3.fertileheaders, #fcol4 h3.fertileheaders{
font-size:100%;
font-weight: 700;
color: #5cca2d;
}

#fertilewrapper p{
font-size: 81%;
display: block;
margin-bottom: 15px;
color:#555;
line-height: 16px;

}

#ftopL{
color: #176ab0;
display: block;
float:left;
width:285px;
margin-right:25px;
margin-left: 18px;

font-size: 106%;
}

#ftopM{
display: block;
float:left;
width:280px;
margin-right:25px;
color: #176ab0;
font-size: 106%;
}

#ftopR{
display: block;
float:left;
width:280px;

font-size: 106%;

}

#ftopL p, #ftopM p, #ftopR p{
color: #fff;
padding-top:4px;
}

#ftopwrapper{
overflow: hidden;
clear: both;
border-bottom: 1px solid #555;
height: 100px;
margin-bottom: 8px;
background: #176ab0;
}






/****************contact*****************/
label.block{
display: block;
margin-top: 15px;
}

#form p{
font-size: 85%;
}



label.nameinputs{
display: block;
}



fieldset#service{
border:none;

margin-bottom:15px;
width:525px;
}



#formwrapper{
width:450px;
display: block;
float: left;
}

#contactLeft{
background:#444 url(../images/contactgrass.jpg) center 4px no-repeat;
width:350px;
height:514px;
float:left;

display: block;
margin-right:20px;
padding-left:7px;
}

#address{
display: block;
margin-bottom: 50px;
margin-top:12px;
margin-left:8px;

}

#contactMission{
width:342px;
height:280px;
background:url(../images/mission.jpg) center top no-repeat;

}



#address h3{
font-weight: 400;
letter-spacing: .02em;
color: white;
font-size: 145%;
margin-top:15px;
text-indent: -2000em;
}

#address p{
font-size: 140%;
color: #fff;
margin-top: 48px;
}

h2#serviceinquiry{
color: #5cca2d;
display: block;
margin-bottom:3px;
margin-top: 10px;
}


#leftcheck{
float: left;
display: block;
width:235px;
}


#rightcheck{
float: left;
display: block;
width:245px;

}


p.clear{
clear: both;

}



/****************
*****************/






#specials h2{
display: block;
width:915px;
height:80px;
background:url(../images/specialshead.jpg) top left no-repeat;
text-indent: -2000em;
}

#specialscontainer{
display: block;
width:915px;
height:349px;
background:url(../images/leavecontainer.jpg) center top no-repeat;
padding-top:1px;
}


#bottomgrass{
display: block;
width:914px;
height:65px;
background:url(../images/specialshead.jpg) top left repeat-x;
margin-left:-2px;

}


#specials p{
font-size: 104%;
color: #666;
display: block;
width:584px;
height: 230px;
overflow: hidden;
margin:70px 0 0 170px;
padding:5px 5px 10px 5px;
background:url(../images/coupons.jpg) top left no-repeat;
text-indent:-2000em;
}

#thankyou h2{
color: #474747;
font-size: 165%;
text-align: center;
}

#thankyou p{
color: #999999;
font-size: 110%;
text-align: center;
}




p.clear{
clear: both;
}

h2#contacthead{
color: #5cca2d;
display: block;
margin-bottom: 3px;
margin-top: 1px;
}



/****************specials*****************/






#specials h2{
display: block;
width:915px;
height:80px;
background:url(../images/specialshead.jpg) top left no-repeat;
text-indent: -2000em;
}

#specialscontainer{
display: block;
width:915px;
height:349px;
background:url(../images/leavecontainer.jpg) center top no-repeat;
padding-top:1px;
}




#specials p{
font-size: 104%;
color: #666;
display: block;
width:584px;
height: 230px;
overflow: hidden;
margin:70px 0 0 170px;
padding:5px 5px 10px 5px;
}

#thankyou h2{
color: #474747;
font-size: 165%;
text-align: center;
}

#thankyou p{
color: #999999;
font-size: 110%;
text-align: center;
}




/****************west palm*****************/



#westpalm h2{
display: block;
width:915px;
height:80px;
background:url(../images/specialshead.jpg) top left no-repeat;
text-indent: -2000em;
margin-bottom: -1px;
}

#palmcontainer{
display: block;
width:915px;
height:349px;
padding-top:1px;
}

#phead-wrapper{
display: block;
clear: both;
overflow: hidden;
height: 47px;
margin-top: 5px;
}



#phead-wrapper h3{
color: #4bad23;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size:195%;

float: left;
letter-spacing: -.03em;
margin: 6px 0 0 10px;
}

#phead-wrapper h4{
display: block;
float: right;
background: url(../images/wp-images/wp-phone.jpg) no-repeat;
width:239px;
height:42px;
text-indent: -2000em;
margin:0 10px 0 0;
}


#palmmast{
width:890px;
height: 210px;
display: block;
clear: both;
background: url(../images/wp-images/palm-mast.jpg) no-repeat;
margin: 0 auto 0 auto;
}


#palmleft{
width:565px;
display: block;
float: left;
margin: 8px 0 0 14px;
}

#palmleft p{
display: block;
width:540px;
line-height: 24px;
margin-bottom: 19px;
font-size: 106%;
color:#333;
}

#palmleft a img{
border: none;
}

#palmright{
width:333px;
display: block;
float: right;
}

#palmright h3{
display: block;
text-indent: -2000em;
background:url(../images/wp-images/envy.jpg) no-repeat;
width:319px;
height: 87px;
margin: 62px 12px 0 0;
}