html { 
filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

html
{
    background:#000 url(img/html_bg.gif) repeat-y scroll center top;
    margin:0px;
    padding:0px;
    min-width:930px;
}

body
{
    background:transparent url(img/body_bg.gif) repeat-x scroll right 150px;
    margin:0px;
    padding:0px;
    color:#eee;
    font-family:Century Gothic, Arial;
    font-size:14px;
}

h1
{
    padding:0;
    margin:0 15px 0 0;
    font-size:16px;
    font-weight:normal;
    text-align:right;
}

p
{
margin-top:0;
}
/**/
a { outline: none; }

a:active { outline: none; }
a:focus { outline: none; }
a:focus { -moz-outline-style: none; }

a
{
    color:#fff;
    text-decoration:none;
}

a:hover
{
    color:#ccc;
    text-decoration:underline;
}

a img
{
    border:0px solid;
}

ul.none 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

.logo
{
    margin-top:0px;
}

#outer_holder
{
    width:905px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background-color:transparent;
    position:relative;
    height:562px;
    border:0px solid #fff;
    /*display:none;*/
}

#inner_holder
{
    width:905px;
    height:410px;
    border:0px solid red;
    background-color:transparent;
    /**/
    position:absolute;
    top:160px;
    left:0px;
    overflow-y:auto;
    
}

#head
{
    
}

.head_text
{
    display:block;
    padding-top:70px;
    padding-right:5px;
    float:right;
    color:#6A6A6A;
    font-size:16px;
    overflow:hidden;
    text-align:right;
}

.head_text a
{
    color:#6A6A6A;
}

.head_text a:hover
{
    color:#ccc;
}

.head_text p
{
    margin:0;
}

.logo
{
    float:left;
}


#nav
{
    /*position:relative;*/
    float:left;
    width:100px;
}

#nav ul
{
    margin:0px;
    padding:0px;
    /*position:absolute;
    top:0px;
    left:0px;*/
}

#nav ul li
{
    display:inline;
    text-indent:-9999px;
    
    float:left;
    /*background-color:#eee;*/
    margin-right:5px;
}

#nav ul li a
{
    display:block;
    width:20px;
    height:390px;
}

#nav ul li.home a, #nav ul li.home a:link
{
    background:#eee url(img/home.gif) no-repeat scroll left bottom;
}

#nav ul li.home a:hover, #nav ul li.home a:focus
{
    background:#eee url(img/home_hover.gif) no-repeat scroll left bottom;
}

#nav ul li.projects a
{
    background:#eee url(img/projects.gif) no-repeat scroll left bottom;
}

#nav ul li.projects a:hover, #nav ul li.projects a:focus
{
    background:#eee url(img/projects_hover.gif) no-repeat scroll left bottom;
}

#nav ul li.contact a
{
    background:#eee url(img/contact.gif) no-repeat scroll left bottom;
}

#nav ul li.contact a:hover, #nav ul li.contact a:focus
{
    background:#eee url(img/contact_hover.gif) no-repeat scroll left bottom;
}

#nav ul li.suppliers a
{
    background:#eee url(img/suppliers.gif) no-repeat scroll left bottom;
}

#nav ul li.suppliers a:hover, #nav ul li.suppliers a:focus
{
    background:#eee url(img/suppliers_hover.gif) no-repeat scroll left bottom;
}

#main
{
    
    float:right;
    width:800px;
    /**/
    overflow:hidden;
}

#foot
{
    
}

#homePage_outer
{
    background:transparent url(img/home_bg.jpg) no-repeat scroll 0 bottom;
    /*height:390px;*/
    padding:355px 10px 10px 10px;
    border-right:2px solid #fff;
}

#homePage_inner
{
    
    overflow:hidden;
    height:25px;
    /*background:red;*/
    text-align:right;
    
}


#projectsPage_outer
{
    background:transparent url(img/home_bg.jpg) no-repeat scroll 0 bottom;
    /*background:green;*/
    
    height:385px;
    padding:0px 0px 5px 10px;
}

#showProjectsPage_outer
{
    /*background:transparent url(img/home_bg.jpg) no-repeat scroll 0 bottom;
    background:green;*/
    background:#000;
    height:390px;
    
    padding:0px 0px 0px 0px;
}

#projectsPage_inner h1
{
    /*padding:0;
    margin:0;*/
    margin-top:355px;
}

#projectsPage_inner
{
    
    /*overflow-y:auto;*/
    height:385px;
    width:570px;

    
    border-left:0px solid #fff;
    border-right:0px solid #fff;
    /**/
    padding:0px 0px 0 0px;
    float:left;
    overflow:hidden;

}

#showProjectsPage_inner
{
    
    /*overflow-y:auto;*/
    height:390px;
    width:580px;

    
    border-left:0px solid #fff;
    border-right:0px solid #fff;
    
    padding:0px 0px 0 0px;
    float:left;
    overflow:hidden;
    /**/

}

#showProjectsPage_inner_holder
{
    display:none;
}

#projectsPage_inner2
{
    
    /*overflow-y:auto;*/
    height:385px;
    background:#000;
    width:196px;
    
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    /**/
    padding:5px 10px 0 10px;
    float:left;
}

#showProjectsPage_inner2
{
    
    /*overflow-y:auto;*/
    height:220px;
    background:#000;
    width:196px;
    
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    /**/
    padding:5px 10px 0 10px;
    float:left;
}

#showProjectsPage_inner2 a
{
    color:#6a6a6a;
}

#showProjectsPage_inner2 a:hover
{
    color:#ccc;
}

#showProjectsPage_inner3
{
    
    /*overflow-y:auto;*/
    height:160px;
    background:#000;
    width:196px;
    
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    /**/
    padding:5px 10px 0 10px;
    float:left;
}

#contactPage_outer
{
    background:transparent url(img/home_bg.jpg) no-repeat scroll 0 bottom;
    /*background:green;*/
    
    height:385px;
    padding:0px 0px 5px 10px;
    overflow:hidden;
}

#contactPage_inner h1
{
    /*padding:0;
    margin:0;*/
    margin-top:355px;
}

#contactPage_inner
{
    
    /*overflow-y:auto;*/
    height:385px;
    width:570px;

    
    border-left:0px solid #fff;
    border-right:0px solid #fff;
    /**/
    padding:0px 0px 0 0px;
    float:left;
    overflow:hidden;

}

#contactPage_inner2
{
    
    /*overflow-y:auto;*/
    height:385px;
    background:#000;
    width:196px;
    
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    /**/
    padding:5px 10px 0 10px;
    float:left;
}




#main
{
    /*display:none;*/
    display:block;
}

#projectsPage_inner2
{
    display:none;
}

.selectedProject
{
    color:#fff;

}

.scroll {
    height: 390px;
    width: 580px;
    overflow: auto;
    overflow: hidden;/**/
    position: relative;
    clear: left;
    
}

.scrollContainer div.panel {
    /*padding: 20px;*/
    height: 390px;
    width: 580px;
}

.projectImgLnk
{
    margin-top:0px;
}

ul.navigation
{
    margin:0;
    padding:0
}

ul.navigation li
{
    list-style:none;
}

ul.navigation a
{
    color:#6a6a6a;
}

ul.navigation a:hover
{
    color:#ccc;
}

ul.navigation a.selected
{
    color:#fff;
}

ul.navigation a:focus, ul.navigation a:active {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#overlay
{
    position:absolute;
    top:160px;
    left:104px;
    z-index:999;
}

.floatLeft{
    float:left;
}

.suppliers_single_logo
{
    margin-top:10px;
    margin-bottom:10px;
}

.suppliers_top_logo
{
    margin-top:10px;
}

.suppliers_left_logo
{
    margin-right:10px;
    float:left;
}

.suppliers_bottom_logo
{
    margin-top:10px;
    margin-bottom:10px;
}

.supplier_icons_br{
    clear:left;
}


#kitchen_supplier
{
    height:120px;
    overflow:hidden;
}

#appliance_supplier
{
    height:145px;
    overflow:hidden;
}

#worktop_supplier
{
    /*height:132px;*/
    overflow:hidden;
}

#contact_top
{
    height:90px;
    overflow:hidden;
}

#contact_middle
{
    height:226px;
    overflow:hidden;
}

#contact_bottom
{
    /*height:100px;*/
    overflow:hidden;
}

.bk
{
    margin:0 0 3px 0;
}

.bkItems
{
    display:none;
    width:auto;
    height:auto;
    position:absolute;
    bottom:10px;
    left:10px;
    background:#fff;
    overflow:hidden;
    z-index:999;
    color:#6A6A6A;
    border:1px solid #000;
    padding:10px;
    text-align:center;
}

.bkItems img
{
    margin:0px 0 0px 5px;
    border:1px solid #fff;
}

.bkItems a img:hover
{
    border:1px solid #ccc;
}

.bkItems span
{
    display:block;
}

.pdflink a img
{
    border:0px solid #fff;
    margin:0 0 -3px 0;
}

.pdflink a img:hover
{
    border:0px solid #fff;
}

.pdflink
{
    border:1px solid #fff;
    padding:2px;
}

.pdflink:hover
{
    border:1px solid #ccc;
}

.bkItems a
{
    text-decoration:none;
    color:#6A6A6A;
}

.bkItems a:hover
{
    text-decoration:none;
    color:#94004a;
}

.bkbutton
{
    width:143px;
    height:143px;
    display:block;
    position:absolute;
    bottom:10px;
    left:10px;
    background:transparent;
    overflow:hidden;
    z-index:99999;
    color:#6A6A6A;
    border:0px solid #000;
    padding:0px;
    margin:0px;
}

.bkbutton a
{
    color:#6A6A6A;
}

.bk1
{
    background:transparent url(img/bkButton.gif) no-repeat 0 0;
    width:143px;
    height:0;
    display:block;
    padding-top:41px;
    text-indent:-999px;
}

.bk2 a
{
    background:transparent url(img/bkButton.gif) no-repeat 0 -41px;
    width:143px;
    height:0;
    display:block;
    padding-top:47px;
    text-indent:-999px;
}
.bk2 a:hover
{
    background:transparent url(img/bkButton.gif) no-repeat 0 -184px;
    width:143px;
    height:0;
    display:block;
    padding-top:47px;
    text-indent:-999px;
}
.bk3
{
    background:transparent url(img/bkButton.gif) no-repeat 0 -88px;
    width:143px;
    height:0;
    display:block;
    padding-top:24px;
    text-indent:-999px;
}
.bk4 a
{
    background:transparent url(img/bkButton.gif) no-repeat 0 -112px;
    width:143px;
    height:0;
    display:block;
    padding-top:33px;
    text-indent:-999px;
}
.bk4 a:hover
{
    background:transparent url(img/bkButton.gif) no-repeat 0 -255px;
    width:143px;
    height:0;
    display:block;
    padding-top:33px;
    text-indent:-999px;
}