﻿html, body, div, p, ul, ol, dl, dd, dt, li, img, form, fieldset, input, textarea, select, h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 100%;}

body {font-family: Arial, Verdana; font-size: 0.75em; background-color: #fff; color: #000;}

a {color: #5CC151; text-decoration: none;}
a:hover {color: #76316D;}

.centre {width: 955px; margin: 0 auto; margin-top: 50px;}
.container {border: solid 2px #44ba43; padding: 3px; position: relative; float: left; background-color: #fff;}
.left_content {width: 390px; position: relative; float: left;}
.right_content {width: 555px; position: relative; float: right;}

/********** Home Page Start **********/

.logo {display: inline; color: #fff; position: relative; float: left; width: 280px; margin-left: 55px; margin-bottom: 50px; margin-top: 20px;}
  .logo h2 {height: 70px; background-image: url(../images/logo.jpg); background-repeat: no-repeat;}
  .logo h2 span {display: none;}

.home_image {color: #fff; background-repeat: no-repeat;}
  .home_image h1 {height: 555px; width: 555px; margin-bottom: 2px; background-image: url(../images/555x555/bolsters.jpg); background-repeat: no-repeat; position: relative; float: right;}
  .home_image h1 span {display: none;}

.nav_box {display: inline; position: relative; float: left; width: 294px; height: 294px; font-size: 0.8em; margin-left: 45px; margin-top: 5px; border: solid 1px #44ba43; padding: 2px; text-transform: uppercase; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
  .nav_container{display: block; position: relative; float: left; width: 288px; height: 288px; padding: 2px; border: solid 1px #44ba43;}
    .link_container {display: block; position: relative; float: left; width: 143px; height: 143px; background-color: #44ba43;}
      .links {margin: auto; width: 120px; height: 120px; margin-top: 15px; line-height: 27px;}
        .links ul {list-style-type: none;}
          .links ul li {text-align: center;}
            .links ul li a {font-size: 1.6em; color: #fff;}
              .links ul li a:hover {color: #76316D;}
    .topright_image {display: block; position: relative; float: right; width: 143px; height: 143px;}
      .topright_image h3 {height: 143px; width: 143px; background-image: url(../images/143x143/fabric_parcel.jpg); background-repeat: no-repeat;}
        .topright_image h3 span {display: none;}
    .bottomleft_image {display: block; position: relative; float: left; width: 143px; height: 143px; margin-top: 2px;}
      .bottomleft_image h3 {height: 143px; width: 143px; background-image: url(../images/143x143/wallpaper_boxes.jpg); background-repeat: no-repeat;}
        .bottomleft_image h3 span {display: none;}
    .bottomright_container {display: block; position: relative; float: right; width: 143px; height: 143px; background-color: #a6dda6; margin-top: 2px;}

.translate {display: inline; position: relative; float: left; margin-left: 3px; margin-top:90px;}
  .translate span {color: #9cd69c; font-size: 1.3em; font-weight: bold;}
  .translate a {font-weight: bold;}

/********** Home Page End **********/

/********** Collections Page Start **********/

.collection_images {float: left; width: 100%; border: 1px solid #44ba43;}
.collection_images li {float: left; width: 275px; height: 275px; list-style-type: none;}
.collection_images li.top_left {margin: 0 5px 5px 0;}
.collection_images li.top_right {margin-bottom: 5px;}
.collection_images li.bottom_left {margin-right: 5px;}
.collection_images li a {float: left; width: 275px; height: 275px; position: relative;}
.collection_images li a img {width: 275px; height: 275px; float: left;}
.collection_images li img {width: 275px; height: 275px; float: left;}

.collection_images li a span.title {position: absolute; z-index: 5; height: 90px; width: 90px; cursor: pointer; background-repeat: no-repeat;}
.collection_images li a:hover span.title {background-position: right;}
.collection_images li.top_left a span.title {background-image: url(../images/navigation/new_collection.gif); top: 185px; left: 185px;}
.collection_images li.top_right a span.title {background-image: url(../images/navigation/candice.gif); top: 185px; left: 0;}
.collection_images li.bottom_left a span.title {background-image: url(../images/navigation/lima.gif); top: 0; left: 185px;}
.collection_images li.bottom_right a span.title {background-image: url(../images/navigation/cerfsy.gif); top: 0; left: 0;}

.fade {width: 100%; background-color: #fff; position: absolute; float: left; z-index: 5; height: 35px; opacity:0.8; filter:alpha(opacity=80);}
.fade_text {width: 150px; position: absolute; float: left; padding-left: 7px; padding-top: 7px; font-size: 1.2em; color: #44ba43; z-index: 9; height: 35px; text-transform: uppercase; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}

.fade_nav {width: 100%; background-color: #fff; position: absolute; float: left; z-index: 5; top: 521px; height: 35px; opacity:0.8; filter:alpha(opacity=80);}
.fade_navleft { position: absolute; float: left; z-index: 16; top: 525px; left: 10px;}
.fade_navleft a { display: block; background: #eee; color: #44ba43;}
.fade_navleft a span.prvious_img {width: 17px; height: 28px; float: left; background: url(../images/navigation/previous_arrow.gif) no-repeat -29px 0; display: block;}
.fade_navleft a:hover span.prvious_img {background-position: -8px 0; cursor: pointer;}
.fade_navleft a span.previous_text {float: left; display: block; padding-top: 8px; padding-left: 8px; font-size: 0.9em; cursor: pointer;}

.fade_navright { position: absolute; float: right; z-index: 16; top: 525px; left: 495px;}
.fade_navright a { display: block; background: #eee; color: #44ba43;}
.fade_navright a span.next_img {width: 17px; height: 28px; float: left; background: url(../images/navigation/next_arrow.gif) no-repeat -8px 0; display: block;}
.fade_navright a:hover span.next_img {background-position: -29px 0; cursor: pointer;}
.fade_navright a span.next_text {float: left; display: block; padding-top: 8px; padding-right: 8px; font-size: 0.9em; cursor: pointer;}

/********** Collections Page End **********/

/********** Footer Start **********/

.footer {margin-top: 3px; padding-top: 6px; color: #5CC151; font-size: 0.9em; clear: both;}
.footer ul {float: left; width: 800px;}
.footer li {display: inline;}
.footer li.red a {color: #76316D;}
.footer li.red a:hover {color: #5CC151;}
.footer p {float: right; width: 155px; text-align: right;}

/********** Footer End **********/


/********** Contact Page Start **********/

.fade_contact {width: 100%; border-bottom: 1px solid #44ba43; background-color: #a6dda6; position: absolute; float: left; z-index: 5; height: 35px; opacity:0.2; filter:alpha(opacity=20);}
.fadecontact_nav {width: 100%; background-color: #a6dda6; border-top: 1px solid #44ba43; position: absolute; float: left; z-index: 5; top: 521px; height: 35px; opacity:0.2; filter:alpha(opacity=20);}

.contact {float: left; width: 100%; border: 1px solid #44ba43; height: 555px;}
.contact_content {margin-top: 70px; padding-left: 7px; margin-bottom: 5px;}
.office_container { width: 265px; height: 150px; border: solid 1px #44ba43; margin: 5px; float: left; position: relative; font-size: 0.8em; display: inline; }
address {font-style: normal;}
.headOffice a, .otherOffices a, .showroom a {color: #76316D;}
.headOffice a:hover, .otherOffices a:hover, .showroom a:hover {color: #5cc151;}
address.headOffice {float: left; padding: 6px; width: 174px; font-size: 1.1em;}
.officeName {font-size: 1.1em;}
.otherOffices { font-size: 0.9em; border-right: 6px solid #fff;}
.otherOffices address {float: left; width: 200px; padding: 6px;}
.showroom {padding: 5px 6px 4px;}

/********** Contact Page End **********/
