/*
// VP Carpet Tiles
// Dark Colour // Highlight Colour */




html{
min-height: 101%;
}


*{
padding: 0px;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: white;
padding: 8px 0px;
border: 0px;
margin: 0px;
color: #4b4b4b;
background-image: url(../images/back.jpg);
background-repeat: repeat-x;
background-position: top center;
}

a{
text-decoration: none;
color: #363636;
}
a:hover{
color: #a5a5a5;
}

h1{
font-family: arial;
font-size: 1.2em;
font-weight: normal;
color: #2e3192;
padding-top: 0px;
margin-top: 0px;
margin-left: 8px;
margin-bottom: 2px;
margin:0px;
font-size:1.4em;
letter-spacing: 1px;
border-top: 1px solid #cccccc;
padding-top: 10px;
}


h2{
font-size: 1.1em;
font-weight: lighter;
letter-spacing: 1px;
color: #2e3192;
margin: 0px;
margin-top: 5px;
padding-top: 10px;
}


h3{
font-weight: normal;
font-size: 10pt;
padding: 5px;
color: #ffffff;
background: #2e3192;

}

img{
border: none;
}

textarea.enquiry{
overflow: auto;
}

ul{
padding-left: 20px;
}




















#container{
width: 900px;
text-align: left;
margin: 0px;
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
overflow: hidden;
border: 1px solid #ccc;
}



#rightcol{
float: left;
width: 739px;
height: auto;
text-align: right;

}

#leftcol{
clear: both;
float: left;
width: 160px;

font-size: 0.8em;

}

#leftcol p{

}

#callback{
background: #2e3192;
color: white;
margin: 5px 0px;
}

#contact_details{
color: #26288d;
padding: 5px;
font-size: 11px;
}

#bar_box{
background: white;
padding: 5px;
}











#banner{
position: relative;
width: 900px;
height: 240px;
text-align: left;
}

#logo{
position: absolute;
top: 83px;
left: 200px;
}

#number{
position: absolute;
top: 20px;
right: 10px;
color: #ffffff;
font-size: 17px;
}

#number a{
color: #ffffff;
}

#networkingIcons{
position: absolute;
top: 100px;
right: 10px;
}

#networkingIcons a{

}

#nav{
position: absolute;
top: 200px;
right: 0px;
}



#banner img{
margin-top: 20px;
display: block;
float: left;
}

#banner img.telno{
margin-left: 200px;
margin-top: 25px;
}



#imgholder{
width: 400px;
height: 400px;
}



#content{
text-align: justify;
margin: 10px;
font-size: 11px;
line-height: 12pt;
color: #4b4b4b;
/*
background-image: url(../images/contback.png);
background-position: center;
background-repeat: no-repeat;
*/
}

#content p{
padding: 3px;
margin: 2px;
}

#content a{
color: #aaa;
}

#content_wrapper{
clear: both;

}






#footer{
border: 1px solid #cccccc;
border: 0px solid #cccccc;
clear: both;
width: 898px;
overflow: auto;
padding: 10px;
color: #e2e2e2;
font-size: 9px;
background: #00a6ef;
}

#footl{
float: left;
width: 435px;
text-align: left;
}

#footr{
float: left;
width: 445px;
text-align: right;
}

#footer a{
color: #e2e2e2;
}

#footer a:hover{
color: white;
}












#contleft{
float: left;
width: 200px;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 30px;
text-align: center;
}

#contright{
float: left;
width: 420px;
margin-top: 10px;
margin-bottom: 10px;
}











    #navigation {

        z-index: 99;
        margin: 0px;
        padding: 0px;

        height: 28px;

    }

    #navigation li{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
        border-right: 1px solid white;
    }
    #navigation a {
        font-family: arial, sans-serif;
        display: block;
        padding: 7px 15px 7px 16px;
        color: white;
        text-decoration: none;
        text-align: left;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 1px;
        background-color: #00aeef;

    }
    #navigation a:hover {
        color: white;
        background-color: #2e3192;
    }
    #navigation a.current {
        color: white;
        background-color: #2e3192;
    }
    #navigation a.current:hover {
        color: #ccc;
    }


    #navigation a.indented{
        margin-left: 10px;
        background: #f16a68;
    }

















.infobar{
width: 370px;
padding: 5px;
color: white;
background: #00aeef;
}

.bookingwide{
width: 680px;
}

#contright div.infobar{
margin-bottom: 1px;
}



.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: white;
}


.contimg{
margin: 8px;
}





#contact_form{
border: 1px dotted white;
overflow: auto;
padding: 10px;
background: #464646;
}

#contact_form label{
clear: both;
float: left;
width: 110px;
text-align: left;
font-weight: bold;
margin-top: 7px;
}

#contact_form input,#contact_form textarea,#contact_form select{
float: left;
width: 230px;
margin-top: 7px;
font-family: verdana,arial,tahoma,sans-serif;
font-size: 9pt;
border: 1px solid #cccccc;
padding: 3px;
}

#contact_form textarea{
overflow: auto;
height: 100px;
}

#contact_form input.submit{
clear: both;
width: auto;
padding: 4px 6px;
background: #00aeef;
border: 0;
float: left;
text-transform: uppercase;
color: white;
font-size: 0.8em;
font-weight: bold;
margin-right: 2px;
background-image: url(../images/grad_s.png);
background-repeat: repeat-x;
}

div.sub_btns{
clear: both;
padding-left: 50px;
float: right;
}



#subscribe{
background-color: #00aeef;
color: #2e3192;
width: 100%;
}

#subscribeinner{
margin: 3px;
}

#subscribe small{
font-weight: bold;
}

#user_email{
font-size: 10px;
padding: 2px;
display: block;
width: 98%;
}

#subscribe_signup{
border: 1px solid #2e3192;
background: #e2e2e2;
margin-bottom: 3px;
}