/************************************************
 *
 *  File    :   css/kirton.css
 *  Version :   v1.0
 *  Date    :   Friday, 20 April 2006
 *  Email   :   juan@ac-creations.net
 *
 ************************************************
 * Global style settings
 ************************************************/

 @media screen {

    * { margin: 0; padding: 0; }

    body { min-width: 750px; max-width: 1280px; position: relative; font: 0.8em Verdana, Arial, Helvetica, sans-serif; }
    ul   { list-style-type: none; }
    a    { text-decoration: none; overflow: hidden; }
    h1, h2, h3, h4, h5 { text-indent: -9999px; overflow: hidden; }
    img, input { vertical-align: middle; }
    input, textarea { padding: 4px; font-size: 0.8em; }
    textarea { font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
    img.floatLeft { float: left; margin: 4px; }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/************************************************
 * Layout settings
 ************************************************/

    #left-content, #bottom #sub-content, #bottom #footer div { margin-right: 260px; }
    #right-content { width: 259px; border-left: 1px solid #FFF; position: absolute; top: 0; right: 0; }
    #left-content #noborder { border: 0px; }

/************************************************
 * Inherited Settings
 ************************************************/

    #left-content #header , #right-content #information { height: 6.5em; }
    #left-content #header * , #left-content #subheader #navigation { float: left; }

/************************************************
 * Left Content
 ************************************************/

    /* URL **************************************/

        #left-content #url { height: 38px; padding-left: 12px; line-height: 36px; background-color: #3B6FA6; }
        #left-content #url a {
            padding-left: 15px;
            font-size: 0.85em;
            color: #FFF;
            background: #3B6FA6 url( ../images/kir-urlpointer.jpg) no-repeat 0 56%;
        }

    /* Header ***********************************/

        #left-content #header { background: #FFF url( ../images/kir-slogan.jpg) no-repeat 100% 0; }
        #left-content #header h1,
        #left-content #header h2 { text-indent: -9999px; }
        #left-content #header h1 { height: 82px; width: 275px; background: #FFF url( ../images/kir-logo.jpg) no-repeat; }

    /* Sub Header *******************************/

        #left-content #subheader { background: #4590E2 url( ../images/kir-navigationbg.jpg) repeat-y 200px 0; overflow: hidden; }

        /* Sub Header : Navigation **************/

            #left-content #subheader #navigation { height: 21em; width: 200px; min-width: 200px; background-color: #4590E2; }
            #left-content #subheader #navigation ul {
                width: 192px;
                margin: 0 0 7px 0;
                padding-bottom: 3px;
                float: right;
                background: #4590E2 url( ../images/kir-nav-bottom.jpg) no-repeat 0 100%;
            }
            #left-content #subheader #navigation ul li { position: relative; float: left; }
            #left-content #subheader #navigation ul li a { height: 28px; width: 192px; display: block; text-indent: -9999px; background-position: 0 0; }
            #left-content #subheader #navigation ul li a:hover { background-position: 0 -28px; }

            /* Navigation Backgrounds ***********/

            #left-content #subheader #navigation ul li a#bhome     { background-image: url( ../images/kir-nav-home.jpg); }
            #left-content #subheader #navigation ul li a#bvehicle  { background-image: url( ../images/kir-nav-vehiclewash.jpg); }
            #left-content #subheader #navigation ul li a#bwater    { background-image: url( ../images/kir-nav-watertreat.jpg); }
            #left-content #subheader #navigation ul li a#bcompany  { background-image: url( ../images/kir-nav-company.jpg); }
            #left-content #subheader #navigation ul li a#blocation { background-image: url( ../images/kir-nav-location.jpg); }
            #left-content #subheader #navigation ul li a#bcontact  { background-image: url( ../images/kir-nav-contact.jpg); }
            #left-content #subheader #navigation ul li a#bcareers  { background-image: url( ../images/kir-nav-contact.jpg); }

            #left-content #subheader #navigation ul li ul {
                position: absolute;
                left: -999em;
                width: 13.5em;
                float: left;
                margin-left: 193px;
                margin-top: -29px;
                padding-bottom: 0;
                border-top: 1px solid #FFF;
                border-right: 1px solid #FFF;
                background-color: #D2D2DE;
                background-image: none;
                font-size: 0.8em;
            }
            #left-content #subheader #navigation ul li ul li a {
                width: 13.3em;
                display: block;
                height: auto;
                line-height: 2.64em;
                padding-left: 0.2em;
                text-indent: 1px;
                color: #353535;
                border-bottom: 1px solid #FFF;
            }
            #left-content #subheader #navigation ul li ul li a:hover { background-color: #7F7E7E; color: #FFF; }

            #left-content #subheader #navigation li:hover ul,
            #left-content #subheader #navigation li.sfhover ul { /* lists nested under hovered list items */
                    left: auto;
            }

            /* Sub Header : Navigation : Search **/

            #left-content #subheader #navigation #searching { width: 199px; float: right; clear: both; }
            #left-content #subheader #navigation #searching h4 {
                height: 27px;
                clear: both;
                background: url( ../images/kir-header-search.jpg) no-repeat;
            }
            #left-content #subheader #navigation #searching form div { margin: 11px 0 23px 0; }
            #left-content #subheader #navigation #searching form div .textfield { width: 130px; border: 1px solid #3D70A7; }

        /* Sub Header : About *******************/

            #left-content #subheader #about {
                margin-left: 201px;
                padding: 60px 0 0 0;
                background: url( ../images/kir-upperquote.jpg) no-repeat 5px 0;
            }
            #left-content #subheader #about h4,
            #left-content #subheader #about p,
            #left-content #subheader #about div#more { padding: 0 5px; }
            #left-content #subheader #about h4  {
                height: 14px;
                width: 70px;
                margin-bottom: 5px;
                background: url( ../images/kir-header-aboutus.jpg) no-repeat 5px 0;
            }
            #left-content #subheader #about p   { margin-bottom: 10px; font-size: 0.85em; line-height: 1.5; color: #FFF; }
            #left-content #subheader #about p.last { margin-bottom: 0; }
            #left-content #subheader #about div#more {
                height: 3.5em;
                line-height: 3.5;
                background: #4590E2 url( ../images/kir-bottomquote.jpg) no-repeat 98% 0;
            }
            #left-content #subheader #about div#more a { font-weight: bold; font-size: 0.85em; color: #FFF; }

    /* Content **********************************/

        #left-content #pagebody, #bottom #sub-content { background: #FFF url( ../images/kir-pagebodybg.jpg) no-repeat 100% 0; }
        #left-content #content,  #bottom #sub-content { padding: 50px; }
        #left-content #content { min-height: 300px; background: url( ../images/kir-contentbg.jpg) no-repeat; }
        #left-content #content h5 { text-indent: 0; font-size: 1.3em; font-weight: normal; color: #4590E2; }
        #left-content #content h6 { margin-bottom: 15px; font-size: 0.9em; font-weight: bold; }

/************************************************
 * Right Content
 ************************************************/

    /* Fonts ************************************/

        #right-content #fonts { height: 38px; line-height: 3; background-color: #3B6FA6; text-align: center; }
        #right-content #fonts ul li { display: inline; color: #FFF; font-size: 0.85em; }
        #right-content #fonts ul li a { color: #FFF; font-weight: bold; }
        #right-content #fonts ul li a em { font-size: 0.8em; font-style: normal; }
        #right-content #fonts ul li a strong { font-size: 1.1em; }

    /* Information ******************************/

        #right-content #information { height: 83px; background-color: #E4E2E2; text-align: center; }
        #right-content #information h3 { padding: 20px 0 10px 0; text-indent: 0; font-size: 0.85em; font-weight: normal; color: #AAA8A8; }
        #right-content #information ul { width: 226px; margin-left: 15px; }
        #right-content #information ul li { display: inline; }
        #right-content #information ul li a {
            padding: 2px 11px;
            display: block;
            float: left;
            font-size: 0.8em;
            color: #AAA8A8;
            border-top: 1px solid #7F7E7E;
            border-left: 1px solid #7F7E7E;
        }
        #right-content #information ul li a.last { border-right: 1px solid #7F7E7E; }
        #right-content #information ul li a:hover { background-color: #7F7E7E; color: #FFF; }

    /* Contact **********************************/

   #right-content #contact { height: 259px; padding: 10px 0 0 15px; background-color: #3B6FA6; }
        #right-content #contact h4 { text-indent: 0; margin-bottom: 3px; color: #FFF; font-size: 0.9em; }
        #right-content #contact p  { font-size: 0.85em; color: #B6D5F8; }
        #right-content #contact form div label { display: block; margin: 5px 0 3px 0; font-size: 0.85em; color: #FFF; }
        #right-content #contact form div .textfield,
        #right-content #contact form div textarea { border: 1px solid #4590E2; }
        #right-content #contact form div .textfield { width: 120px; }
        #right-content #contact form div textarea { height: 75px; width: 170px; }
        #right-content #contact form div .button  { margin-bottom: 6px; }

 /* Previous Clients *************************/
  ]
	#right-content #previous-clients { background-color: #ffffff; }


        #right-content #previous-clients h5 { height: 29px; font-size: 6px; margin-top: 1px; background: #ffffff url( ../images/kir-header-prevclients.jpg) no-repeat; }

	#right-content #previous-clients p { font-size: 10px; #FFF; background-color: #ffffff; height: 10px; }


/************************************************
 * Bottom
 ************************************************/

    #bottom { position: relative; overflow: hidden; }

    /* Login ************************************/

    #bottom #login { width: 259px; float: right; margin-top: 1px; padding-top: 2px; padding-bottom: 10px; border-left: 1px solid #FFF; background-color: #E4E2E2; }
    #bottom #login h5, #bottom #login p, #bottom #login form { padding-left: 10px; }
    #bottom #login h5 { height: 19px; padding-top: 10px; background: #3B6FA6 url( ../images/kir-header-login.jpg) no-repeat 1px 0; }
    #bottom #login p  { margin: 10px 0; font-size: 0.8em; font-weight: bold; }
    #bottom #login form div { clear: both; }
    #bottom #login form div label {
        width: 6.5em;
        display: block;
        float: left;
        padding: 8px 5px 2px 0;
        text-align: right;
        font-size: 0.8em;
        font-weight: bold;
        color: #707172;
    }
    #bottom #login form div .textfield { width: 110px; float: left; display: block; margin: 3px 0; padding: 3px; border: 1px solid #3D70A7; }

    /* Footer ***********************************/

    #bottom #footer { background-color: #3B6FA6;  }
    #bottom #footer p, #bottom #footer ul {
        padding: 8px 0;
        background-color: #3B6FA6;
        color: #FFF;
        font-size: 0.8em;
    }
    #bottom #footer p  { width: 38%; float: left; text-align: center; }
    #bottom #footer p#copyrights { width: 42%; }
    #bottom #footer p#madeby a span { color: #8FBCEE; }
    #bottom #footer ul { width: 259px; float: right; text-align: center; border-left: 1px solid #FFF;  }
    #bottom #footer ul li { display: inline; }
    #bottom #footer ul li a,
    #bottom #footer p a { font-weight: bold; font-size: 0.9em; color: #FFF; }
 }