﻿
                                                          
                                                            /*elements*/
                                                            
                                                            

a {text-decoration:none; color:#27487e; }
p, ul { margin:0 0 5px 0; padding:0;}
img, li {margin:0; padding:0;}
h1 { font-size:18px;} h2 { font-size:18px; font-weight:normal; margin-bottom:15px; } 
small { font-size:14px; line-height:18px; margin:0; padding:0; }

                                                            /*Master*/



*{margin:0;padding:0}
html, body {height: 100%;}
.container { /* this is the div you want to fill the window */min-height: 100%;}
* html .container {height:100%}

body 
{
    margin:0;padding:0;
    background: url(../images/bg.gif) repeat;
    color:#27487e;
    font-family:Verdana;
}

        .global_banner_out
        {
            background-color:#ffffff;
            width:100%;
        }
        
        .global_banner_in
        {
            background: #ffffff url(../images/globalbanner.gif) no-repeat center;
            width:980px; height:101px; margin:0 auto;
        }
        
            .global_link
            {
                width:420px; height:101px; float:left;
            }
            
                .global_link a
                {
                        position:relative; display: block;
                        height:101px;
                }
                
                .global_link a span {visibility: hidden;}
            
            .global_number
            {
               height:93px; width:389px;
               background:url(../images/quickq.jpg) no-repeat; float:right;
            }
            
                .global_number a
                {
                        position:relative; display: block;
                        height:93px;
                }
                
                .global_number a span {visibility: hidden;}            

        .global_blue
        {
            background: url(../images/bluebg.gif) repeat-x;
            width:100%; height:563px;
        }


.container
{
    background-color:#ffffff;
    width:980px;
    padding:0 10px;
    margin:0 auto;
}

.header
{
    background: url(../images/header.jpg);
    height:213px;
}

.footer
{
    width:100%; height:50px;
    background: url(../images/footer.gif) repeat-x;
    clear:both; text-align:right; color:#ffffff;
}

        .footer p
        {
            margin-right:20px; font-size:.6em;
            padding-top:20px;
        }
        
        .footer a {color:#fff;}

.content
{

}

                                                            /* Navigation */

.nav
{  
    background:url(../images/navbar.gif) repeat-x;
    height:35px; min-height:45px; width:100%; display:block;
    padding:10px 0 0 0;
}

        
        .nav li 
        {
            display:inline; padding:0;
            height:45px; min-height:45px;
        } 
        
        .nav a
        {
            font:18px verdana;
            margin:0 15px 0 15px;
            font-weight:bold; display:inline-block;height:25px; min-height:25px;
        }
        
        
                .nav a:hover, body.home a#nhome,
                body.contact a#ncontact,
                body.design a#ndesign,
                body.materials a#nmaterials,
                body.quality a#nquality,
                body.quote a#nquote,
                body.capabilities a#ncapabilities
                {
                    

                    border-bottom:solid 3px #27487e;height:22px; min-height:22px;display:inline-block;

                }

        
        

                                                             /* Main */
                                                           
.default_top
{ 
    height:297px; width:100%;
    background: url(../images/default/contentbar.jpg) no-repeat;
    clear:both;
}

        .default_top_left
        {
            width:545px; height:187px;
            padding:20px 0 0 30px;
            float:left;
        }

        .default_top_left ul 
        {
            line-height:28px; list-style:url(../images/arrow.gif);
            font-size:14px; font-family:Arial;
            margin:10px 0 0 20px;
        }

        .default_top_right
        {
            
            width:305px; height:97px;
            padding:95px 10px 0 20px;
            font-weight:bold; font-family:Arial;
            font-weight:bold; float:right;
            line-height:22px;
        }
        
                .default_top_right p
                {font-size:14px; line-height:16px;}

.default_bottom
{
    clear:both; padding-bottom:10px;
    width:100%; height:360px;
    background: url(../images/default/contentbottom.jpg) no-repeat;
    background-color:#e8edf1;
}

        .default_bottom_left
        { width:440px; padding:150px 0 0 25px; 
          float:left; font-size:12px; line-height:18px;
        }
    
        .default_bottom_right
        { width:445px; padding:150px 20px 0 0; 
          float:right; font-size:12px; line-height:18px;
        }
        

                                                            /*Quality*/
#quality
    {
        height:410px;
    }
            #quality p { font-size:14px; font-family:Arial; margin-top:10px; line-height:18px;}
#tubes
    {
        background: url(../images/quality/tubes.gif);
        background-repeat:no-repeat; background-position:right;
        width:180px; height:255px; float:right; margin-top:-213px;
    }
    
.quality_lower
    {
        background: url(../images/quality/lowergraphic.jpg);
        width:915px; height:147px; margin-bottom:40px;
    }



                                                           /*Fabrication IS NOW CAPABILITIES*/

   
    
#fabric_top
    {
        height:400px; min-height:400px;
        font-size:12px;
        line-height:18px;
    }
    
        #fabric_top p
            {
                margin-top:10px;
            }

.cap_bottom
{
    background:url(../images/fabric/plastic15.jpg); 
    float:left;width:934px; height:240px;  margin:110px 0 10px 10px;
}
         
         .fabric_bottom_left
            {
                font-size:12px; line-height:18px;
                font-family:Arial; font-size:14px;
            }
         
                 .fabric_cell
                    {
                        background:url(../images/fabric/cellbg.jpg) no-repeat;
                        height:134px; width:643px;
                    }
                    
                            .fabric_cell_left
                                {
                                    float:left; width:420px;
                                    padding:10px 0 0 30px;
                                }
                            
                            .fabric_cell_right
                                {
                                    width:80px; height:80px;
                                    margin:13px 0 0 0;
                                    padding-right:22px;
                                    float:right;
                                    background:url(../images/fabric/cellbg.jpg) no-repeat left;
                                }
        
        .fabric_bottom_right
            {
                width:297px; height:483px;
                background:url(../images/fabric/blueside.jpg);
                float:right; margin-top:-28px;
                color:#ffffff; font-family:Arial;
                padding:20px;
            }
                    .fabric_bottom_right h2
                        {
                            font-size:30px;
                        }
                        
                    .fabric_bottom_right ul 
                        { 
                            font-size:18px; font-weight:bold; 
                            line-height:34px; list-style:none;
                            margin:20px;                
                        }
                            
                    .fabric_bottom_right p { font-size:11px; margin-top:-10px;}
                    
                    .fabric_plastic_bottom
                    {
                        background:url(../images/fabric/plastic15.jpg); 
                        float:left;width:934px; height:240px;  margin:10px 0 10px 10px;
                    }
                    
                                                        /* Design */


.design_bottom
{
     width:980px; height:268px; margin:10px 0;
    background:url(../images/design/bottombg.jpg);
    
}

.design_bottom_right
    {
        background: url(../images/design/rightbg.jpg) no-repeat;
        width:205px; height:515px; float:right;
        margin-top:-20px; margin-bottom:10px;
    }
    
         .design_bottom_left
            {
                font-size:12px; line-height:18px;
                font-family:Arial; font-size:14px;
            }
         
                 .design_cell
                    {
                        background:url(../images/design/cellbg.jpg) no-repeat;
                        height:134px; width:762px;
                    }
                            .design_cell_left
                                {
                                    float:left; width:420px;
                                    padding:10px 0 0 30px;
                                }
                            .design_cell_right
                                {
                                    width:80px; height:80px;
                                    margin:14px 0 0 0;
                                    padding-right:59px;
                                    float:right;
                                    background:url(../images/fabric/cellbg.jpg) no-repeat left;
                                }                           
                                
                                                    /* Contact */ 

#contact_top
    {
        min-height:220px;
        height:220px;
        font-size:12px;
        line-height:18px;
    }
    
        #contact_top p
            {
                margin-top:10px;
            } 

input, option, .formmis, textarea, textbox
{
    color:#4669a1;
}

input:focus, textarea:focus
{
    color:#4669a1;
}


.contactform
{
    margin-left:20px; clear:both;
}

        #cleft {float:left; margin-bottom:40px; margin-top:-45px;}
        #cright {float:left; margin-left: 5px; margin-top:-40px;}
        
        #qleft {float:left; margin-bottom:40px; margin-top:-160px;}
        #qright {float:left; margin-left: 35px; margin-top:-40px;}
        
        
#map { background:url(../images/contact/map.gif) no-repeat left; padding-left:20px; }
        
                                                   
                                                   
                                                    /* Common is now MATERIALS*/ 
                                                    
.listleft {float:left;}
.listmid {margin-left:80px;float:left;}
.listmidright {float:right;margin-left:20px;}
.listright {float:right; padding-right:70px;}
.fabric-list {margin-bottom:200px;}

.materials_lower {margin:-40px 0 0 80px; width:754px; height:229px;
    background: url(../images/materials/materialsbg.gif) top; }