/*
Theme Name: PROCARE
Description: The WordPress theme for PROCARE Landscape Management.
Author: Michael N. Kistler & Jeffrey Friend for Forward Media Group, Inc
*/

*
{
    margin: 0px;
    padding: 0px;
}

a:link, a:visited
{
	color: #200063;
}

a:hover
{
	color:red;
}

address
{
    font-style: normal;
}

body
{
    background-color: #7F8BA8;
    background-image: url("images/bgBody.gif");
    background-repeat: repeat-x;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    line-height: 1.4em;
}

fieldset, form
{
    border: none 0px;
}

h1
{
    color: #200063;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 15pt;
}

h2
{
    color: #200063;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 11pt;
}

iframe
{
width: 828px;
margin-left: 0px;
*/ width: 800px;
*/ margin-left: 20px;
padding-right: 0px;
background-image: url(images/ajax-loader.gif);
background-position: top center;
background-repeat: no-repeat;
}

img
{
    border: none 0px;
}

input
{
	margin-bottom: 5px;
}

p
{
	margin-bottom: 40px;
}

#container
{
    background-image: url("images/bgContainer.jpg");
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    width: 828px;
}

#header
{
    background-image: url("images/bgHeader2.gif");
    height: 88px;
    width: 828px;
}
    
    #header span
    {
        display: none;
    }

#nav
{
    background-color: #200063;
    font-size: 11pt;
    */ font-size: 10pt;
    font-weight: bold;
    height: 2.0em;
    list-style-type: none;
    width: 828px;
}
    
    #nav li
    {
        float: left;
    }
    
    #nav a
    {
        color: #FFFFFF;
        display: block;
        float: left;
        font-family: Trebuchet MS, Arial Narrow, Arial, Sans-Serif;
        height: 1.4em;
        overflow: hidden;
        padding: 0.3em 0em 0.3em 0em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    #nav a:hover
    {
        background-color: #FF0A0A;
        color: #FFFFFF;
    }
    
    #nav #navAbout
    {
        width: 66px;
    }
    
    #nav #navServices
    {
        width: 164px;
    }
    
    #nav #navTestimonials
    {
        width: 118px;
    }
    
    #nav #navEmployment
    {
        background-image: url("images/navEmployment.gif");
        background-position: left;
        width: 114px;
    }
    
    #nav #navTreeService
    {
        background-image: url("images/navTreeService.gif");
        background-position: left;
        width: 193px;
    }
    
    #nav #navWeather
    {
        background-image: url("images/navWeather.gif");
        background-position: left;
        width: 87px;
    }
    
    #nav #navContact
    {
        background-image: url("images/navContact.gif");
        background-position: left;
        width: 86px;
    }

#content
{
    background-color: #FFFFFF;
    background-image: url("images/bgContent.gif");
    background-repeat: repeat-x;
    border-bottom: solid 5px #200063;
    width: 828px;
}
    
    #content h1, #content h2
    {
        margin: 0px 20px 0px 20px;
        padding: 0.4em 0em 0.2em 0em;
    }
    
    #content p
    {
        margin: 0px 20px 10px 20px;
        padding: 0px 0px 10px 0px;
    }
    
    #content ol, #content ul
    {
        margin: 10px 20px 20px 20px;
        padding: 0px 0px 10px 30px;
    }
    
    #content blockquote
    {
    	padding-left: 30px;
    }
    
    #content div.section
    {
        background-image: url("images/bgContent.gif");
        background-repeat: repeat-x;
        border-top: solid 1px #818DAA;
        clear: both;
    }
    
    #content #breadcrumb
    {
        color: #5B6366;
        font-weight: bold;
        padding-top: 10px;
        font-size: 8pt;
        margin-bottom: 0px;
    }
    
    #content #breadcrumb a
    {
        color: #5B6366;
        text-decoration: none;
    }
    
    #content #breadcrumb a:hover
    {
        text-decoration: underline;
    }
    
    #content a.back2top
    {
        float:right;
        color: #5B6366;
        font-weight: bold;
        margin-top: 20px;
        margin-right: 25px;
        margin-bottom: 40px;
        font-size: 8pt;
        text-decoration: none;
    }
    
    #content a.back2top:hover
    {
        text-decoration: underline;
    }
    
    #content img.left
    {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #content img.right
    {
        float: right;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #content #logos
    {
        background-color: #B6BDCE;
        border-bottom: solid 5px #FF0A0A;
        border-top: solid 1px #818DAA;
        clear: both;
        text-align: center;
    }
        
        #content #logos img
        {
            padding: 10px 7px 10px 7px;
        }

#footer
{
    color: #200063;
    margin: 10px 0px 10px 0px;
}
    
    #footer #copyright
    {
        float: right;
    }

/*
    HOME SPECIFIC
*/

#home #content h2
{
    margin: 0px;
    padding: 0.4em 20px 0.2em 20px;
}

#home #subnav1
{
    background-image: url("images/picFeature1.jpg");
    background-repeat: no-repeat;
    height: 270px;
    list-style-type: none;
    width: 828px;
}

#home #subnav2
{
    background-image: url("images/picFeature2.jpg");
    background-repeat: no-repeat;
    height: 270px;
    list-style-type: none;
    width: 828px;
}

#home #subnav3
{
    background-image: url("images/picFeature3.jpg");
    background-repeat: no-repeat;
    height: 270px;
    list-style-type: none;
    width: 828px;
}
    
    #home #subnav1 li, #home #subnav2 li, #home #subnav3 li
    {
        clear: right;
        float: right;
    }
        
        #home #subnav1 li a, #home #subnav2 li a, #home #subnav3 li a
        {
            background-position: left;
            border-top: solid 1px #818DAA;
            display: block;
            height: 53px;
            width: 221px;
        }
            
            #home #subnav1 li a span, #home #subnav2 li a span, #home #subnav3 li a span
            {
                display: none;
            }
        
        #home #subnav1 li a:hover, #home #subnav2 li a:hover, #home #subnav3 li a:hover
        {
            background-position: right;
        }
        
        #home #subnav1 li #subnavLawnMaintenance, #home #subnav2 li #subnavLawnMaintenance, #home #subnav3 li #subnavLawnMaintenance
        {
            background-image: url("images/navLawnMaintenance.gif");
        }
        
        #home #subnav1 li #subnavLawnCare, #home #subnav2 li #subnavLawnCare, #home #subnav3 li #subnavLawnCare
        {
            background-image: url("images/navLawnCare.gif");
        }
        
        #home #subnav1 li #subnavLandscape, #home #subnav2 li #subnavLandscape, #home #subnav3 li #subnavLandscape
        {
            background-image: url("images/navLandscape.gif");
        }
        
        #home #subnav1 li #subnavSnowIce, #home #subnav2 li #subnavSnowIce, #home #subnav3 li #subnavSnowIce
        {
            background-image: url("images/navSnowIce.gif");
        }
        
        #home #subnav1 li #subnavIrrigation, #home #subnav2 li #subnavIrrigation, #home #subnav3 li #subnavIrrigation
        {
            background-image: url("images/navIrrigation.gif");
        }

#home #content
{
    background-image: url("images/bgMain.gif");
    background-position: right;
    background-repeat: repeat-y;
    position: relative;
}
    
    #home h2
    {
        background-color: #200063;
        border-top: solid 5px #FF0A0A;
        color: #FFFFFF;
        font-size: 10pt;
        padding: 5px 10px 5px 10px;
    }
    
    #home #content #main
    {
        background-color: #FFFFFF;
        background-image: url("images/bgContent.gif");
        background-repeat: repeat-x;
        /* border-right: solid 1px #818DAA; */
        float: left;
        width: 460px;
    }
    
    #home #content #main p {
    	margin-bottom: 15px;
    }
    
    #home #content #main h1 {
    	font-size: 11pt;
    }
    
    #home #content #main #weather
    {
    }
    
    #home #content #main #weather .headerTD 
    {
    padding: 5px;
    background: #200063; 
    border-top:5px solid #FF0A0A;
    }
    
    #home #content #main #weather .headerText
    {
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 15px;
    }
    
    #home #content #main #weather .headerDate
    {
    	color:#FFFFFF;
    	font-size: 9px;
    	font-weight: normal;
    	margin-left: 15px;
    }
    
    #home #content #main #weather #forecastRow
    {
    	padding-left: 15px;
    	padding-right: 15px;
    	padding-bottom: 10px;
    	font-size: .8em;
    }
    
    #home #content #side
    {
        /* 
        position: absolute;
        left: 461px;
        top: 0px;
        width: 367px;
        */
        float: left;
        border-left: 1px solid #818DAA;
        width: 366px;
        background-color: #5B6366;
    }
        
        #home #content #side h2
        {
        }
        
        #home #content #side #estimateContainer
        {
            background-color: #AFB6C9;
            background-image: url("images/bgPromo.gif");
            background-position: left center;
            background-repeat: repeat-x;
            min-height: 182px;
        }
            
            #home #content #side #estimateContainer form label
            {
                display: block;
                padding: 20px 0px 0px 0px;
            }
                
                #home #content #side #estimateContainer form label span
                {
                    float: left;
                    overflow: hidden;
                    padding: 0.1em 20px 0px 10px;
                    text-align: right;
                    width: 50px;
                }
                
                #home #content #side #estimateContainer form label span.invalid
                {
                    color: #FF0000;
                }
                
                #home #content #side #estimateContainer form label input
                {
                    width: 264px;
                }
                
                
            #home #content #side #estimateContainer input.button
            {
                background-image: url("images/buttonSubmit.gif");
                background-position: left top;
                height: 22px;
                margin: 20px 0px 20px 293px;
                width: 55px;
            }
            
            #home #content #side #estimateContainer input.button:hover
            {
                background-position: right top;
            }
            
        #home #content #side #snowEventContainer
        {
            background-color: #AFB6C9;
            background-image: url("images/bgPromo.gif");
            background-position: left center;
            background-repeat: repeat-x;
            height: 219px;
        }
        
			#home #content #side #snowEventContainer div
			{
				height: 169px;
				padding-top: 10px;
				padding-bottom: 10px;
				border: solid 0px #ffffff;
				overflow: auto;
			}
        
        #home #content #side #snowEventContainer h4
        {
        	margin: 10px 20px 5px 20px;
        }
        
        #home #content #side #snowEventContainer p
        {
        	text-align: right;
        	font-size: 9pt;
        }
        
        #home #content #side #action
        {
            background-color: #5B6366;
            clear: both;
        }

/*
    STANDARD PAGE TEMPLATE
*/

#standard #widePage 
{
	padding-bottom: 20px;
	min-height: 400px;
}

#standard #widePage div
{
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 700px;
	border: solid 0px #000000;
	min-height: 100px;
}

#standard #widePage div:hover
{
	background-color: #d7dce4;
}

	#standard #widePage h2.svcOverview
	{
		margin-bottom: 20px;
	}

	#standard #widePage #flashcontent
	{
		margin-left: auto;
		margin-right: auto;
		width: 500px;
		height: auto;
		color: #ffffff;
	}
	
	#standard #widePage #flashcontent:hover
	{
		background: none;
	}
	
	#standard #widePage #servicesOverview
	{
		width: 800px;
		margin-left: 20px;
	}
	
	#standard #widePage #servicesOverview #overviewPhoto
	{
		vertical-align: top;
		padding-top: 10px;
	}
	
	#standard #widePage #servicesOverview #overviewContent
	{
		vertical-align: top;
		padding-bottom: 30px;
	}

/*
	ABOUT PAGES
*/
	
img.staff
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 2px;
	border: solid 1px #200063;
}

#standard #widePage .team
{
	width: 725px;
	margin-left: 60px;
	margin-top: 20px;
}

	#standard #widePage .team td {
		padding-bottom: 15px;
		vertical-align: top;
	}
	
/*
	SERVICE PAGES
*/

#content #servPort
{
	float: right;
	width: 422px;
	background-color: #200063;
	background-image: url(images/servPort_btm.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	padding-bottom: 20px;
}

#content #servPort #servPort_top
{
	background-image: url(images/servPort_top.gif);
	background-repeat: no-repeat;
	width: 422px;
	height: 20px;
}

#content #servPort #flashcontent
{
	margin-left: auto;
	margin-right: auto;
	width: 376px;
	height: auto;
	min-height: 250px;
	background-image: url(images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
}

#content #servPort #flashcontent2
{
	margin-left: auto;
	margin-right: auto;
	width: 384px;
	height: auto;
	min-height: 261px;
	background-image: url(images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
}
	
#content #servPort p
{
	font-size: 8pt;
	text-align: center;
	width: 400px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}

#content #servPort p.credit
{
	font-size: 8pt;
	text-align: center;
}

#content  #servPort #servNav
{
	border-bottom: solid 1px #5B6068;
	border-top: solid 1px #5B6068;
	height: 118px;
}

#content #servPort #servNav a
{
	display: block;
	height: 118px;
	float: left;
}

#content #servPort #servNav a.servNav_lm
{
	width: 88px;
	background-image: url(images/servNav_lm.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #servPort #servNav a.servNav_lm:hover
{
	background-position: top right;
}

#content #servPort #servNav a.servNav_lc
{
	width: 80px;
	background-image: url(images/servNav_lc.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #servPort #servNav a.servNav_lc:hover
{
	background-position: top right;
}

#content #servPort #servNav a.servNav_lmc
{
	width: 81px;
	background-image: url(images/servNav_lmc.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #servPort #servNav a.servNav_lmc:hover
{
	background-position: top right;
}

#content #servPort #servNav a.servNav_snow
{
	width: 80px;
	background-image: url(images/servNav_snow.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #servPort #servNav a.servNav_snow:hover
{
	background-position: top right;
}

#content #servPort #servNav a.servNav_irr
{
	width: 93px;
	background-image: url(images/servNav_irrigation.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #servPort #servNav a.servNav_irr:hover
{
	background-position: top right;
}

a.contact
{
	display: block;
	width: 600px;
	height: 40px;
	background-image: url(images/icon_contact.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 165px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

/*
	EMPLOYMENT PAGE
*/

a.empApp
{
	display: block;
	float: right;
	width: 102px;
	height: 136px;
	background-image: url(images/download_empApp.gif);
	background-repeat: no-repeat;
	padding-right: 50px;
	margin-top: 0px;
}

/*
	SNOW EVENT PAGES
*/

#standard #widePage p.time
{
	font-size: 7pt;
	margin: -10px 0px 0px 20px;
	padding:0px;
}

/*
    CONTACT SPECIFIC
*/

#contact #contactContainer
{
    margin: 0px auto 0px auto;
    min-height: 508px;
}

	#contact #contactContainer #contactRight
	{
	border: solid 0px #ffcc00;
	width: 800px;
	min-height: 508px;
	}
	
	#contact #contactContainer #contactLeft
	{
	float: left;
	border: solid 0px #ffcccc;
	width: 480px;
	padding-right: 20px;
	}
	
	#contact #contactContainer #contactLeft form
	{
		margin-left: 50px;
	}
	
	#contact #contactContainer #contactLeft .required
	{
	color: #ff0a0a;
	font-size: 9px;
	font-weight: bold;
	}
	
	#contact #contactContainer #contactLeft .disclaimer
	{
	font-size: 10px;
	line-height: 12px;
	}

    #contact #contactContainer form label {
        display: block;
        margin: 0.7em 0em 0em 0em;
    }
        
        #contact #contactContainer form label span {
            display: block;
        }
        
        #contact #contactContainer form label .check, #contact #contactContainer form label .radio {
			display: inline;
			width: auto;
        }
        
        #contact #contactContainer form label span.invalid {
            color: #FF0000;
        }
        
        #contact #contactContainer form label input, #contact #contactContainer form label textarea {
            width: 321px;
        }
        
        
    #contact #contactContainer form #submit {
        background-image: url("images/buttonSubmit.gif");
		background-position: left top;
		height: 22px;
		margin: 20px 0px 20px 293px;
		width: 55px;
    }
    
    #contact #contactContainer form #submit:hover {
        background-position: right top;
    }