* {
    padding: 0;
    margin: 0;
    border: 0;
}
body, html {
    color: #000;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    background-color: #FFF;
    text-align: center; /*** Centers the design in old IE versions ***/
}
body {
    font-size: 60%;
}
p { padding: 7px 0 7px 0; }

a {
    color: #000099;
}
a:hover {
    color: #0000FF;
    text-decoration: none;
}

h1, h2, h3 {
    font-weight: bold;
    padding-bottom: 5px;
}
h1 {
    display: none;
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.3em;
}
.clear { clear: both; }
.hide {
    display: none;
}
.hidetext {
    font-size: 1px;
    color: #FFF;
    text-indent: -9900px;
}
#mainContainer {
    width: 625px;
    margin: 0 auto; /*** Centers the design ***/
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
    margin-top: 116px; /*** We need to add some space for our top menu ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
    float: left;
}
#content {
    float: left;
    width: 625px;
    background: #fff;
}
* html #content {
    position: relative;  /*** IE needs this  ***/
}
.contentWrap {
    padding: 20px 0px;
}
#content a {
    color: #98989b;
    font-weight: bold;
    text-decoration: none;
}
#content a:hover {
    text-decoration: none;
}
/**************************
MENU
**************************/
/*** div#menu is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div#menu is carried over into the proper position.
***/
#menu {
    float: right;
    width: 625px;
    height: 26px;
    margin: -26px 0 0 -625px; /*** Move the left column so it takes the positon as a top menu ***/
}
* html #menu {
    position: relative;  /*** IE needs this  ***/
}
#menu ul {
    list-style: none;
}
#menu li {
    display: block;
    float: left;
    height: 13px;
    margin-top: 13px;
}

/**************************
MENU ITEMS
**************************/
#menu ul {
    /*margin-top: 13px;*/
    margin-left: 0px;
}
#menu li a {
    display: block;
    height: 13px;
    color: #98989b;
    font-size: 1px;
    text-indent: -9900px;
    outline: 0;
}
#menu li.news, #menu li.news_active {
    margin-right: 97px;
}

/** LOGO ON THE LEFT */
#menu li.logo {
    height: 26px !important;
    width: 42px !important;
    margin-top: 1px !important;
    float: right !important;
}
a#logo {
    display: block;
    float: right;
    width: 42px !important;
    height: 26px !important;
    background: url('../img/logo_header.jpg');
}

#menu li.background {
	width: 75px;
	background: url('../img/menu_background.jpg') no-repeat;
}
#menu li.background a:hover, #menu li.background_active {
	width: 75px;
	background: url('../img/menu_background_hover.jpg') no-repeat;
}
#menu li.contact {
	width: 55px;
	background: url('../img/menu_contact.jpg') no-repeat;
}
#menu li.contact a:hover, #menu li.contact_active {
	width: 55px;
	background: url('../img/menu_contact_hover.jpg') no-repeat;
}
#menu li.news {
    width: 40px;
	background: url('../img/menu_news.jpg') no-repeat;
}
#menu li.news a:hover, #menu li.news_active {
	width: 40px;
	background: url('../img/menu_news_hover.jpg') no-repeat;
}
#menu li.seatings {
    width: 60px;
	background: url('../img/menu_seatings.jpg') no-repeat;
}
#menu li.seatings a:hover, #menu li.seatings_active {
	width: 60px;
	background: url('../img/menu_seatings_hover.jpg') no-repeat;
}
#menu li.tablessideboards {
    width: 119px;
	background: url('../img/menu_tablessideboards.jpg') no-repeat;
}
#menu li.tablessideboards a:hover, #menu li.tablessideboards_active {
	width: 119px;
	background: url('../img/menu_tablessideboards_hover.jpg') no-repeat;
}
#menu li.objects {
    width: 58px;
	background: url('../img/menu_objects.jpg') no-repeat;
}
#menu li.objects a:hover, #menu li.objects_active {
	width: 58px;
	background: url('../img/menu_objects_hover.jpg') no-repeat;
}
#menu li.ceramic {
    width: 58px;
	background: url('../img/menu_ceramic.jpg') no-repeat;
}
#menu li.ceramic a:hover, #menu li.ceramic_active {
	width: 58px;
	background: url('../img/menu_ceramic_hover.jpg') no-repeat;
}

/**************************
ARTICLE OVERVIEW
**************************/
div.overview_line {
    margin: 5px 0px;
    background: url('../img/bg_dotted.jpg') 0 0 repeat-x;
    height: 110px;
}
div.overview {
    padding: 0px 0px;
}
div.article {
    margin-top: 15px;
	margin-bottom: 75px;
	float: left;
	width: 110px;
	height: 120px;
}
div.footer {
    clear: both;
    background: url('../img/bg_dotted.jpg') 0 58px repeat-x;
    height: 65px;
}
div.pager {
    display: inline;
    background: #808084;
    color: #FFF;
    margin: 0;
    padding: 2px;
}
div.pager a {
    color: #FFF;
    text-decoration: none;
}
div.pager a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

/**************************
ARTICLE DETAILS
**************************/
.prod_image {
	float: left;
    width: 350px;
	height: 350px;
	margin: 50px 0 10px 0;
}
div.prod_info {
	margin-top: 100px;
    float: right;
    width: 190px;
    margin-right: 60px;
    padding: 15px 0px;
    background: url('../img/bg_dotted.jpg') 100% 100% repeat-x;
    color: #98989b;
}
* html .prod_info {
    width: 200px !important;
    margin-right: 30px !important;
}
div.prod_info h2 {
    background: url('../img/bg_dotted.jpg') 100% 100% repeat-x;
    padding: 5px 15px;
    margin-bottom: 10px;
}
div.prod_info dl {
	margin: 0 15px;
	padding: 0;
}
div.prod_info dt {
	font-weight: bold;
	display: block;
	margin: 0 0 4px 0;
}
div.prod_info dd {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}
div.prod_links {
	clear: both;
	padding-top: 20px;
	line-height: 20px;
}
div.prod_gal {
    clear: both;
}
a.prod_gal_thumb {
    border: 1px solid #eee;
    display: block;
    height: 110px;
    width: 110px;
    float: left;
    margin-right: 6px;
}

/* SITE DETAILS */
h1.background, h1.news {
    font-size: 1px;
    color: #FFF;
    text-indent: -9000px;
    background: url('../img/h1_background.jpg') 0 2px no-repeat;
    width: 139px;
    height: 70px;
    float: left;
    display: block;
    margin-top: 45px;
}
h1.news {
    background: url('../img/h1_news.jpg') 0 2px no-repeat !important;
    height: 40px;
}

div.cms_background, div.cms_news {
    float: left;
    width: 486px;
    margin-top: 45px;
}

div.cms_contact h2 { background: none; margin: 4px 4px 6px 0px; padding: 0; font-size: 1em; color: #E2001A; }
div.cms_contact .prod_image {
	float: right;
    width: 392px;
	height: 325px;
	margin-top: 50px;
}
div.cms_contact div.prod_info {
	margin: 50px 0 0 0;
    float: left;
    width: 200px;
    padding: 0;
    background: url('../img/bg_dotted.jpg') 100% 0% repeat-x;
    color: #98989b;
    font-weight: normal;
}
* html div.cms_contact .prod_info {
    width: 200px !important;
    margin-right: 5px !important;
}

div.news_list {
    float: left;
    width: 130px;
    margin-top: 30px;
}

div.news_list h2 {
    font-size: 10px;
    margin-top: 5px;
}

div.news_detail {
    width: 450px;
    float: right;
    margin-top: 45px;
}

div.news_detail span.news_datum {
    display: block;
    margin-bottom: 10px;
}

form.nl_subscribe {
    clear: both;
    width: 392px;
    float: right;
    text-align: right;
    background: url('../img/bg_dotted.jpg') 100% 0% repeat-x;
    padding: 8px 0 20px 0;
    margin: 30px 0 0 0;
    color: #999;
}

form.nl_subscribe input {
    border: 1px solid #E7E7E9;
    padding: 2px;
    margin: 0 0 0 4px;
    font-size: 1em;
}
form.nl_subscribe input.email {
    width: 20em;
}
form.nl_subscribe input.button {
    padding: 1px 2px;
}