﻿                                                            /*elements*/
                                                            
                                                            
a {text-decoration:none; color:#666667; font-weight:bold;}
p, ul { margin:0 0 10px 0; padding:0; font-family:Arial;}
img, li {margin:0; padding:0; border:none;}
h1 { font-size:24px; color:#29645e; margin:0 0 10px 0; background:url(../images/arrow.gif) no-repeat left; padding-left:25px;}
h2 { font-size:14px; color:#29645e; margin:0 0 5px 0; }
h3 { font-size:16px; color:#29645e; margin:0 0 5px 0; }
input { width:200px; font-family:Arial; font-size:14px; padding:0 4px; color:#666667; }
small {font-size:8px;}
input:focus { border:solid 2px #b3d8d6;}
textarea { padding:4px; font-family:Arial; font-size:14px; color:#666667; width:330px; margin-bottom:10px;}
textarea:focus { border:solid 2px #b3d8d6;}
legend {font-weight:bold; margin: 10px 0 5px 0; color:#666667;}
fieldset { border:none; border: solid 1px color:#666667;}

                                                            /*Master*/

.about-greentext
{
    color:#36615a;
    font-weight:bold;
}

.clist li
{
    list-style-type:none;
    padding-left:20px;
    background:url(../images/cbullet.gif) left no-repeat;
}

*{margin:0;padding:0}

body
{
    background-color:#172825; color:#666667; font-family:Arial; font-size:14px; margin:0; padding:0;
}

.head-home
{
    padding-left:20px;
    background:url(../images/home.gif) left no-repeat;
}

.head-contact
{
    padding-left:20px;
    background:url(../images/contact.gif) left no-repeat;
}

#container
{
    
    width:974px; margin:0 auto 0 auto; background-color:#ffffff;
}

#header
{
    height:49px; padding-top:231px;
    background:url(../images/header.jpg);
}

#top-right
{
    float:right;
    text-align:right;
    color:#ffffff;
    margin-top:-210px;
    margin-right:20px;
}

#top-right li
{
    list-style-type:none;
}

#top-right a
{
    color:#ffffff;
    text-decoration:none;
}

#top-right a:hover
{
    text-decoration:underline;
}

        #hh
        {
            margin:0 0 -30px 0; padding:0;
            font-family:Times New Roman; 
            color:#FFDB00; background:none;
        }

        #nav
        {height:30px; padding-left:10px;}
        
        #nav li
        { list-style:none; display:inline; padding:0 4px;}
        
        #nav a
        { color:#ffffff; font-size:14px; font-weight:bold; display:inline-block;
            padding:8px 10px 7px 0; border-right:solid 1px #90b1ae;}
            
        #nav a:hover,
        body.bhome a#nhome,
        body.bcontact a#ncontact,
        body.babout a#nabout,
        body.bservices a#nservices,
        body.bcalculator a#ncalculator,
        body.bsister a#nsister,
        body.bconcrete a#nconcrete
        { 
            background:url(../images/navarrow.gif) no-repeat bottom;}

#footer
{
    height:25px; background:url(../images/footer.jpg); text-align:right;
        padding:15px 15px 0 0; clear:both; color:#ffffff; clear:both;
}

        #footer a { color:#ffffff; font-weight:bold; }

#content
{

}

.default-top
{
    padding:10px;
    clear:both;
    border-bottom:solid 10px #172825;
}

        .default-top-left
        {
            width:650px;
        }
        
        .default-top-right
        {
            width:244px; height:177px; float:right; margin-top:-210px; padding:12px 10px 5px 20px;
            background:url(../images/default/tealtab.jpg) no-repeat; color:#333333;
            font-size:14px; line-height:16px;
        }
        .default-top-right ul
        {
            list-style-position:inside; list-style-type:none;
            margin-left:10px;
        }
        .default-top-right li
        {
            margin-bottom:2px;
            padding-left:15px;
            background:url(../images/bullet.gif) left no-repeat;
        }
        .default-top-right a
        {
            color:#333333;
        }
        
                

.default-bottom
{
    padding:10px;
    clear:both;
    border-bottom:solid 2px #d6b30b;
    height:300px;
}

#strip
{
    background:url(../images/default/strip2.jpg);
    height:100px;
    margin:0 -10px 20px -10px;
    padding:190px 0 0 10px;

}

#strip p
{
    font-size:12px; position:absolute;
}            

                                                        /*NAV Styles*/
#dropmenu{
    position:absolute;
    border:1px solid #000000;
    border-bottom-width: 0px;
    z-index:999;
    margin:1px 0 0 0;
}

#dropmenu a{
    width: 100%;
    display: block;
    text-indent: 3px;
    background:#ffffff;
    border-bottom: 1px solid #000000;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    color:#00928a;
    font-weight:normal;
    line-height:18px;
    z-index:999px;
}

#dropmenu a:hover{
    background-color: #00928a;
    border-bottom: 1px solid #1d4162;
    color:#ffffff;
}
                                                        /*End NAV Styles */
        
                                    
                                                            /*Services*/
.services-top
{
    padding:10px;
    clear:both;
    border-bottom:solid 10px #55857D;
    float:left;
    width:954px;
}

.services-row
{
    clear:both;
    padding-top:20px;
}

.services-section
{
    width:280px;
    float:left;
    background:url(../images/bigarrow.gif) left top no-repeat;
    padding-left:35px;
}

.learnmore
{
    color:#29645e;
    font-size:12px;
}                                                           
                                                            
                                                            
                                                            /*Services - Gravel Page*/


                                                            
.services-greybar
{
    background:url(../images/services/greybar.gif);
    width:450px; height:187px;
    padding:15px 10px 10px 15px;
}

    .services-greybar h2
    {
        margin-bottom:10px;
        float:left;
        width:380px;
    }
    
    .services-greybar ul
    {
        float:right;
        width:340px;
        margin-top:5px;
    }
    
    .services-greybar li
    {
        background:url(../images/blackarrow.gif) left top no-repeat;
        padding-left:20px;
        margin-bottom:10px;
        list-style-type:none;
    }
    
    .services-greybar b
    { color:#55857D; }   
    
.services-cell
{
    clear:both; float:left; width:440px; height:100px;
}

.services-locnbutton
{
    clear:both; float:left; margin:35px 0 0 0; width:380px;
}

.gravelbutton
{
    background:url(../images/services/tab.gif);
    padding:5px 10px;
    color:#ffffff;
    font-size:12px;
}

.gravelbutton
{
    background:url(../images/services/tab.gif);
    padding:5px 10px;
    color:#ffffff;
    font-size:12px;
}
.gravelbutton
{
    background:url(../images/services/tab.gif);
    padding:5px 10px;
    color:#ffffff;
    font-size:12px;
}

.gravelbutton-menu
{
    margin:-22px 0 20px 35px;
}



.gravelbutton-menu a:hover,
.gravelbuttonover
{
    background:url(../images/services/tabover.gif);
    padding:5px 10px;
    color:#ffffff;
    font-size:12px;
}
    
                                                                /*Contact*/   
                                                                
.contactarea
{
    background:url(../images/contactarea.jpg);
    width:461px; height:252px;
    float:right;
    margin:70px 40px 0 0;
}

.contacttable
{
    float:left;
}

.contactarea p, .contactarea h1, .contactarea a
{
    color:#ffffff; background:none; padding-left:0; position:relative;
}

.contactarea p { font-size:18px; }  
.contactarea a { position:relative; left:330px; top:-20px; font-size:18px;}   

                                                /* Calculator */
                                                
 .calculator
 {
    width:625px; height:326px; float:left; margin:30px 0 0 0; padding:0;
    background:url(../images/calc/bg.jpg) no-repeat top left;
 }
 
        .calccell
        {
            width:455px; clear:both;margin-left:85px; padding-top:60px; height:167px;
        }
        
                #calcell_circle
                {width:455px; clear:both; margin-left:85px; 
                    padding-top:16px; height:149px; margin-top:-77px;}
        
        .calculator h3
        { color:#00928a; font-size:14px; margin:0;}
        
        .calccell small
        {
            font-size:10px;
        }
        
        .calculator table
        { margin:9px 0 13px 0; padding:0; float:left; width:300px;
             font-weight:bold; color:#6a6a6a;}
 
        .calccell_bottom
        {
            color:#ffffff; font-weight:bold;
            clear:both; height:12px; text-align:left;
        }     
                
                .calcell_results 
                { float:left; line-height:0;}
                
                .calccell_link
                { width: 193px; height:12px; float:right; margin-top:-14px;
                    background:url(../images/calc/order.gif); }
                .calcell_link a
                { height:12px; position:relative; display:block; padding:0;}
                
                .calcell_padding
                { margin-top:0; font-size:12px;}  
                .calcell_padding_2
                { padding-top:2px; font-size:12px;}         
                
                
                
                
                                                 /* */                                                        