/*
// CI3
// Dark Colour // Highlight Colour // Orange */

*{
padding: 0px;
}

html{

}


body{
font-family: 'arial', Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #000000;
padding: 0px;
border: 0px;
margin: 0px;
color: #666;
/*
background-image: url(../images/back.png);
background-repeat: no-repeat;
background-position: top center;
*/
}

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

h1{
display: block;
font-family: 'arial',verdana,tahoma,sans-serif;
font-weight: normal;
font-size: 1.7em;
letter-spacing: 1px;
text-transform: uppercase;
color: #e2e2e2;
margin: 0px;
margin-left: 4px;
margin-bottom: 15px;
line-height: 24px;
text-align: left;
}


h2{
font-size: 1.3em;
font-weight: normal;
letter-spacing: 0px;
color: #f47c30;
margin: 0px;
margin-top: 5px;
}

h3{
font-size: 1.8em;
font-weight: bold;
color: #f47c30;
margin-top: 5px;
}

img{
border: none;
}

textarea.enquiry{
overflow: auto;
}

li{
color: #999999;
}

li span{
color: #363636;
}




#container{
width: 950px;
text-align: left;
margin: 0px;
background: #000000;
overflow: hidden;
background-image: url('../images/btmbar.png');
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 30px;
}

#content_wrapper{
clear: both;
overflow: hidden;
height: 470px;
}



#rightcol{
float: left;
width: 740px;
height: 450px;
margin-right: 10px;
text-align: left;
overflow: hidden;
}

#leftcol{
float: left;
width: 200px;
height: 450px;
margin-top: 5px;
overflow: hidden;
}






#banner{
width: 950px;
height: 100px;
margin-top: 8px;
text-align: left;
}

#banner_l{
float: left;
width: 700px;
}

#banner_r span{
font: bolder 11px/16px 'arial black', helvetica, sans-serif;
display: block;
padding: 20px 15px;
z-index: 500;
text-transform: uppercase;
color: #e2e2e2;
}

#banner_r{
font-family: 'arial', Verdana, Tahoma, Arial, sans-serif;
color: #f47c30;
letter-spacing: 1px;
font-size: 17px;
float: left;
width: 225px;
}

#tel a{
color: #f47c30;
}



#slideshow{
width: 950px;
height: 300px;
}

#slideshow img{
width: 950px;
height: 300px;
}



#content{
text-align: justify;
margin: 10px;
margin-right: 0px;
padding-right: 10px;
font-size: 0.9em;
line-height: 14pt;
color: #e2e2e2;
overflow: hidden;
background-image: url(../images/content_back.jpg);
background-repeat: no-repeat;
background-position: top right;
}

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

#content a{
color: #ffffff;
}

#content a:hover{
color: #cccccc;
}






#footer{
clear: both;
width: 950px;
height: 23px;
color: #f47c30;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}

#footl{
float: left;
width: 430px;
text-align: left;
padding: 5px;
}

#footr{
float: left;
width: 490px;
text-align: right;
padding: 5px;
}

#footer a{
color: #e2e2e2;
}

#footer a:hover{
color: white;
}












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

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











    #navigation {
        width: 900px;
        z-index: 99;
    }
    #navigation li{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    #navigation a {
    font-family: arial, sans-serif;
        display: block;
        padding: 6px 19px 6px 19px;
        color: white;
        text-decoration: none;
        text-align: left;
        font-size: 0.85em;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #000000;
    }
    #navigation a:hover {
        color: #000000;
        background-color: #888888;
    }
    #navigation a.current {
        color: #000000;
        background-color: #888888;
    }
    #navigation a.current:hover {
        color: #999999;
    }
















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

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



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


#side-tab-container{
position: absolute;
top: 110px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
font-size: 11px;
}


.side-tab img{
border: 0;
text-decoration: none;
}

a.side-tab:hover{
color: #888888;
}









#contact_form{

}

#contact_form label{
clear: both;
float: left;
width: 100px;
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;
}

#contact_form textarea{
overflow: auto;
width: 232px;
}

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

div.sub_btns{
margin-left: 110px;
}

.captcha-container{
width: 100%;
display: block;
clear: both;
float: left;
text-align: center;
padding: 5px;
margin-top: 7px;
}

#contact_form div.captcha-container input{
width: 80px;
float: none;
margin: 0px auto;
padding: 3px 3px 2px 3px;
}

div.captcha-container small{
display: block;
}





#content_area{
height: 400px;
overflow: hidden;
padding: 20px;
}

.highlight{
color: #f47c30;
}

.uppercase{
text-transform: uppercase;
}

.plusone{
font-size: 1.1em;
}

.minusone{
font-size: 0.9em;
}

.black{
color: #363636;
}

.lighter{
font-family: arial, Verdana, Tahoma, Arial, sans-serif;
}

.heavier{
font-family: 'arial black', Verdana, Tahoma, Arial, sans-serif;
}

.border_right{
border-right: 1px solid white;
}

.border_bottom{
border-bottom: 1px solid white;
}

#imageATbox{

padding-bottom: 0;
margin-bottom: 0;
padding: 0;
}

#imageATbox img{
padding-bottom: 0;
margin-bottom: 0;
}




#index_l{
float: left;
width: 600px;
padding: 25px;
}

#index_r{
float: left;
width: 275px;
text-align: right;
}

#profile_textbox{
width: 175px;
padding-top: 60px;
padding-left: 50px;
text-align: left;
}

.types_box{
overflow: auto;
}

.types_gra{
float: left;
width: 120px;
}

.types_desc{
float: left;
width: 450px;
}





ul.tree_conditions li{
margin-left: 10px;
list-style-type: none;
}

ul{
list-style-type: square;
padding-left: 1.4em;
margin-left: 20px;
}

ul.bullet{
color: white;
line-height: 25px;
}

ul.bullet li{
color: white;
list-style-type: square;
list-style-image: url(../images/bullet_r.gif);
padding-left: 10px;
}

ul.colorlist{
padding: 0px;
margin: 0px;
font-size: 0.9em;
}

ul.colorlist li{
padding: 0px;
margin: 0px;
margin-left: 17px;
list-style-type: square;
list-style-image: url(../images/bullet_b.gif);
line-height: 10pt;
}

ul.colorlist li.xli{
color: #ffffff;
list-style-type: square;
list-style-image: url(../images/bullet_w.gif);
}

#contact_left{
float: left;
width: 400px;
margin: 25px;
}

#contact_right{
float: left;
width: 400px;
margin: 25px;
}

a.email{
color: #999;
}

a.email:hover{
color: #aaa;
}


#testimonials{
width: 600px;
height: 400px;
background-image: url(../images/testimonial_back.png);
background-repeat: no-repeat;
position: relative;
float: left;
}

#testimonials h4{
font-weight: bold;
color: white;
margin: 0px;
font-size: 9pt;
}

#testimonials p{
padding: 0px;
margin: 4px 0px;
font-size: 0.9em;
line-height: 10pt;
}

#tes1{
position: absolute;
top: 40px;
left: 45px;
width: 135px;
}

#tes2{
position: absolute;
top: 40px;
left: 240px;
width: 135px;
}

#tes3{
position: absolute;
top: 40px;
left: 430px;
width: 135px;
}

#tes4{
position: absolute;
top: 220px;
left: 45px;
width: 135px;
}

#tes5{
position: absolute;
top: 220px;
left: 240px;
width: 135px;
}

#tes6{
position: absolute;
top: 220px;
left: 430px;
width: 135px;
}


#visits{
width: 280px;
height: 400px;
float: left;
background-image: url(../images/visits_back.png);
background-repeat: no-repeat;
margin-top: 26px;
}

#visits div.fgm{
margin: 10px;
}

#visits p{
font-size: 1em;
font-weight: bold;
}

span.freephone{
font-size: 1.8em;
color: white;
}






#gal_block{
width: 860px;
margin-left: 0px;
position: relative;
height: 620px;
}

#gal_block div.text{
position: absolute;
top: 160px;
left: 630px;
width: 230px;
font-size: 1.1em;
}

#gal_block p{
margin: 0px;
}


#jgal {
list-style: none;
width: 920px;
}

#jgal li {
opacity: .5;
float: left;
display: block;
width: 85px;
height: 60px;
background-position: 40% 40%;
cursor: pointer;
border: 1px solid #fff;
outline: 1px solid #ddd;
margin-right: 2px;
margin-bottom: 0px;
}

#jgal li img {
position: absolute;
top: 20px;
left: 220px;
display: none;
}

#jgal li.active img {
display: block;
top: 160px;
left: 17px;
border: 1px solid #fff;
}

#jgal li.active, #jgal li:hover {
outline-color: #bbb;
opacity: .99 /* safari bug */
}


#gallery {
list-style: none;
display: block;
}

#gallery li {
float: left;
margin: 0 3px 3px 0;
}

#jgal li span{
display: block;
font-size: 11px;
line-height: 11px;
text-transform: lowercase;
color: #222222;
padding: 3px;
margin-top: -18px;
background: url(../images/trans.png);
text-align: left;
}

td.galleryeditbox{
margin: 0px;
padding: 0px;
width: 85px;
height: 110px;
vertical-align: top;
font-size: 10px;
}





ul.red_bullets li{
color: #f47c30;
}

ul.red_bullets li span{
color: white;
}





#gradbtn{
width: auto;
padding: 4px 20px;
background: #f47c30;
border: 1px solid white;
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;
overflow: auto;
}

a#gradbtn{
color: white;
}

a.finishing_link{
font-weight: bolder;
color: #f47c30;
font-size: 1.1em;
}

a.finishing_link:hover{
color: #f47c30;
}



#suppliers td{
padding: 2px 20px;
}

td.red_titling{
color: #f47c30;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
}

img.thick_red_border{
border: 6px solid #f47c30;
}


.pvcu_float{
float: left;
margin: 6px;
text-align: left;
}

.pvcu_title{
color: white;
text-transform: uppercase;
font-size: 7pt;
}


.wood_float{
float: left;
margin: 6px;
text-align: left;
}

.wood_title{
color: white;
text-transform: uppercase;
font-size: 7pt;
}

.glass_float_6{
margin: 8px;
float: left;
position: relative;
margin-bottom: 25px;
}

.glass_float_12{
margin: 4px;
float: left;
position: relative;
margin-bottom: 20px;
}

.glass_title{
position: absolute;
top: 125px;
left: 5px;
color: white;
text-transform: uppercase;
font-size: 7pt;
}

.gt_higher{
top: 160px;
}

#glass_box{
margin: 10px;
}

#glass_box a{
color: #e2e2e2;
}

#glass_box a:hover{
color: #aaa;
}

a.finish_link{
text-transform: uppercase;
color: white;
margin-right: 15px;
}


.firstimg{
margin-bottom: 5px;
margin-top: 5px;
}



























#navholder{
width: 950px;
height: 28px;
text-align: center;
background-color: #282425;
background-image: url('../images/navback.png');
background-repeat: repeat-x;
border-top: 1px solid white;
border-bottom: 1px solid white;
}







#menu {
z-index: 1;
width: 950px;
float: left;
}

#menu ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
width: 158px;
float: left;
z-index: 5;
}

#menu ul.smaller{
width: 160px;
}

#menu .noborder{
border-right: none;
}

#menu ul.xcd{
width: 158px;
}

#menu a, #menu h2 {
font: bolder 11px/16px 'arial', helvetica, sans-serif;
display: block;
margin: 0;
padding: 6px 6px 7px 6px;
width: auto;
font-size: 11px;
z-index: 5;
background-image: url(images/aback.png);
background-repeat: repeat-x;
text-align: center;
text-transform: uppercase;
border-right: 1px solid white;
}

#menu a.last{
border-right: none;
padding-right: 9px;
}


#menu h2 {
color: #f47c30;
cursor: pointer;
z-index: 5;
letter-spacing: 0px;
}

#menu h2:hover {
color: #ffffff;
background-image: url('../images/grad.png');
background-repeat: repeat-x;
}

#menu a {
color: #000;
cursor: pointer;
text-decoration: none;
z-index: 99;
}

#menu a.toplink {
color: #f47c30;
z-index: 5;
}

#menu a.toplink:hover {
color: white;
background-image: url('../images/grad.png');
background-repeat: repeat-x;
}

#menu a:hover {
color: #ffffff;
background-image: url('../images/grad.png');
background-repeat: repeat-x;
}

#menu a.trans {
border-bottom: 1px solid white;
text-transform: uppercase;
color: #f47c30;
background: #000000;
width: 145px;
z-index: 5;
text-align: center;
border-right: 0;
}

#menu a.trans:hover {
color: white;
background-image: url('../images/grad.png');
background-repeat: repeat-x;
background-color: #f47c30;
}



#menu li {position: relative; z-index: 5;}

#menu ul ul {
position: absolute;
z-index: 5;
left: 0px;
}

#menu ul ul ul {
position: absolute;
z-index: 5;
bottom: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#menu h2.h2cur{
color: white;
background-image: url('../images/grad.png');
background-repeat: repeat-x;
background-color: #f47c30;
padding-bottom: 6px;
}

#menu a.acur{
color: white;
background-image: url('../images/grad.png');
background-repeat: repeat-x;
background-color: #f47c30;
}