html, body, #container {
    height: 100%;
}

body > #container {
    height: auto; min-height: 100%;
}

body {
    height:100%;
    background:#f9f9f9 url(images/body_bg.gif) top center no-repeat;
}

#container {
    background:url(images/container_bg.gif) top left repeat-x;
}

/* site-wide style */

* {
    padding:0;
    margin:0;
    font-family:verdana;
    outline:none;
}

p {
    font-size:14px;
    color:#666;
    line-height:1.7;
    padding:15px 0 5px 0;
}

a {
    font-size:14px;
    text-decoration:none;
    color:#5d6a8a;
}

h2 {
    line-height:50px;
    margin-top:20px;
    font-weight:normal;
    color:#5d6a8a;
    font-size:16px;
}

h3 {
    color:#e2732b;
    padding:30px 0px 10px 0px;
    margin-bottom:5px;
    font-weight:normal;
    font-size:14px;
}

/* header */

#header {
    position:relative;
    height:150px;
    width:900px;
    margin:0 auto;
    overflow:visible;
}

#header img {
    position:absolute;
    top:0;
    right:-8px;
}

#header h1 {
    position:relative;
    top:25px;
    display:block;
    height:100px;
    width:436px;
    text-indent:-9999px;
    background:url(images/TandT_furniture.gif) no-repeat;
}

#header h1 a {
    display:block;
    height:100px;
    width:120px;
}

/* menu */

#menu {
    height:50px;
    width:900px;
    margin:0 auto;
    list-style:none;
    background:url(images/menu_bg.gif);
}

#menu li {
    float:left;
    font-size:16px;
    margin:0;
    padding-left:0;
    border-right:1px solid #737e99;
    background:none;
}

#menu a {
    display:block;
    line-height:50px;
    text-decoration:none;
    color:#eee;
    padding:0 20px;
    font-size:16px;
}

#menu .first:hover {
    background:url(images/menu_a_first_bg.gif) center left no-repeat !important;
}

#menu li:hover {
    background:url(images/menu_a_left_bg.gif) center left no-repeat;
}

#menu a:hover {
    background:url(images/menu_a_right_bg.gif) center right no-repeat;
}

#menu #current {
    background:url(images/menu_a_left_bg.gif) center left no-repeat;
}

#menu #current.first {
    background:url(images/menu_a_first_bg.gif) center left no-repeat !important;
}

#menu #current a {
    color:#fff;
    background:url(images/menu_a_right_bg.gif) center right no-repeat;
}

/* page area */

#page {
    padding-bottom: 110px; /* must be at least same height as the footer */
    padding-top:10px;
    width:920px;
    margin:0 auto;
}

#page_left {
    float:left;
    width:300px;
}

.colum_left {
    width:300px;
    padding-bottom:30px;
    background:url(images/page_left_bg.gif) bottom left no-repeat;
}

.colum_left h2 {
    width:250px;
    height:50px;
    padding:10px 25px 5px 25px;
    background:url(images/left_h2_bg.gif) top left no-repeat;
}

.colum_left p {
    padding:10px 25px 0px 25px;
}

.contact_header {
    padding-top:20px !important;
    color:#e2732b;
}

.phone_numbers {
    font-size:12px;
    font-style:italic;
    color:#5d6a8a;
}

#location {
    display:none; /* show using javascript in head of html file, so if javascript disabled this stays hidden */ 
}

#map {
    display:block;
    width:100px;
    height:100px;
    margin-left:25px;
    text-indent:-9999px;
    background:url(images/map.gif) top left no-repeat;
}

.links {
    display:block;
    width:170px;
    text-indent:-9999px;
    margin:35px 0 35px 60px;
    border:1px dashed #ccc;
}

.links:hover {
    border-color:#e2732b;
}

#hettich_link {
    height:90px;
    background:url(images/hettich_logo.gif) top left no-repeat;
}

#egger_link {
    height:55px;
    background:url(images/egger_logo.gif) top left no-repeat;
}

#crestwood_link {
    height:58px;
    background:url(images/crestwood_logo.gif) top left no-repeat;
}

#page_right {
    float:left;
    margin-left:10px;
    width:610px;
}

#page_right h2 {
    padding:10px 74px 10px 25px;
    background:url(images/right_h2_bg.gif) top left no-repeat;
}

#page_right h3 {
    margin-left:11px;
    margin-right:11px;
    border-bottom:1px dashed #bbb;
}

#page_right p {
    padding-left:11px;
    padding-right:11px;
}

#animation {
    height:385px;
    width:570px;
    margin:20px 0 20px 10px;
    padding:9px;
    border:1px solid #ccc;
}

/* about us page */

#aboutUs ul {
    list-style:none;
    margin:15px 11px 0 11px;
    line-height:1.7;
    font-size:14px;
    color:#5d6a8a;
}

#aboutUs li {
    margin:20px 0 10px 0;
    padding-left:20px;
    background:url(images/li_bg.gif) top left no-repeat;
}

/* gallery */

#gallery_menu {
    display:block;
    height:40px;
    list-style:none;
    padding:20px 11px 5px 11px;;
}

#gallery_menu li {
    float:left;
    font-size:14px;
    height:20px;
    line-height:20px;
    padding-bottom:20px;
}

#gallery_menu li a {
    text-decoration:none;
    color:#5d6a8a;
    display:block;
    padding:0 12px;
    border-left:1px solid #ccc;
}

#gallery_menu li .right_border {
    border-right:1px solid #ccc;
}

#gallery_menu .current {
    background:url(images/down_arrow.gif) bottom center no-repeat;
}

#gallery_menu li.current a {
    color:#e2732b;
}

#gallery_menu li a:hover {
    color:#e2732b;
}

#design_gallery, #photo_gallery {
    padding-bottom:20px;
}

/* fancybox images */

.fancybox img {
    margin:20px 11px 5px 11px;
    padding:6px;
    border:1px solid #ccc;
    background:#fff;
}

.fancybox img:hover {
    border-color:#e2732b;
}

/* price list page */

#price_list {
    padding-bottom:30px;
}

#price_list h3 {
    margin-top:20px;
    padding-top:30px;
    background:url(images/h3_bg.gif) top left repeat-x;
}

.price {
    color:#690;
}

/* top of page link */

#top_of_page {
    clear:both;
    float:right;
    padding-right:20px;
    font-size:14px;
    color:#5d6a8a;
    background:url(images/top_of_page.gif) bottom right no-repeat;
}

/* contact form */

#myform {
    margin:0px 0px 20px 11px;
    font-size:14px;
    line-height:30px;
    width:590px;
}

label {
    display:block;
    color:#5d6a8a;
    padding-top:20px;
    margin-left:10px;
}

#name, #email, #telephone, #message {
    color:#666;
    padding:15px;
    border:none;
}

#name, #email, #telephone {
    width:270px;
    height:20px;
    background:url(images/input_bg.gif) top left no-repeat;
}

#message {
    height:220px;
    width:559px;
    background:url(images/message_bg.gif) top left no-repeat;
}

#submit {
    text-transform:uppercase;
    cursor:pointer;
    height:40px;
    padding-left:55px;
    margin-top:15px;
    border:none;
    color:#5d6a8a;
    background:url(images/submit_bg.gif) top left no-repeat;
}

#submit:hover {
    background:url(images/submit_bg.gif) bottom left no-repeat;
}

#myform span {
    font-size:10px;
    color:#c33;
    padding-left:20px;
    background:url(images/required_bg.gif) center left no-repeat;
}

#myform span.optional {
    color:#690;
    padding-left:5px;
    background:none;
}

input.error {
    background:url(images/input.error_bg.gif) top left no-repeat !important;
}

textarea.error {
    background:url(images/textarea.error_bg.gif) top left no-repeat !important;
}

#thankyou_message {
    display:block;
    height:50px;
    line-height:50px;
    margin-top:50px;
    margin-bottom:50px;
    color:#690;
}

#thankyou_message span {
    display:block;
    float:left;
    height:50px;
    padding-left:75px;
    background:url(images/message_sent.gif) center left no-repeat;
}

/* footer */

#footer {
    position: relative;
    margin-top: -80px; /* negative value of footer height */
    height: 80px;
    width:900px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    border-top:2px dashed #bbb;
    background:transparent;
}

#footer #copyright {
    float:left !important;
}

#footer #copyright span {
    color:#e2732b;
}

#footer p {
    float:right;
    font-size:12px;
    padding-top:25px;
}

#footer p a {
    text-decoration:none;
    color:#e2732b;
    font-size:12px;
}

/* clearfix */
  
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Start hide from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
    
/* End hide from IE-mac */