﻿@charset "UTF-8";
/* CSS Document */
/* build for ######## by Creare */
/* reset */
* { margin: 0; padding:0; }
body { font-size:62.5%; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-repeat: repeat; background-color: #919192; }
p { font-size:1.2em; margin-bottom: 10px; color: #CCC; }
img, img a { outline: none; border: none; }
h1 { margin-bottom: 15px; font-size: 1.8em; }
h2, h3 { margin-bottom: 15px; font-size: 1.6em; }
a { color: #cc3738; text-decoration: none; }
a:hover { text-decoration:underline; }
hr { color:#333434; margin: 20px 0 10px 0; }
/* header */
#headerwrap { height: 102px; background: url(images/header-back.jpg) repeat-x; }
#header { width: 1000px; height:102px; margin:0 auto; background-image: url(images/head-middle.png); }
#tel { float: right; color: #c04333; text-shadow:1px 1px 1px #1F1F1F; margin-top: 30px; font-size: 1.3em; width: 37%; }
.telnumber { color:#FFF; font-size: 1.1em; }
/*Classes*/

.gaptop { margin-top: 8px; }
.logogap { margin-left: 30px; }
.left { float: left; }
.right { float: right; }
.block { display:block; }
.inline { display:inline; }
.gapleft { margin-left: 85px; }
.titles { font-size: 1.4em; color:#FFF; font-style: normal; }
.newstitle { margin-top: 20px; font-size: 1.2em; color: #FFF; }
.rssgap { padding-right: 15px; }
.red { color:#d02c21; }
.clearleft { clear:left; }
.clearright { clear:right; }
.margintr {margin: 0 10px 10px 0;}
.marginbottom {margin-bottom: 10px;}
/*Nav*/
#navcontent { width: 1100px; margin:0 auto; }
#nav { height: 42px; background: url(images/nav.jpg) repeat-x; border-top-width: 1px; border-top-style: solid; border-top-color: #000; }
#navigation { margin: 0; padding: 0; width: 1100px; height: 42px; }
#navigation li { margin: 0; padding: 0; display: inline; list-style-type: none; height: 42px; text-align:center; float: left; line-height: 42px; }
#navigation a { display: block; height: 42px; text-decoration: none; font-size: 1.4em; text-transform: uppercase; color: #333; }
#navigation a:hover { color: #d02c21; background:url(images/nav-roll.png) no-repeat; }
.nav-main { width: 100px; }
#nav-home { width: 73px; }
#nav-home a:hover { background: url(images/navhome-roll.png); }
#nav-health { width: 140px; }
#nav-health a:hover { background: url(images/nav-roll-health.png); }
#nav-ceilings { width: 160px; }
#nav-ceilings a:hover { background: url(images/nav-roll-ceiling.png); }
/*Category Images*/
.images { height: 131px; margin-top: 10px; width: 935px; }
#catergory { margin: 0; padding: 0; width: 935px; height: 131px; background-image:url(images/catergories.png); }
#catergory a:hover { background-image:url(images/catergories.png); }
#catergory li { margin: 0; padding: 0; display: inline; list-style-type: none; height: 131px; text-align:center; float: left; line-height: 130px; }
#catergory a { display: block; height: 131px; }
#cat-shop { width: 224px; }
#cat-shop a:hover { background-position: 0px bottom; }
#cat-ceilings { width: 240px; }
#cat-ceilings a:hover { background-position: -224px bottom; }
#cat-front { width: 240px; }
#cat-front a:hover { background-position: -464px bottom; }
#cat-partition { width: 230px; }
#cat-partition a:hover { background-position: -704px bottom; }
#catergory span { display: none; }
/* content */
#content { width: 935px; padding: 10px; background-color: #191919; overflow: auto; margin:0 auto; position: relative; }
#maincontent { padding-top: 60px; width: 1200px; margin:0 auto;  min-height: 1052px; background: url(images/mainback.jpg) no-repeat top; position: relative; }
#mainwrap { background: url(images/back2.jpg) repeat-x top; min-height: 1052px; }
#slides { height: 269px; background-color: #999; border: 1px solid #FFF; position: relative; }
#leftcontent { padding: 15px; width: 670px; border: 1px solid #333434; margin-top: 10px; line-height: 21px; font-size: 1em; float: left; background-color: #232424; overflow:auto; height:100%;}
#leftcontent li { font-size: 1.2em; line-height: 22px; list-style-type: none; }
.rightcontent { float: right; padding: 10px; margin-top: 10px; width: 200px; background-color: #000; border: 1px solid #333434; color: #CCC; }
.rightcontent p { font-style: italic; color: #999; line-height: 17px; font-size: 1.1em; margin: 10px 0 0 0; }
#presenter { height: 216px; width: 154px; position: absolute; left: 769px; top: 53px; z-index: 999; }
.rightcontent ul li { list-style-type: none; line-height: 15px; }
.rightside { float:right; width:200px; }
.ceilingbox { width: 300px; height:160px; margin: 0 10px 10px 0; padding:10px; border: 1px solid #333434; color: #CCC; background: url(images/box-back.jpg) no-repeat top #000; }
.logobox { width: 300px; height: 100%; padding:10px; border: 1px solid #333434; color: #CCC; background: url(images/box-back.jpg) no-repeat top #000; overflow: auto; }
.ceilingimage { margin: 0 10px 10px 0; display: block; }
.textbox { width: 300px; margin: 0 10px 10px 0; padding:10px; }
.partitionsbox { border: 1px solid #333434; padding: 10px; overflow: auto; }
.shopfrontbox { border: 1px solid #333434; padding: 10px; background: url(images/shopping.png) no-repeat right bottom; }
#mainimage { width: 935px; height: 269px; border: 1px solid #FFF; }
.ceilingtext { width:150px; line-height:17px; }
.code { margin-left: 12px; }
/*Portfolio*/

#slideshow { height: 220px; width: 1050px; top: -45px; }
#slideimages { height: 374px; display: inline; overflow:hidden; }
#topcontainer { float: left; width: 1050px; display: inline; }
#carousel { width: 560px; margin:0 auto 30px auto; }
/*Contact Form*/

.formstyle3 { background-color: #191919; width: 192px; padding: 3px; font-size: 0.9em; color: #FFF; border: 1px solid #333434; }
.formstyle4 { background-color: #191919; padding: 3px; font-size: 0.9em; color: #FFF; border: 1px solid #333434; width: 80px; }
.formstyle5 { background-color: #191919; width: 300px; padding: 3px; color: #FFF; border: 1px solid #333434; margin-bottom: 10px; }
.secure { width: 100px; height: 25px; margin-top:10px; }
.formstylesubmit { clear: both; background-image: url(images/submit.jpg); height: 25px; width: 100px; color: #FFF; border: 0; margin-top: 10px; }
.address { width: 310px; }
/* footer */
#footerwrap { padding: 10px; clear: both; text-align: center; width: 935px; margin:0 auto 30px auto; background-color: #191919; font-size: 0.9em; color: #666; position: relative; z-index: 999; }
#footerwrap li { display: inline; margin-right: 15px; line-height:20px; }
#footerwrap a { color: #666; text-decoration: none; }
#footerwrap a:hover { color:#fff; }

