@charset "utf-8";
/* CSS Document */

body {background:#60554d; margin:0; padding:}

a {color:#60554d; text-decoration:none; font-weight:bold}
a:hover { color:#006c6f; text-decoration:none}

ul.text {list-style-image:url(../images/tick.jpg); padding-bottom:6px}
/* background colours */
#headcontainer {background:url(../images/pagebg_01.gif) repeat-x; height:175px; width:100%;}
#bodycontainer {background:url(../images/pagebg_02.gif) repeat; height:100%; width:100%; }
#footercontainer {background:url(../images/pagebg_03.gif) repeat-x bottom; height:53px; width:100%;  bottom:0}

/* structure */
#header { width:840px; height:175px; margin:0 auto}
#breadcrumb {width:820px; height:20px; margin:0 auto; padding:10px 10px 0px 10px;}
.breadcrumb, .breadcrumb a {font:10px Verdana, Arial, Helvetica, sans-serif; color:#999999}
#body {width:820px; height:100%; margin:0 auto; padding:0px 10px 20px 10px; }
#footer {width:820px; height:43px; margin:0 auto; padding:10px 10px 0px 10px; font:11px Arial, Helvetica, sans-serif; color:#ccc}

/* Navigation */

div.menu{
width:600px;
position:relative;
height:25px;
z-index:1
}
ul.menu{
position:relative;
padding:0px;
margin:0px;
list-style-type:none;
color:#FFFFFF;
float:left;
width:auto;
text-align:center
}
ul.menu a {padding:6px 0px; margin:0px 10px}
ul.menu ul{
position:absolute;
list-style-type:none;
display:none;
margin-left:10px;/*position in FF*/
z-index:1;
width:120px;
text-align:left;
opacity:.95;
}
ul.menu ul ul{
position:absolute;
display:none;
margin-top:-26px;
margin-left:125px;/*position in FF*/
z-index:-1;
width:120px;
text-align:left;
opacity:.95;
}
ul.menu:hover ul {
display:block;}
ul.menu:hover ul ul{
display:none;}
ul.menu ul li:hover ul{
display:block;
}
ul.menu ul a, ul.menu ul ul a
{padding:5px 0px 5px 4px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; margin:0px}
a.menu{
background-color:#60554d;
display:block;
padding:5px 0px 5px 0px;
width:100%;
text-decoration:none;
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold
}
a.menu:hover{
background-color:#3d3732;
color:#fff;
}

body#home a#homenav,
body#about a#aboutnav,
body#products a#productsnav,
body#projects a#projectsnav,
body#contact a#contactnav,
body#joinery a#joinerynav,
body#solutions a#solutionsnav {
	color: #60554d;
	background: #fff;
}

body.current a.currentnav, body.current1 a.currentnav1, body.current2 a.currentnav2, body.current3 a.currentnav3, body.current4 a.currentnav4, body.current5 a.currentnav5, body.current6 a.currentnav6, body.current7 a.currentnav7, body.current8 a.currentnav8, body.current9 a.currentnav9, body.current10 a.currentnav10, body.current11 a.currentnav11, body.current12 a.currentnav12, body.current13 a.currentnav13, body.current14 a.currentnav14, body.current15 a.currentnav15, body.current16 a.currentnav16, body.current17 a.currentnav17, body.current18 a.currentnav18, body.current19 a.currentnav19, body.current20 a.currentnav20, body.current21 a.currentnav21, body.current22 a.currentnav22, body.current23 a.currentnav23, body.current24 a.currentnav24, body.current25 a.currentnav25, body.current26 a.currentnav26, body.current61 a.currentnav61, body.design a.designav, body.project a.projectnav, body.manufacturing a.manufacturingnav
{ color:#60554d; background:#fff}

#flash {position:relative; width:840px; height:300px; padding:0px 10px 0px 10px; border:none}


/* begin gallery styling */
#jgal { list-style: none; width: 250px;}
#jgal li { opacity: .5; float: left; display: block; width: 55px; height: 55px; background-position: 50% 50%; cursor: pointer; border: 2px solid #999; outline: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 0px; left: 325px; display: none; }
#jgal li.active img { display: block; border:2px solid #ccc}
#jgal li.active, #jgal li:hover { border: 2px solid #999; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; height:300px; width:900px; overflow:hidden; }
#gallery li { float: left; margin: 0 10px 10px 0; }

#flash2 {position:relative; width:450px; padding:0px;}

/* begin gallery styling2 */
#jgal2 { list-style: none; width: 450px;}
#jgal2 li { opacity: .5; float: left; display: block; width: 70px; height: 70px; background-position: 50% 50%; cursor: pointer; border: 2px solid #999; outline: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
#jgal2 li img { position: absolute; top: -310px; left: 45px; display: none; }
#jgal2 li.active img { display: block; border:none}
#jgal2 li.active, #jgal2 li:hover { border: 2px solid #999; opacity: .99 /* safari bug */ }

/* styling without javascript2 */
#gallery2 { list-style: none; display: block; height:300px; width:450px; overflow:hidden; }
#gallery2 li { float: left; margin: 0 10px 10px 0; }


/* text styles */

.text {font:12px Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#000; line-height:18px}
.center {font:12px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#000; line-height:18px}
.header {font:20px Verdana, Arial, Helvetica, sans-serif; color:#60554d}