body { background: #b0bdab;} #wrapper { background-color:transparent; width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; background-position:center;} #logo { position:absolute; } #about { z-index:1;width:381px; height:367px; background:url(../images/aboutBG.png) no-repeat left top; position:absolute; top:9px; left:50%; padding:75px 20px 0 20px; } #about h1 { color:#f2f3ec; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #about p { font-size:12px; color:#ecf1e1; padding-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; overflow:auto; height:300px; } #nav { width:100%; height:50px; background:url(../images/navBG.png) no-repeat center bottom; padding-top:445px; } #mainNav { font-size:12px; font-weight:400; padding:27px 0 0 0; width:845px; margin:0 auto; } #mainNav li { display:inline; margin:0 10px; } #mainNav li a { color:#cccdba; font-family:Georgia, "Times New Roman", Times, serif; } #mainNav li a:hover, #mainNav li a.active { color:#81826d; } #footer { width:100%; height:201px; background:url(../images/footerBG.png) no-repeat center top; padding:35px 0 10px 0; } #wrapFooter { width:845px; margin:0 auto; overflow:hidden; } #copyright { font-size:10px; color:#616855; float:left; padding-top:0px; font-family:Arial, Helvetica, sans-serif; } #copyright a {padding:0 0 0 1px; } #company { font-size:11px; color:#424739; text-align:right; float:right; font-family:Arial, Helvetica, sans-serif; padding:15px 0 0 0;} #company a { color:#FFF; font-family:Arial, Helvetica, sans-serif; } #catalogue { z-index:20;position:absolute; background:url(../images/catalogueBG.png) repeat left top; width:100%; height:114%; top:90px; left:0px; overflow:hidden; } #catalogue a.closedButton { position:absolute; top:10px; right:1%; } #catalogue_cate_wrapper { width:860px; height:515px;margin-left: auto;margin-right: auto;} #catalogueMain { width:890px; padding:20px 0 25px 50px; margin:0 auto; overflow:hidden; position:absolute;} #catalogueMain .leftSide { float:left; width:440px; } #catalogueMain .leftSide .info { height:280px; width:260px; padding:90px 0 20px 180px; text-align:right; } #catalogueMain .leftSide .leftSideThumb { width:415px; } #catalogueMain .leftSide .info h1 { color:#f2f3ec; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #catalogueMain .leftSide .info h2 { color:#f2f3ec; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #catalogueMain .leftSide .info p { color:#e1e3d4; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; } #catalogueMain .leftSide .prodImage {width:440px;height:307px;padding:0 0 83px;} #catalogueMain .rightSide { float:left; width:400px; padding-left:40px;} #catalogueMain .rightSide .info { height:280px; width:260px; padding:70px 0 20px 5px; text-align:left; } #catalogueMain .rightSide .info h1 { color:#f2f3ec; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #catalogueMain .rightSide .info h2 { color:#f2f3ec; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #catalogueMain .rightSide .info p { color:#e1e3d4; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; } .imageSide { width:800px; overflow:hidden; } .imageSide .prev { float:left; padding:28px 0 0 0; } .imageSide .next { float:left; padding:28px 0 0 0; } .imageSide .imageShow { float:left; width:410px; padding:0 5px; } .imageSide .imageShow a { float:left; margin:0 5px; } #catalogueFooter { width:100%; background:url(../images/catalogueFooterBG.png) repeat left top; padding:10px 0 120px 0; } #navCatalogue { width:780px; margin:0 auto; color:#a4a57f; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; } #navCatalogue li { display:inline; margin:0 10px; } #navCatalogue li a { color:#2d352a; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; } #navCatalogue li a:hover, #navCatalogue li a.active { color:#FFF; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; } #gallery { width:100%; padding:0px 0 23px 0; background:url(../images/galleryBG.png) repeat left top; position:absolute; top:0px; left:0px; } #gallery .imageSide { height:372px; background:url(../images/galleryBG2.png) repeat left top; width:100%; text-align:center; overflow:hidden; } #contact { z-index:3;position:absolute; background:url(../images/catalogueBG.png) repeat left top; width:100%; height:100%; top:90px; left:0px; overflow:hidden; } #contact a.closedButton { position:absolute; top:10px; right:1%; } #contactMain { width:890px; padding:20px 0 25px 50px; margin:0 auto; overflow:hidden; } #contactMain .leftSide { float:left; width:565px; } #contactMain .rightSide { float:left; width:285px; padding-left:40px; } #contactMain .rightSide .info { width:285px; padding:5px 0 0 0;} #contactMain .rightSide .info h1 { color:#f2f3ec; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #contactMain .rightSide .info h2 { margin:0px; position:relative; font-size:11px; font-weight:bold; color:#EAECE5; font-family:Georgia, "Times New Roman", Times, serif; } #contactMain .rightSide .info h3 { margin:0px; position:relative; float:clear-both; font-size:11px; font-weight:bold; color:#5e664f; font-family:Georgia, "Times New Roman", Times, serif; } #contactMain .rightSide .info p { color:#e1e3d4; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; height:254px; background:url(../images/contactForm.png) no-repeat;} #contactMain .rightSide .address h1 { color:#f2f3ec; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; } #contactMain .rightSide .address h2 { margin:0px; position:relative; font-size:11px; font-weight:normal; color:#EAECE5; font-family:Georgia, "Times New Roman", Times, serif; } #contactMain .rightSide .address h3 { margin:0px; position:relative; float:clear-both; font-size:11px; font-weight:normal; color:#5e664f; font-family:Georgia, "Times New Roman", Times, serif; } #contactMain .rightSide .address a { color:#f2f3ec; font-family:Georgia, "Times New Roman", Times, serif; } #formContact { margin:0px; padding:0px; } #formContact li {width:215px; display:inline-block; padding:3px; margin: 4px 0 0 0; background-color:#B5BCA6;} #formContact .formDesc { float:left; font-size:12px; font-weight:bold; color:#5e664f; font-family:Georgia, "Times New Roman", Times, serif; padding:0;margin:0; width:60px;} #formContact .formInput { float:left; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; padding:0;margin:0;} #formContact .button_image { position:relative; top: -1px; background: url(../images/contactButton.png) repeat-x; border: 0px solid #EAEBE9; margin: 0 0 0 130px; width:73px; height:25px; } #formContact input { font-size:11px; font-weight:normal; color:#ffffff; font-family:Georgia, "Times New Roman", Times, serif; background-color: #B5BCA6; border: 1px solid #B5BCA6; width:150px; } #formContact textarea { padding-top:3px; font-size:11px; font-weight:normal; color:#ffffff; font-family:Georgia, "Times New Roman", Times, serif; background-color: #B5BCA6; border: 1px solid #B5BCA6; width:205px; height:95px; } .leftSide a.prev {display:block;float:left;padding-top:33px;} .leftSide a.next {display:block;float:right;padding-top:33px;padding-right:35px;} #background { position:absolute; left:0;top:0; width:100%;height:100%; } #background .bg { position:absolute; left:0;top:0; width:100%;height:100%; background-repeat:no-repeat; background-position:center top; background-attachment:scroll; } .stepcarousel{ position: relative; /*leave this value alone*/ border: 0px solid black; overflow: scroll; /*leave this value alone*/ width: 380px; /*Width of Carousel Viewer itself*/ height: 80px; /*Height should enough to fit largest content's height*/ float:left; } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 10px; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px; /*margin around each panel*/ /*width: 50px;*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ left:5px; } #container_catalogue { bottom: 0px ; display: none ; left: 0px ; position: absolute ; width: 100% ; } #container_contact { bottom: 0px ; display: none ; left: 0px ; position: absolute ; width: 100% ; } #inner_catalogue { border: 0px solid #666666 ; border-bottom-width: 0px ; /*padding: 0px 0px 730px 0px ;*/ } #inner_contact { border: 0px solid #666666 ; border-bottom-width: 0px ; /*padding: 0px 0px 730px 0px ;*/ } #form_contactus input.error { border-color: #FF0000; } #form_contactus textarea.error { border-color: #FF0000; } .imgteaser { margin: 0; overflow: hidden; float: left; position: relative; } .imgteaser a { text-decoration: none; float: left; } .imgteaser a:hover { cursor: pointer; } .imgteaser a img { float: left; margin: 0; border: none; padding: 0px; background: #fff; border: 0px solid #ddd; } .imgteaser a .more { display: none; position: absolute; right: 0px; top: 0px; font-size: 1.2em; color: #fff; background: #000; padding: 0px; filter:alpha(opacity=1); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/ } .imgteaser a:hover .more { display: block;}