/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/





/*====================*/
/*=== Reset Styles ===*/
/*====================*/

a {
	outline:none;
	
	
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	
}

table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#e8e1d5;
}

a, a:visited {
	color:#e8e1d5;
	text-decoration:none;
}
a:hover, a:active {
	color:#fff;
	text-decoration:none;
}

.container {
position:absolute;
width:1000px;
height:800px;
top:0%;
left:50%;
margin-left:-500px;
margin-top:0px;
}


.imageborder {
position:absolute;
width:1000px;
height:492px;
top:96px;
left:0px;
}



#treyonelink {
    position:absolute;
    top:30px;
    left:26px;
	background:url(images/logo.jpg) no-repeat;
    width:193px;
    height:53px;
    border:0;
    display:block;
    text-indent:-9999px;
}


#navigation {
background-color:#84735f;
   width:920px;
    height:31px;
	padding-left:0px;
    top:114px;
	position:relative;
	left:40px;
	z-index:105;
}

#whitefade {
   width:66px;
    height:223px;
	padding-left:0px;
    top:586px;
	position:absolute;
	left:750px;
}


#bottomfade {
   width:1000px;
    height:24px;
	padding-left:0px;
    top:800px;
	position:absolute;
	left:0px;
}


#pageheading {
   width:140px;
    height:32px;
	padding-left:0px;
    top:613px;
	position:absolute;
	left:34px;
}


#newsheading {
   width:120px;
 /*  width:83px;*/
 background-image: url(images/news1.jpg);
 background-repeat:no-repeat;

    height:195px;
	padding-left:0px;
    top:595px;
	position:absolute;
	left:752px;
}

.newstextbox {
   width:184px;
    height:130px;
	padding-left:0px;
    top:643px;
	position:absolute;
	left:776px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
text-decoration:none;
font-weight:normal;
color:#666;
}


.scrolltextbox {
   width:510px;
    height:160px;
	padding-left:0px;
    top:613px;
	position:absolute;
	left:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
overflow:hidden;
}


.contentSlider {
position:absolute;
top:615px;
left:185px;
height:285px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
width:520px;
z-index:4;

}

.brochuresites {
overflow:hidden;
position:relative;
float:left;
top:0px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
width:520px;
}

.scrolltextbox1 {
   width:400px;
    height:160px;
	padding-left:0px;
    top:259px;
	position:absolute;
	left:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
overflow:hidden;
}


.contentSlider1 {
position:absolute;
top:259px;
left:300px;
height:275px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
width:400px;
z-index:4;

}

.contentSlider4 {
position:absolute;
top:220px;
left:300px;
height:275px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
width:400px;
z-index:4;
}

.brochuresites1 {
width:400px;
overflow:hidden;
position:relative;
float:left;
top:0px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
}



#bottomnavleft {
width:350px;
height:15px;
padding-left:0px;
top:830px;
position:absolute;
left:33px;

border:none; 

}

#bottomnavright {
   width:184px;
    height:15px;
	padding-left:0px;
    top:830px;
	position:absolute;
	left:784px;

border:none; 
}


.newsdate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
text-decoration:none;
font-weight:bold;
color:#84735f;
letter-spacing:2px;
line-height:20px;
}



.botnav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:7px;
text-decoration:none;
font-weight:normal;
color:#84735f;
letter-spacing:2px;
}





.botnav a
{	font-family:Arial, Helvetica, sans-serif;
	font-size:7px;
text-decoration:none;
font-weight:normal;
color:#84735f;
letter-spacing:2px;}


.botnav a:hover
{	font-family:Arial, Helvetica, sans-serif;
	font-size:7px;
text-decoration:none;
font-weight:normal;
color:#84735f;
letter-spacing:2px;}


#bottomnavleft1 {
height:15px;
padding-left:0;
top:595px;
position:absolute;
left:33px;
font-family:Arial, Helvetica, sans-serif;
font-size:7px;
text-decoration:none;
font-weight:normal;
color:#84735f;
letter-spacing:2px;
border:none; 

}

#bottomnavright1 {
    height:15px;
	padding-left:0px;
    top:595px;
	position:absolute;
	left:784px;
	
border:none; 
}


.kitchens1 {
	width: 170px;
	height:45px;
	top:605px;
	left:777px;
	position:absolute;
}

.kitchens2 {
	width: 170px;
	height:45px;
	top:650px;
	left:777px;
	position:absolute;
}

.kitchens3 {
	width: 170px;
	height:45px;
	top:695px;
	left:777px;
	position:absolute;
}

.kitchens4 {
	width: 170px;
	height:45px;
	top:740px;
	left:777px;
	position:absolute;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background-color:#e8e1d5;
   width:920px;
    height:423px;
	padding-left:0px;
    top:114px;
	position:relative;
	left:40px;
}

#slider {
	position:relative;
    width:920px;
    height:423px;
    margin-left:0px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/



.clear {
	clear:both;
}





.textUpArrow {
position:absolute;
left:720px;
top:613px;
z-index:10;
width:11px;
height:10px;
display:inline;
outline:0;
border:none; 



}

.textDownArrow {
left:720px;
position:absolute;
top:756px;
z-index:10;
width:11px;
height:10px;
display:inline;
outline:0;
border:none; 

}


.textUpArrow1 {
position:absolute;
left:713px;
top:258px;
z-index:10;
width:11px;
height:10px;
display:inline;
outline:0;
border:none; 



}

.textDownArrow1 {
left:713px;
position:absolute;
top:510px;
z-index:10;
width:11px;
height:10px;
display:inline;
outline:0;
border:none; 

}


/*=== Dropdown ===*/

.home{
	width:80px;
	position:absolute;
	left:0px;
	top:0px;
}

.about{
	width:80px;
	position:absolute;
	left:80px;
	top:0px;
	height:31px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}

.kitchens{
	width:80px;
	position:absolute;
	left:186px;
	height:31px;
	top:0px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}

.bespoke{
	width:80px;
	position:absolute;
	left:293px;
	height:31px;
	top:0px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}

.dandf{
	width:80px;
	position:absolute;
	left:400px;
	top:0px;
	height:31px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}

.casestudy{
	width:80px;
	position:absolute;
	left:507px;
	top:0px;
		height:31px;

	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}

.links{
	width:80px;
	position:absolute;
	left:614px;
	top:0px;
	height:31px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}


.news{
	width:80px;
	position:absolute;
	left:705px;
	top:0px;
	height:31px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}


.contact{
	width:80px;
	position:absolute;
	left:812px;
	top:0px;
	height:31px;
	border-left:#FFF;
	border-left-width:thin;
	border-left-style:solid;
}


.menu ul {
 font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:left; text-decoration:none; letter-spacing:1px;
  /*text-align:center;*/
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  width: 93px;
}

#navigation ul li {
  display: block;
  float: left;
  width: 93px;
  }

#navigation  li ul { display: none; }

#navigation  ul li a {
  display: block;
  text-decoration: none;
  color:#e8e1d5; 
  padding: 13px 7px 4px 6px;
  background: #84735F;
  white-space: nowrap;
  width: 93px;
}

#navigation  ul li a:hover { background: #AB9985; width: 93px;}

#navigation  li:hover ul {
  display: block;
  position: absolute;
}

#navigation li:hover li {
  float: none;
  font-size: 11px;
}

#navigation li:hover a { background: #98846e; }

#navigation li:hover li a:hover { background: #AB9985; }







#lefttext_block ul { list-style: outside; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#84735f; }

#lefttext_block ul li { width:200px; }

#lefttext_block ul li a {text-decoration:none;color:#84735f;font-weight:bold; display: block; }

#lefttext_block ul li a:hover { color:#666;font-weight:bold;}






/*=== Dropdown end ===*/
/*=== Image Gallery Start ===*/


/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding: 20px; }
/* begin gallery styling */
#jgal { list-style: none; width: 200px; float:right; margin-top:579px; margin-right:10px;}
#jgal li { opacity: .5; float: left; display: block; width: 45px; height: 45px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #84735f; margin-right: 10px; margin-bottom: 10px;}


#jgal li img { position: absolute; top: 145px; left: 40px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

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



/*=== Image Gallery End ===*/


#panelleft {
    position:absolute;
    top:150px;
    left:40px;
    width:230px;
    height:417px;
    border:0;
	background-color:#f1ede8;
}

#panelright {
    position:absolute;
    top:150px;
    left:745px;
    width:215px;
    height:417px;
    border:0;
	background-color:#f1ede8;
}

#panelrightimagelower {
    position:absolute;
    top:252px;
    left:0px;
    width:215px;
    height:160px;
	border-top:thick #FFF solid;
}

#panelrightaddress {
    position:absolute;
    top:20px;
    left:20px;
    width:176px;
    height:230px;
    border:0;
}


#title_block {
    position:absolute;
    top:188px;
    left:310px;
    width:400px;
    height:30px;
    border:0;
}

#lefttitle_block {
    position:absolute;
    top:38px;
    left:20px;
    width:200px;
    height:30px;
    border:0;
}


#lefttext_block {
    position:absolute;
    top:107px;
    left:20px;
    width:190px;
    height:300px;
    border:0;
}


#text_block {
    position:absolute;
    top:257px;
    left:310px;
    width:392px;
    height:225px;
    border:0;

}

#foot_block {
    position:absolute;
    top:520px;
    left:310px;
    width:392px;
    height:50px;
    border:0;
}

.text1
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#84735f;
line-height:18px;}

.text2
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:100;
color:#666;
line-height:18px;}

.text3
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#84735f;
line-height:16px;}

.text4
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:100;
color:#666;
line-height:16px;}

.text4 a
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:100;
color:#666;
line-height:16px;}

.text4 a:hover
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:100;
color:#84735f;
line-height:16px;}

.showrooms
{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:100;
color:#84735f;
line-height:18px;}

.showrooms a
{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:100;
color:#84735f;
line-height:18px;}


.showrooms a:hover
{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:100;
color:#666;
line-height:18px;}

.case
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:100;
color:#666;
line-height:16px;}

.case a
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#666;
line-height:16px;}


.case a:hover
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#84735f;
line-height:16px;}

.testimonials
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#84735f;
line-height:16px;}



.form {
width:400px;
height:300px;
position:absolute;
top:262px;
left:311px;
margin-top:0px;
margin-left:0px;
}

.formFieldInput {
background-color:#f2eee7;
border: 1px solid #f2eee7;
color:#666;
font-size:12px;
width:180px;
font-family:Arial, Verdana;
}

.contactTable {
color:#606060;
font-size:12px;
}

.contactTable a {
color:#666;
}

.contactTable a:hover {
color:#84735F;
font-weight:bold;
}

a.submit {
color:#84735F;
text-decoration:none;
font-weight:bold;
}

a:hover.submit {
color:#666;
text-decoration:none;
font-weight:bold;
}



.text1
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#84735f;
line-height:18px;}




.textUpArrow2 {
position:absolute;
left:917px;
top:258px;
z-index:10;
width:11px;
height:10px;
display:inline;
outline:0;
border:none; 



}

.textDownArrow2 {
left:917px;
position:absolute;
top:510px;
z-index:10;
width:11px;
height:10px;
display:inline;
outline:0;
border:none; 

}





.scrolltextbox2 {
   width:620px;
    height:160px;
	padding-left:0px;
    top:259px;
	position:absolute;
	left:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
overflow:hidden;
}


.contentSlider2 {
position:absolute;
top:259px;
left:300px;
height:275px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
width:620px;
z-index:4;

}

.brochuresites2 {
width:620px;
overflow:hidden;
position:relative;
float:left;
top:0px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#666;
}


#linkright {
		float:left;

width:280px;
height:130px;
margin-bottom:15px;
margin-left:15px;
padding:0px;

	
}

#linkleft {
	float:left;
width:280px;
height:130px;
margin-bottom:15px;
padding:0px;
	
}





#map {
	float:right;
width:80px;
height:17px;
margin-top:7px;	
}






#rotator {
    height: 423px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 920px;
}


#main {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 920px;
	    top:114px;
		border:0;
		position:absolute;

}



.more
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:100;
color:#84735f;
line-height:16px;}

.more a
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#84735f;
line-height:16px;}


.more a:hover
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#666666;
line-height:16px;}