@charset "UTF-8";

/* CSS Document */

body { background-color: #FFFFFF; background-image: url(images/bg.jpg); background-position: center top; background-repeat: repeat-x; }

img { border: none; }

* { margin: 0px; padding: 0px; }

#wrap { width: 821px; margin: 0 auto; }

#flashtop { width: 821px; height: 121px; float: left; }

/* Navigation */
#nav { width: 738px; height: 23px; padding-left: 83px; background-color: #181818; float: left; }

#nav ul { text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.8em; }

#nav li { display: inline; list-style: none; color: #FFFFFF; text-decoration: none; }

#nav a { float: left; padding: 6px 40px 0px 40px; color: #FFFFFF; text-decoration: none; }

#nav a:hover { background-color: #ff0000; height: 17px; }

/* Flash */
#flash { width: 821px; height: 218px; margin-top: 3px; float: left; }

/* Left Column */
#contenthold { width: 821px; }

#leftcol { width: 185px; float: left; clear: left; margin-top: 5px; }

#products { width: 185px; }

#products p { font-family: Helvetica, Arial, sans-serif; font-size: 1.25em; background-color: #000000; color: #FFFFFF; padding-left: 15px; padding-top: 16px; padding-bottom: 3px; }

#products li { list-style-type: none; }

#products li a { display: block; list-style-position: outside; margin: 0 auto; font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; color: #FFFFFF; padding-top: 7px; padding-bottom: 6px; padding-left: 20px; margin-top: 1px; text-decoration: none; }

#products li a:hover { background-color: #ff1919; background-image: url(images/arrow.gif); background-repeat: no-repeat; left: 0px; }

.desking { background-color: #ff1919; }

.seating { background-color: #ff1919; }

.storage { background-color: #ff1919; }

.screens { background-color: #ff1919; }

.tables { background-color: #ff1919; }

.lockers { background-color: #ff1919; }

#leftcolcontent { width: 155px; padding: 4px 15px 58px 15px; background-image: url(images/bgfade.jpg); background-position: bottom; background-repeat: no-repeat; background-color: #575757; margin-top: 1px; float: left; }

#leftcolcontent p { font-family: Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; font-size: 1.06em; color: #FFFFFF; }

#leftcolcontent h4 { font-family: Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 5px; font-weight: 300; font-size: 0.81em; color: #FFFFFF; }

#leftcolcontent a { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 13px; }

#leftcolcontent a:hover { text-decoration: none; }

#leftcolcontent { list-style: none; }


/* Latest News */

#leftcolcontentnews { width: 155px; padding: 4px 15px 58px 15px; background-image: url(images/bgfade.jpg); background-position: bottom; background-repeat: no-repeat; background-color: #575757; margin-top: 1px; float: left; }

#leftcolcontentnews p { font-family: Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; font-size: 1.06em; color: #FFFFFF; }

#leftcolcontentnews h4 { font-family: Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 5px; font-weight: 300; font-size: 0.81em; color: #FFFFFF; }

#leftcolcontentnews a { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 13px; }

#leftcolcontentnews a:hover { text-decoration: none; }

#leftcolcontentnews li { list-style: none; }

#leftcolcontentnews h3 { font-family: Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 5px; font-weight: 300; font-size: 0.6em; color: #FFFFFF } 

.latestnews { font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.06em; padding-top: 3px; }

.contact { font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.06em; padding-top: 13px; }

.rssicon { padding-top: 3px; float: right; }

.mailicon { padding-top: 13px; float: right; }

.bibformstyle { border: 1px solid #666666; font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; font-weight: normal; color: #666666; margin-bottom: 3px; }

.bibbutton { margin-top: 3px; margin-bottom: 10px }

#showroom { width: 185px; height: 198px; margin-bottom: 30px; float: left; }

/* Right Column Main Text */
#rightcol { width: 635px; margin-top: 5px; margin-left: 1px; float: right; }

#rightcolnews { width: 635px; margin-top: 10px; margin-left: 1px; float: right; }

#head { width: 604px; height: 33px; padding-left: 31px; padding-top: 40px; background-color: #ff0000; float: right; }

#text { width: 573px; padding-top: 10px; padding-left: 31px; padding-right: 31px; padding-bottom: 25px; float: right; }

#text p { font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 0.75em; color: #606060; line-height: 20px; }

#text h1 { font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.19em; color: #2d2c2d; line-height: 20px; }

#text h2 { font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.00em; color: #2d2c2d; line-height: 20px; }

#text h5 { font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; line-height: 18px; padding-top: 5px; padding-bottom: 3px; color: #606060; }

#text a { font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 10px; color: #606060; line-height: 20px; }

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

#text ul { padding-left: 50px; color: #ff0000; }

#text li { font-size: 0.75em; }

.headeringtwo { font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.30em; font-weight: 600; color: #2d2c2d; line-height: 20px; }

.subheading { font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 0.75em; color: #ff0000; line-height: 20px; }

.link { text-decoration: none; }

.linkred { color: #ff0000; }

.floatright { float: right; padding-left: 18px; padding-bottom: 10px; }

.divide { padding-left: 136px; padding-top: 25px; padding-bottom: 25px; }

.linkbox { background-color: #666666; padding: 10px; border: 1px dotted #999999; text-align: center; }

.linkcolor { color: #FFFFFF; }

.floatleft { float: left; padding-right: 18px; padding-bottom: 10px; }

.textgallery { float: left; margin-top: 40px; width: 220px; height: 38px; border: 1px solid #606060; text-align: center; }

.textgallerytwo { width: 257px; text-align: center; float: left; clear: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #606060; border-right-color: #606060; border-bottom-color: #606060; border-left-color: #606060; }

.textgallerythree { width: 393px; text-align: center; float: left; clear: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #606060; border-right-color: #606060; border-bottom-color: #606060; border-left-color: #606060; }

.textgalleryfour { width: 531px; text-align: center; float: left; clear: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #606060; border-right-color: #606060; border-bottom-color: #606060; border-left-color: #606060; }

.holdleft { padding-top: 15px; width: 573px; float: left; }

/* Contact Page */
#contactright { width: 285px; float: right; }

#contactright h4 { font-family: Helvetica, Arial, sans-serif; font-size: 1.00em; margin-top: 10px; padding-left: 80px; padding-top: 15px; color: #606060; }

.style3 { font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; color: #606060; margin-bottom: 1px; }

#contactdetails { width: 105px; padding-left: 20px; padding-bottom: 6px; background-image: url(images/bgform.jpg); background-position: bottom left; background-repeat: no-repeat; float: left; }

#contactdetails p { font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; line-height: 18px; padding-bottom: 7px; color: #606060; }

#contactdetailstwo { width: 136px; padding-left: 4px; float: left; }

#contactdetailstwo h4 { font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; line-height: 18px; padding-top: 5px; padding-bottom: 5px; color: #606060; }

#contactdetailstwo p { font-family: Helvetica, Arial, sans-serif; font-size: 0.69em; line-height: 18px; padding-bottom: 14px; color: #606060; }

.bold { font-weight: 800; }

.dividecontact { float: left; }

/* Footer */
#footer { width: 821px; padding-bottom: 20px; float: left; background-image: url(images/footerbg.jpg); background-position: top; background-repeat: no-repeat; }

#footer p { color: #606060; font-family: Helvetica, Arial, sans-serif; font-size: 0.63em; line-height: 20px; margin: 0 auto; text-align: center; }

#footer a { color: #333333; }

#footer a:hover { color: #ff0000; text-decoration: none; }

#footer ul { width: 800px; margin: 0 auto; padding-top: 10px; padding-bottom: 5px; color: #606060; text-align: center; }

#footer li { display: inline; color: #606060; font-family: Helvetica, Arial, sans-serif; font-size: 0.63em; line-height: 20px; padding-left: 13px; padding-right: 13px; }

/* Boiler */
#boiler { width: 821px; padding-bottom: 20px; float: left; background-position: top; background-repeat: no-repeat; text-align: center; }

#boiler p { color: #606060; font-family: Helvetica, Arial, sans-serif; font-size: 0.63em; line-height: 20px; padding-bottom: 4px; margin: 0 auto; text-align: center; }

#boiler a { color: #333333; }

#boiler a:hover { color: #ff0000; text-decoration: none; }

#boiler h5 { text-align: center; font-family: Helvetica, Arial, sans-serif; padding-top: 10px; padding-bottom: 4px; font-size: 0.81em; color: #606060; line-height: 20px; }

#boiler ul { margin: 0 auto; padding-top: 10px; padding-bottom: 10px; color: #606060; text-align: center; }

#boiler li { color: #606060; font-family: Helvetica, Arial, sans-serif; font-size: 0.63em; line-height: 20px; padding-left: 10px; }

#crearelinks { width: 821px; text-align: center; clear:left; float: left; }

/* ------------------------------------ Lightbox ------------------------------------ */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }