.links_subheading{color: #aa0000; font-style: italic; font-weight: bold;}
.linkedSite{background-color: #fff; color: #484848; border: outset 3px #8f8f8f; width: 374px;}
.linkedSite p{padding: 0 10px;}
.linkedSite a{color: #484848;}
.linkedSite p span{color: #aa0000; font-weight: bold;}
.rightLinks{width: 374px; margin: 0; padding: 10px; float: right;}
.leftLinks{width: 374px; padding: 10px; margin: 0;}

#boxColour{background-color: #797979; color: #fff; font-size: 1em;}
#boxColour:focus{background-color: #ddd; color: #300;}
.emital{font-style: italic; font-weight: bold ;}
/* MAIN BODY STYLING */

html{margin: 0; padding: 0;}

.karndean-amtico{
    width: 210px; 
    float: right;
    margin-top: 20px;
    }
    
body{
    margin: 0; 
    padding: 0; 
    background-image: url(images/stripe.gif); 
    background-repeat: repeat; 
    background-color: #000; 
    }
    
.outerWrapper{
    width: 950px; 
    margin: 0 auto; 
    background-image: url(images/blackGradient.gif); 
    background-repeat: repeat-x; 
    background-color: #626262; 
    padding: 0;
    }
    
.wrapper{
    background-color: transparent;  
    width: 850px; 
    margin: 0 auto; 
    padding: 0;
    }

.shadow{
    width: 1000px; 
    margin: 0 auto;
    margin-top: -20px; 
    padding: 0;
    background-image: url(images/shadow.gif); 
    background-repeat: repeat-y;  
    }
    
.clear{clear:both;}

h1{ 
    width: 378px; 
    border-bottom: solid 5px #aaa; 
    margin: 20px 0 0 0; 
    padding: 30px 0 0 0;
    }

h1 img{}

.beautiful-floors{
    margin: 0px; 
    }
    
h2{
    color: #fff; 
    font-family: batang; 
    font-size: 1.7em; 
    margin: 0;
    }
 
.mainImage{
    background-image: url(images/white-room.jpg); 
    background-repeat: no-repeat; 
    border: solid 6px #737373; 
    width: 440px; 
    height: 245px; 
    float: right; 
    margin-top: 30px; 
    }
    
 .boldText{font-weight: bold; }  
 .rightLegend{float: right; width: 470px; margin-right: -20px; margin-top: -50px;}  
 .rightLegendAbout{width: 460px; margin: 0px -20px 0 40px; float: right; color: #fff; font-size: 1.2em;}
 .aboutDiv2{padding: 0 10px; border: solid 1px #959595; background-color: #797979;}
 .aboutDiv2 h3{font-style: italic; color: #d6d6d6;} 
 .aboutDiv1{padding: 0 10px; border: solid 1px #959595; background-color: #797979;}
 .aboutDiv1 h3{font-style: italic; color: #d6d6d6;}
 .leftLegend{width: 335px; color: #fff; font-size: 1.2em;}
 .mainLegend{ width: 820px; margin: 0 auto;  margin-top: 100px; }
 .legend{width: 330px; margin: 80px 0 0 10px; color: #ebebeb; font-size: 1.3em;}
 
   .previousWorkLegend{width: 365px; margin: 20px 0 0 0; height: 300px; padding: 0; font-size: 1.1em;}
  .previousWorkLegend p{padding: 0 10px 0 10px;}
   .previousWorkLegend p:first-letter{font-size: 1.4em;}
 
  .legend p:first-letter, .wideLegend p:first-letter, .mainLegend p:first-letter{font-size: 1.4em;}
  .phoneAndView p:first-letter{font-size: 1.1em;} 
  

 .wideLegend{
    color: #ebebeb; 
    padding: 0 0 70px 0; 
    margin: 0 0 70px 0; 
    font-size: 1.3em;
    }
 
 .phoneAndView{margin: 30px 0 0 50px;}
    
.phoneBox{
    border: outset 2px #5c5c5c; 
    background-image: url(images/boxGradient.gif); 
    background-repeat: repeat-x;  
    width: 240px; 
    padding: 0px; 
    height: 60px; 
    margin-top: 50px; 
    color: #fff; 
    font-size: 1.1em;
    }

.phoneBox p, .viewBox p{
    float: right; 
    margin: 15px 10px 15px 0;
    width: 150px;
    }
    
.phoneBox img, .viewBox img{
    margin: -5px 0 0 -5px;
    }
    
.viewBox{
    border: outset 2px #5c5c5c; 
    background-image: url(images/boxGradient.gif); 
    background-repeat: repeat-x;  
    width: 240px; 
    padding: 0px; 
    height: 60px; 
    margin-top: 20px; 
    color: #fff; 
    font-size: 1.1em;
    }
 
.viewBox a, .viewBox a:visited{color: #fff; text-decoration: none;}
.viewBox a:hover{color: #f00; text-decoration: underline;} 
    
 #navcontainer{  
    width: 650px;     
    height: 25px;   
    margin: 25px -20px 0 20px;
    padding: 0 1px;
    float: right;
   }
 
#navcontainer ul{margin: 0; width: 650px; height: 25px; padding: 0;}

#navcontainer ul li{
    list-style-type: none;
    padding: 0 5px;
    margin: 0;
    display: block;
    float: right;
    background-color: transparent;  
    font-weight: bold;
    text-align: center;
    color: #fff;
    height: 25px;
}

#navcontainer a{
    text-decoration: none;
    display: block;  
    font: 16px/25px verdana, Georgia, Ariel;
    background-color: transparent; 
    margin: 10px 5px;
    color: #fff;
    height: 25px;
    width: 80px;
    font-style: italic; 
}

#navcontainer a:hover{
    height: 25px;
    border-bottom: solid 5px #fff; 
    font: 14px/23px verdana, Georgia, Ariel;
    color: #e60000;
    width: 80px;
    font-weight: bold; 
    font-style: italic; 
}

a, a:visited{color: #fff; text-decoration: none; }
.footer{background-image: url(images/footer.gif); background-repeat: repeat-x; height: 80px; color: #e9e9e9; text-align: right; border-top: double 3px #000; padding-bottom: 20px;}
.footer a, a:visited{color: #fff;}
.footer a:hover{color: #f00;}

.footer p{margin: 15px 50px 0 0; font-size: .8em;}

    .theForm{width: 450px; float: right; font-family: tahoma, verdana; margin: 0 auto; font-size: 1em; color: #000; padding: 0; background-color: #c0c0c0; border-left: solid 2px #fff; height: 500px;} 
    .contactGreySection{width: 850px; margin: 0 auto; margin-top: 100px; border: solid 2px #fff; background-color: #797979; height: 500px;}
/**********
* GALLERY
**********/
    .greySection{width: 875px; margin: 0 auto; margin-top: 90px;  height: 300px;
    background-color: #808080; border: solid 1px #fff; color: #fff;}
    .pics {  
    height: 420px;  
    width:   520px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 2px;  
    border:  5px outset #dbdbdb;  
    background-color: #dbdbdb;  
    
    top:  0; 
    left: 0 
}
.flooring-gallery{width: 590px; float: right; margin-top: -10px; margin-right: -85px; padding: 0;}