﻿/* Intelligent Furniture - Stu Lanham 25/10/07 */

body {
	font-size: 75%; /* 75% = 12px */
	font-family: tahoma, Verdana, Helvetica, sans-serif;
	line-height: 14px;
	margin-top: 0px;
	background-color: #000;
}

a {color: #D41C3B;}
hr 
{
    border: 0;
    margin: .5em 0;
    padding: 0;
    height: 1px;
    border-bottom: 1px solid #666;
}
.audio { display: none;}

/* ------- main page structure ------- */

.clear {clear: both;} 

#wrapper
{
    width: 955px;
    /*text-align: center;*/
    /*left: 50%;*/
    /*margin-left: -477px;*/
    margin: 0 auto;
    /*position: relative;*/
    /*float: left;*/
    background: url(../images/intel-main-bg.gif);
    background-repeat: repeat-y;
}

/* navigation */ 

#nav div a { width:250px; height:30px; float:left; font-size:0; color:#2E2E2E; margin:0 0 9px 20px; text-indent:1px; background:url(../images/nav.png) no-repeat 0 0; }
#nav div a:hover, #nav div strong a { color: #242424; }
#nav .home-nav a { margin-top:20px !important; font-size:0px; }
#nav .home-nav a:hover, #nav .home-nav strong a { background-position:-250px 0; }
#nav .pd-nav a { background-position:0 -30px; }
#nav .pd-nav a:hover, #nav .pd-nav strong a { background-position:-250px -30px; }
#nav .buy-nav a { background-position:0 -60px; } 
#nav .buy-nav a:hover, #nav .buy-nav strong a { background-position:-250px -60px; }
#nav .about-nav a { background-position:0 -90px; }
#nav .about-nav a:hover, #nav .about-nav strong a { background-position:-250px -90px; }
#nav .contact-nav a { background-position:0 -120px; margin-bottom:0; }
#nav .contact-nav a:hover, #nav .contact-nav strong a { background-position:-250px -120px; }

/* left col */

#left-col
{
    width: 290px;
    float: left;
    display: inline;
    margin-left: -759px; 
}
#left-col h1
{
    margin: 0;
}
#left-col h1 a
{
    width: 290px;
    height: 98px;
    float: left;
    background: transparent url(../images/main-logo.gif) no-repeat;
    text-indent: -3000px;
    padding: 0;
    margin: 0;
    display: inline;
}

#left-col p.testimonials
{
    float: left;
    color: #ccc;
    margin: 15px 24px 20px 38px; 
    display:inline;
    /*background-color:blue;*/
}

#left-col h5
{
    width: 289px;
    height: 27px;
    float: left;
    background: transparent url(../images/news-header.jpg) no-repeat;
    text-indent: -4000px;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #3F3F3F;
    border-bottom: 1px solid #3F3F3F;
    /*border: 1px solid red;*/   
    margin-top:15px;
}

#news
{
    float: left;
    width: 196px;
}

#news p
{
    width: 226px; /* -40px padding l&r */
    margin: 10px 20px 10px 38px;
    color: #fff;
    font-size: 0.9em;
    color:#ccc;
    /*background-color:Red;*/
}

.news-date
{
    color: #ccc;
    font-size: 0.8em;
    /*border: 1px solid red;*/
}

.news-title
{
    color: #D41C3B;
    /*border: 1px solid red;*/
}

/* centre col */

#centre-col
{
    width: 469px;
    float: left;
    display: inline;
    margin-left: 290px;   
}

#centre-col h2
{
    width: 469px;
    float: left;
    text-indent: -3000px;
    padding: 0px;
    margin: 0px; 
    background-color: Transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}

h2.home {background-image: url(../images/main-home.jpg); height: 320px;}
h2.about {background-image: url(../images/about-main.jpg); height: 320px;}

h2.s-homes {    background-image: url(../images/content/main-homes.jpg); height: 320px;}
h2.s-hotels {   background-image: url(../images/content/main-hotels.jpg); height: 320px;}
h2.s-office {   background-image: url(../images/content/main-office.jpg); height: 320px;}
h2.s-schools {  background-image: url(../images/content/main-schools.jpg); height: 320px;}

h2.contact {background-image: url(../images/contact-main.jpg); height: 320px;}
h2.range {background-image: url(../images/intro-main.jpg); height: 320px;}
h2.hiw {background-image: url(../images/hiw-main.jpg); height: 200px;}
h2.tc {background-image: url(../images/tc-header.gif); margin-top: 20px !important; height: 42px; background-position: bottom; margin-bottom: 10px;}
h2.privacy {background-image: url(../images/privacy-header.gif); margin-top: 20px !important; height: 42px; background-position: bottom; margin-bottom: 10px;}
h2.faq {background-image: url(../images/faq-header.gif); margin-top: 20px !important; height: 42px; background-position: bottom; margin-bottom: 10px;}
h2.buy-step1 { background-image: url(../images/step1-header.gif); width: 430px !important; height: 22px; }
h2.buy-step2 { background-image: url(../images/step2-header.gif); width: 430px !important; height: 22px; }
h2.buy-step3 { background-image: url(../images/step3-header.gif); width: 430px !important; height: 22px; }

/* photos for individual desks */
h2.range-sentinel-1 {background-image: url(../images/deskimages/sentinel-prod01.jpg); height: 320px;}
h2.range-sentinel-2 {background-image: url(../images/deskimages/sentinel-prod02.jpg); height: 320px;}
h2.range-sentinel-3 {background-image: url(../images/deskimages/sentinel-prod03.jpg); height: 320px;}
h2.range-sentinel-4 {background-image: url(../images/deskimages/sentinel-prod04.jpg); height: 320px;}
h2.range-sentinel-5 {background-image: url(../images/deskimages/sentinel-prod05.jpg); height: 320px;}
h2.range-sentinel-6 {background-image: url(../images/deskimages/sentinel-prod06.jpg); height: 320px;}

h2.range-polarisx-1 {background-image: url(../images/deskimages/polarisx-prod01.jpg); height: 320px;}
h2.range-polarisx-2 {background-image: url(../images/deskimages/polarisx-prod02.jpg); height: 320px;}
h2.range-polarisx-3 {background-image: url(../images/deskimages/polarisx-prod03.jpg); height: 320px;}
h2.range-polarisx-4 {background-image: url(../images/deskimages/polarisx-prod04.jpg); height: 320px;}
h2.range-polarisx-5 {background-image: url(../images/deskimages/polarisx-prod05.jpg); height: 320px;}
h2.range-polarisx-6 {background-image: url(../images/deskimages/polarisx-prod06.jpg); height: 320px;}

h2.range-nemowenge-1 {background-image: url(../images/deskimages/nemowenge-prod01.jpg); height: 320px;}
h2.range-nemowenge-2 {background-image: url(../images/deskimages/nemowenge-prod02.jpg); height: 320px;}
h2.range-nemowenge-3 {background-image: url(../images/deskimages/nemowenge-prod03.jpg); height: 320px;}
h2.range-nemowenge-4 {background-image: url(../images/deskimages/nemowenge-prod04.jpg); height: 320px;}
h2.range-nemowenge-5 {background-image: url(../images/deskimages/nemowenge-prod05.jpg); height: 320px;}

h2.range-nemobeech-1 {background-image: url(../images/deskimages/nemobeech-prod01.jpg); height: 320px;}
h2.range-nemobeech-2 {background-image: url(../images/deskimages/nemobeech-prod02.jpg); height: 320px;}
h2.range-nemobeech-3 {background-image: url(../images/deskimages/nemobeech-prod03.jpg); height: 320px;}

h2.range-lima-1 {background-image: url(../images/deskimages/lima-prod01.jpg); height: 320px;}
h2.range-lima-2 {background-image: url(../images/deskimages/lima-prod02.jpg); height: 320px;}

h2.range-berlin-1 {background-image: url(../images/deskimages/berlin-prod01.jpg); height: 320px;}
h2.range-berlin-2 {background-image: url(../images/deskimages/berlin-prod02.jpg); height: 320px;}
h2.range-berlin-3 {background-image: url(../images/deskimages/berlin-prod03.jpg); height: 320px;}
h2.range-berlin-4 {background-image: url(../images/deskimages/berlin-prod04.jpg); height: 320px;}
h2.range-berlin-5 {background-image: url(../images/deskimages/berlin-prod05.jpg); height: 320px;}

#centre-col h3
{
    width: 469px;
    height: 19px;
    float: left;
    text-indent: -3000px;
    padding: 0px;
    margin: 13px 0 13px 0;
    background-color: Transparent;
    background-position: top;
    background-repeat: no-repeat; 
}

#about-content .inside-pics
{
    float: left;
    /*border: red 1px solid;*/
    margin-left:16px;
    margin-right:10px;
    margin-bottom:5px;
    text-align:center;
}
#about-content .inside-pics.floatright
{
    float: right;
}
#about-content .inside-pics img
{
    margin:0;
    padding:0;
}
#about-content .inside-pics a
{
    float: left;
    font-size:0.9em;
    clear:left;
    width:200px;
    padding:2px 0 5px 0;
    background-color:#CCCCCC;
}
#about-content p
{
    /*border: green 1px solid;*/
}

#centre-col h3.home {background-image: url(../images/home-strap.gif);}
#centre-col h3.about {background-image: url(../images/about-strap.gif);}
#centre-col h3.contact {background-image: url(../images/contact-strap.gif);}
#centre-col h3.range {background-image: url(../images/intro-strap.gif);}
#centre-col h3.hiw {background-image: url(../images/hiw-strap.gif);}

#centre-col h3.two {background-image: url(../images/strap-schools.gif);}
#centre-col h3.three {background-image: url(../images/strap-hotels.gif);}
#centre-col h3.four {background-image: url(../images/strap-office.gif);}

#centre-col img.hiw
{
  margin: 0 0 15px 15px;  
}

ul.image-list
{
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0 0 13px 20px; 
    text-align: center;
}

ul.image-list li
{
    float: left;
    display: inline;
    list-style: none;
    margin: 0 20px 20px 0; 
}
.home-image-list li
{
    border: 1px solid #EEE;
    padding: 5px;
}

ul.image-list li img
{
    border: 0px;
    margin-bottom: 5px;   
}

/* keypoints (found on hp)*/
#privacy-content, 
#terms-content, 
#faq-content strong
{
    float: left;
    width:430px !important;
    padding-bottom:10px;
    /*border: pink 1px solid;*/
}
#centre-col ul.key-points
{
    float: left;
    width:400px;
    display:inline;
    margin:0;
    margin: 0 0 15px 42px !important;
    padding:0;
    /*border:yellow 1px solid;*/
}

#centre-col ul.key-points li
{
    float: left;
    width:170px;
    font-size:0.9em;
    text-align:left;
    list-style:none;
	margin:0;
    padding:0;
	padding-left:20px;
	line-height:16px;
    background: transparent url(../images/bullet.gif) center left no-repeat;
    /*border:purple 1px solid;*/
}

/* extra bits for ul.image-list when present in left column */
ul.side 
{
    margin-top: 16px;
}
ul.side li
{
    margin: 18px 0 0 22px;
}
ul.side li img
{
    border: 2px solid #636363;
}

/* thumbnail image list */
.thumblist
{
    position: relative;
    top: -20px;
    padding: 0 20px;
    float: left;
    display: inline;
    width: 429px;
}
.thumblist a img
{
    border: 1px solid black;
    margin-right: 5px;
}

.thumblist em
{
    font-size: .8em;
    font-style: normal;
}

.innercontent
{
    float: left;
    display: inline;
    width: 449px;
}
.innercontent h4
{
    font-size: 1em;
    margin: 1em;
}
.innercontent p
{
    /*border:1px solid red;*/
    margin: 1em !important;
    padding: 0 !important;
    margin-left:0;
    padding-left:0;
}
#faq-content p, ul, ol
{
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
}
#faq-content li
{
    margin-bottom: 1em;
}
.italics
{
    font-style:italic;
}

/* disable image borders on buttons */
a.btn img { border: 0; }
a.right { float: right; }
a.left { float: right; }

#centre-col p
{
    margin: 0 15px 12px 15px;
}

#centre-col br
{
    clear: both; 
}

#centre-col img.hpset
{
    float: left;
    margin: 0 7px 15px 0;
    border:none;
}
#centre-col img.first
{
    margin-left: 16px;
}


/* right col */

#right-col
{
    width: 196px;
    float: right;
    display: inline; 
    color:#ccc;   
}

#right-col h4
{
    width: 196px;
    height: 28px;
    float: left;
    background: transparent url(../images/shopping-basket.gif) no-repeat;
    text-indent: -3000px;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #7F7F7F;  
}

#shopping-basket
{
    float: left;
    width: 156px;
    background-color: #666;
    padding: 0 20px 15px 20px;
    text-align: right;
}

#shopping-basket p
{
    color: #fff;
    padding: 10px 0 10px 0;
    margin: 0px;
}

#shopping-basket a
{
    color: #333;
    padding: 0px;
    margin: 0px;
}
#right-col h5, #right-col h5 a
{
    width: 196px;
    position:relative;
    height: 28px;
    float: left;
    text-indent: -4000px;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #3F3F3F;
    border-bottom: 1px solid #3F3F3F;
    /*border: 1px solid red;*/
}
#right-col h5.brochure{        background: transparent url(../images/brochure-header.jpg) no-repeat; border-bottom:none;}
#right-col h5.testimonials{    background: transparent url(../images/testimonials-header.jpg) no-repeat;}

/* testimonials */

#testimonials p
{
    width: 156px; /* -40px padding l&r */
    float: left;
    display:inline;
    margin: 10px 20px 10px 20px;
    font-size: 0.9em;
    /*border:red solid 1px;*/
}

/* brochure */

#brochure p
{
    width: 156px; /* -40px padding l&r */
    margin: 10px 20px 10px 20px;
    font-size: 0.9em;
}
#brochure p.bochure-intro
{
    width: 81px; /* minus the 50px padding-right! */
    float: left;
    background: transparent url(../images/brochure-bg.jpg) top right no-repeat;
    /*border: 1px solid red;*/
    margin:0;
    padding:0;
    padding:10px 100px 0 15px;
}
#brochure ul
{
    float: left;
    display:inline;
    margin:0;
    margin: 15px 0 15px 13px;
    padding:0;
}
#brochure ul li
{
    float: left;
    width:66px;
    list-style:none;
	margin:0;
    padding:0;
	padding-left:20px;
	line-height:18px;
    background: transparent url(../images/pdf.gif) top left no-repeat;
    /*border:red 1px solid;*/
}
#brochure ul li.tech { width:152px; }
#brochure a{          color :#ccc;}
#brochure a:hover{    text-decoration: none;}

/* Nav-slide */

h5#homes a{             background: transparent url(../images/nav-homes-off.jpg) no-repeat; outline: none;}
h5#homes a:hover{		background: transparent url(../images/nav-homes-on.jpg) no-repeat;}
h5#homes a.open{		background: transparent url(../images/nav-homes-on.jpg) no-repeat;}

h5#schools a{			background: transparent url(../images/nav-schools-off.jpg) no-repeat; outline: none;}
h5#schools a:hover{		background: transparent url(../images/nav-schools-on.jpg) no-repeat;}
h5#schools a.open{		background: transparent url(../images/nav-schools-on.jpg) no-repeat;}

h5#hotels a{			background: transparent url(../images/nav-hotels-off.jpg) no-repeat; outline: none;}
h5#hotels a:hover{		background: transparent url(../images/nav-hotels-on.jpg) no-repeat;}
h5#hotels a.open{		background: transparent url(../images/nav-hotels-on.jpg) no-repeat;}

h5#office a{			background: transparent url(../images/nav-offices-off.jpg) no-repeat; outline: none;}
h5#office a:hover{		background: transparent url(../images/nav-offices-on.jpg) no-repeat;}
h5#office a.open{		background: transparent url(../images/nav-offices-on.jpg) no-repeat;}

#nav-slide
{
    width: 196px;
    float: left;
    margin-top:10px;
    margin-bottom:10px;
    /*background-color:Red;*/
    /*border: pink 1px solid;*/
}
.content
{
    width: 160px;
    float: left;
    padding:18px;
    background-color:#1D1D1D;
    /*border: red 1px solid;*/
}
.content img
{
    float: left;
    margin:0;
    /*border:1px solid #424242;*/
}
.content p
{
    float: left;
    width: 156px; /* -40px padding l&r */
    margin: 9px 0 10px 0 !important;
    font-size: 0.9em;
    /*border:red 1px solid;*/
    /*border: green 1px solid;*/
}
.content ul
{
    float: left;
    display:inline;
    margin:0;
    margin: 0 0 15px 0;
    padding:0;
}
.content ul li
{
    float: left;
    list-style:none;
	margin:0;
    padding:0;
}
.content ul li a
{
    float: left;
    width:136px;
    font-size:0.9em;
    list-style:none;
	margin:0;
    padding:0;
	padding-left:20px;
	line-height:16px;
    background: transparent url(../images/bullet.gif) center left no-repeat;
    /*border:red 1px solid;*/
}
.content ul li a{          color:#fff;}
.content ul li a:hover{    text-decoration:none;}

/* footer */

#footer
{
    width: 955px;
    background-color: #D41C3B;
    float: left;
    display: inline;
    clear: both;
}

#footer ul
{
    float: right;
    list-style: none;
    padding: 0px;
    margin: 7px 0 9px 0;
}

#footer li
{
    float: left;
}

#footer li a
{
    float: left;
    display: inline;
    margin-right: 20px;
    text-decoration: none;
    color: #fff;
}
#footer li.divider
{
    border-left: 1px dotted #EFEFEF;
    padding-left: 15px;
}

#footer li a:hover
{
    text-decoration: underline
}
 /* contact */
 
#contact-address
 {
    width: 150px;
    float: left;
 }
 
#contact-numbers
 {
    width: 235px;
    float: right;
 }
 
 /* FAQ, Terms, Privacy */
 
 #txt-content {background-color: #EFEFEF; float: left;}
 .padded
 {
    padding: 20px 15px;
    width: 439px; /* 469-30 */
 }
 .padded p
 {
    margin: 1em auto !important;
 }
 
/* Powerdesk Range */

ul.pdr-list
{
    float: left;
    display: inline;
    margin: 0 10px 10px 10px;
    padding: 0px;
}

ul.pdr-list li
{
    float: left;
    margin: 0 15px 10px 30px;
    padding: 0px;
}


/* buy: product selector */
#prod-selector
{
    clear: both;
    float: left;
    display: inline;
    width: 439px; /*469-30*/
    margin-bottom: 2em;
}
#prod-selector div
{
    font-size: .9em;
    width: 100px;
    padding: 5px;
    margin: 0 10px 10px 0;
    float: left;
    display: inline;
}
#prod-selector div strong
{
    color: #D41C3B;
}
#prod-selector div img
{
    margin: 5px 0;
    float: left;
    display: inline;
    border: 1px solid #D41C3B;
}
#prod-selector div span
{
    margin: 5px 0;
    float: left;
    display: inline;
}
#prod-selector select
{
    font-size: .8em;
}
.buy-pc
{
    width: 439px;
    float: left;
    margin: 1em 0;
    display: inline;
}
.buy-pc img
{
    float: left;
    border: 1px solid #D41C3B;
}
.buy-pc p
{
    float: right !important;
    width: 280px !important;
    margin: 0 !important;
    display: inline;
    font-size: .9em;
}
.pc-options
{
    color: #D41C3B;
    font-weight: bold;
}

.buy-options
{
    float: left;
    width: 414px;
    margin: 1em 0;
    padding: 1em;
    background: white;
    border: 1px solid #666;
    border-left-width: 0;
    border-right-width: 0;
}

.feedback
{
    background-color: #D41C3B;
    color: #FFF;
    font-weight: bold;
    padding: 1px 5px;
}

/* design haus */

#designhaus
{
	text-align:left;
	margin: 6px 0 5px 20px;
	padding:0;
	float:left;
}
#designhaus img
{
	border:0;
	padding-right:4px;
	vertical-align:middle;
}
#designhaus a
{
	color:#fff;
	text-decoration:none;
}
#designhaus a:hover
{
	text-decoration:underline;
}