html {
    height:100%;
    background:#000;
}

body {
    background:#000 url(../img/stone-back-clean.jpg) no-repeat 50% -5px;
    margin:0 auto;
    padding:0 140px;
    padding-top:30px;
    position:relative;
    font-size:75%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:1.6em;
    min-height:100%;
}

* html body {
    height:100%;
}

a:active, a:link, a:visited, a {
    outline:none;
}

img{
    border: 0
}

ul {
    margin:0;
    padding:0;
    /*opacity:0.9999;*/
}

p {
    margin:0;
    margin-bottom:.5em;
    /*opacity:0.9999;*/
}

#mainNavigationWrapper {
    position:absolute;
    z-index:100;
    top:40px;
    left:50%;
    margin-left:-400px;
    padding-left:20px;
    width:780px;
    height:61px;
    background:url(../img/transp-with-corners.png?20100504-2) top;
    border-bottom:1px solid #999;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:10px;
}

#mainNavigation {
}

#mainNavigation li {
    float: left;
    display: inline;
    list-style: none;
}

#mainNavigation li a {
    position: relative;
    color: black;
    background-color: white;
    text-decoration: none;
    display: block;
    line-height:1em;
    float:left;
    z-index: 10;
    margin:1.3em 1px;
    text-transform:uppercase;
    opacity:1;
    filter:alpha(opacity=100);
    text-indent:-9999em;
    outline:none;
    overflow:hidden;
}

/*#mainNavigation li.b_Home a {
    background-image:url(../img/button-home.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:76px;
}

#mainNavigation li.b_About-us a {
    background-image:url(../img/button-about.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:72px;
}

#mainNavigation li.b_Technical-stone a {
    background-image:url(../img/button-techstone.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:80px;
}

#mainNavigation li.b_Natural-stone a {
    background-image:url(../img/button-naturalstone.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:79px;
}

#mainNavigation li.b_Int-glass a {
    background-image:url(../img/button-intglass.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:83px;
}

#mainNavigation li.b_Gallery a {
    background-image:url(../img/button-gallery.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:80px;
}

#mainNavigation li.b_Configurator a {
    background-image:url(../img/button-config.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:114px;
}

#mainNavigation li.b_Contact a {
    background-image:url(../img/button-contact.png);
    background-repeat:no-repeat;
    background-position:50% 0;
    width:102px;
}*/

li.labelNew {
	display:block;
	position:absolute;
	z-index:1000;
	left:50%;
	margin-left:-165px;
	top:45px;
}

li.labelNew img {
	display:block;
}

#langNav, #auxNav {
	list-style:none;
}

#langNav {
	left:50%;
	margin-left:390px;
	top:180px;
	z-index:10;
	display:block;
	position:absolute;
	background:url(../img/buttons-langs.png) no-repeat;
}

#langNav li a {
	display:block;
	width:66px;
	height:39px;
	text-indent:-9999em;
	outline:none;
	overflow:hidden;
}

#auxNav li {
	position:absolute;
}

#auxNav li.news {
	left:50%;
	margin-left:390px;
	top:275px;
	z-index:10;
}

#auxNav li.news a, #auxNav li.news a img {
	display:block;
}

/*lavalamp*/

#mainNavigation li.backLava {
    /*background-color:#ccc;*/
	background:url(../img/menu-shine2.png) no-repeat 50% 50%;
    position: absolute;
}


.leftNavigation {
    float:left;
	clear:left;
    display:inline;
    margin-left:10px;
    margin-bottom:3px;
    width:170px;
    padding:12px;
    /*height:10em;*/
    padding-top:35px;
    background:url(../img/transb85.png);
    border-top:1px solid #BCBAB8;
}

.leftNavigation.first {
	margin-top:14px;
}

.leftNavigation.nolabel {
	padding-top:12px;
}

* html #leftNavigation, * html .leftNavigation {
    margin-left:5px;
}

.natStone#leftNavigation {
    background:url(../img/leftnav-natstone.png) no-repeat;
}

.natStoneEN#leftNavigation {
    background:url(../img/leftnav-natstone-en.png) no-repeat;
}

.techStone#leftNavigation {
    /*background:url(../img/leftnav-techstone.png) no-repeat;*/
}

.techStoneEN#leftNavigation {
    /*background:url(../img/leftnav-techstone-en.png) no-repeat;*/
}

.leftNavigation {
	position:relative;
	padding-top:2.7em;
}

#content .leftNavigation li a {
	color:#AAA;
}

.leftNavigation .label{
	font-size:1.7em;
	position:absolute;
	top:5px;
	left:10px;
	border:0;
	text-transform:lowercase;
}

.leftNavigation .label:hover {
	background:none;
	color:white;
}

.intGlass#leftNavigation{
    background:url(../img/leftnav-lacobel.png) no-repeat;
}

.intGlassEN#leftNavigation{
    background:url(../img/leftnav-lacobel-en.png) no-repeat;
}

#leftNavigation li, .leftNavigation li{
    list-style: none;
    border-bottom:1px dotted #555;
}

#leftNavigation li a, .leftNavigation li a {
    color: white;
    text-decoration: none;
    display:block;
}

#leftNavigation li:hover, .leftNavigation li:hover {
    background:url(../img/arrow.png) no-repeat;
    color:black;
}

#leftNavigation li.current a, .leftNavigation li.current a {
    font-weight:bold;
}

#content {
    height: 440px;
    color: white;
    padding:10px;
    padding-top:0px;
    position:absolute;
    z-index:120;
    width:780px;
    left:50%;
    margin-left:-400px;
    top:120px;
}

#content a{
    color:white;
}

#contentCorners {
    width:800px;
    height:590px;
    position:absolute;
    top:40px;
    margin-left:10px;
    z-index:50;/*background:url(../img/content-corners.png) no-repeat;*/
}

#backImage {
    position:absolute;
    background-repeat: no-repeat;
    z-index:30;
    top:40px;
    left:50%;
    margin-left:-400px;
    height:590px;
    width:800px;
}

#backImage2 {
    background-repeat: no-repeat;
    position:absolute;
    z-index:31;
    top:40px;
    left:50%;
    margin-left:-400px;
    height:590px;
    width:800px;
    background-image: url(../img/backgr/CRW_9620-R.jpg);
}

#subContainer {
    float:right;
    width:560px;
    margin-right:10px;
    height:430px;
    /*overflow:hidden;*/
    color:#CCC;
}

#mainContainer {
    padding:10px 0;
    padding-top:15px;
    height:385px;
}

.galleryPage#mainContainer {
    padding-top:0;
}

#subContainer .content, #mainContainer .content {
    overflow:hidden;
    height:380px;
    clear:both;
    background:url(../img/transb95.png);
    background:url(../img/back-with-floral.png) no-repeat -190px -520px;
    padding:10px 3%;
    margin:0 1px;
}

#subContainer .content {
    background-position:-370px -520px;
}

#mainContainer .content {
    margin:0 10px;
}

#wrapper1 {
    background:url(../img/wrapper-top.png) no-repeat;
    padding-top:10px;
    z-index:20;
    position:absolute;
    width:820px;
    top:30px;
    left:50%;
    margin-left:-410px;
}

#wrapper2 {
    background:url(../img/wrapper-bottom.png) no-repeat bottom;
    padding-bottom:10px;
}

#wrapper3 {
    border-left:1px solid #333333;
    border-right:1px solid #333333;
    background:#121212 url(../img/wrapper-mid.png) repeat-y 0 30px;
    padding:0 10px;
    height:590px;
}

#footerStripe {
    background:url(../img/transp-with-corners.png) bottom;
    position:absolute;
    z-index:100;
    top:570px;
    height:69px;
    width:800px;
    left:50%;
    margin-left:-400px;
    border-top:1px solid #999;
    color:#999;
}

#footerStripe a, #footerStripe span {
    color:#FFF;
}

#footerStripe .left, #footerStripe .right {
    width:33%;
    font-size:10px;
    margin: 1em;
    display:inline;
}

#footerStripe .right {
    text-align:right;
}

#footerStripe p {
    line-height:1em;
}

.scrollUp, .scrollDown {
    height:15px;
    clear:both;
    display:block;
    cursor:pointer;
    background: url(../img/scrolls3.png) no-repeat;
}

.scrollUp {
    background-position:top left;
}

.scrollDown {
    background-position:bottom right;
}

.scrollUp {
    background-position:center top;
}

.scrollDown {
    background-position:center bottom;
    top:330px;
}

#mainContainer .galleryPage {
    margin:0;
    margin-top:10px;
    padding-left:0;
    padding-right:0;
    padding-top:.5em;
}

.galleryMenu li {
    display:inline;
    background:url(../img/button-rounded1-left.png) no-repeat top left;
    padding-left:9px;
    float:left;
    margin-right:1em;
}

.galleryMenu a {
    display:block;
    float:left;
    background:url(../img/button-rounded1.png) no-repeat top right;
    height:25px;
    line-height:25px;
    padding-right:9px;
    color:white;
    text-decoration:none;
    margin-bottom:5px;
    font-size:10px;
    text-transform:uppercase;
}

#galleryContent {
    /*position:absolute;
    width:778px;*/
    height:330px;
    overflow:hidden;
}

#galleryContent p {
	margin:.5em;
}

.left {
    float:left;
}

.right {
    float:right;
}

.clr {
    clear:both;
}

#wrapper3 .noback .content {
    background:none}

#contact-form {
    float:left;
    width:50%;
    border-right:1px solid #666;
    height:100%;
    padding:0;
    margin:0;
}

#contact-form label {
    width:100px;
    display:block;
}

#contact-form input.text, #contact-form textarea {
    background:none;
    border:1px solid #666;
    color:white;
    margin-bottom:4px;
    width:75%;
}

#contact-form input:focus, #contact-form textarea:focus {
    border-color:white;
}

.map {
    width:350px;
    height:25px;
    line-height:25px;
    padding-top:325px;
    background:url(../img/map.png) no-repeat;
    color:white;
    float:right;
    text-align:center;
    margin-top:15px;
}


h2 {
    text-transform:lowercase;
    margin:0;
    margin-bottom:.4em;
    color:#aaa;
}

h2 strong {
    color:#FFF;
	text-transform:none;
}

.galleryPage h2 {
    margin:0;
    text-indent:1em;
    font-weight:normal;
    /*font-size:190%;*/
}

.contactPage h2 {
}

#backFlash {
    position:absolute;
    z-index:10;
    width:820px;
    height:51px;
    top:640px;
    left:50%;
    margin-left:-410px;
}

#backLogo {
    position:absolute;
    z-index:5;
    top:0;
    left:50%;
    margin-left:-640px;
    display:block;
    width:820px;
    height:500px;
    background:url(../img/back-logo.png) no-repeat 110px 135px;
    opacity:.1;
    -moz-opacity:.1;
    filter:alpha(opacity=10);
    text-indent:-9999em;
    overflow:hidden;
}

#loader{
    background:url(../img/transb75.png);
    height: 30px;
    font-size: .8em;
    color: white;
    text-align:center;
    position:absolute;
    z-index:50;
    width:800px;
    left:50%;
    margin-left:-400px;
    top:500px;
    display: none;
}

#logoFlash {
    position:absolute;
    top:55px;
    left:50%;
    margin-left:345px;
    z-index:100;
}

/*gallery*/
.galleryImageBox img { /* thumbnail images parameters here*/
    width:auto; /* width of the thumbnail images */
    position:absolute;
    z-index:1000;
}

.galleryImageBox a {
    z-index:1100;
    display:block;
    width:180px;
    height:115px;
    background:url(../img/frame1.png) no-repeat;
    position:absolute;
}

.galleryImageBox {
    float:left;
    display:inline;
    margin-left:10px;
    margin-bottom:10px; /* distance between image rows */
    height:130px; /* height of an image cell */
    position:relative;
    width:180px;
    height:115px;
}

ul#mainNavigation ul {
    display: none;
}

#mainNavigation img {
	display:block;
}

#galleryContent{
    height: 330px;
}

#gallery-content {
    position:relative;
}

/* colour galleries */
span.tooltip {
    display:block;
    background:url(transp.png);
}

.thumbs {
	background:black;
}

.thumbs ul {
    list-style:none;
}

.thumbs ul li {
    float:left;
    margin:4px;
    list-style:none;
}

/*.thumbs ul li span {
    position:absolute;
    display:block;
    width:50px;
    height:50px;
    z-index:130;
}*/

.thumbs img {
    display:block;
}

.colour-big {
    position: absolute;
    display: none;
    /*width:182px;
    height: 182px;
    background:url(../img/transb85.png);
    border:1px solid black;*/
    padding:5px;
    padding-top:25px;
    z-index:140;
    /*margin-left:45px;
    margin-top:-210px;*/
    /*top:190px;
    left:50%;
    margin-left:-380px;
	*/ /* bottom left position */
	
	top:240px;
    left:50%;
    margin-left:142px;
	/* top right position */
	
	
}

.colour-big div {
    border:4px solid white;
    width:174px;
    height: 175px;
	
    width:212px;
	height:125px;
}

#configurator-controls .colour-big div {
    width:180px;
}

.thumbs ul .colour-big span {
    /*background:url(../img/transb50.png);
    padding:.2em;*/
    margin-top:-23px;
    margin-left:-4px;
    width:170px;
    height:20px;
    color:white;
    display:block;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;
    text-transform:uppercase;
}

.edges img {
    background-position:50% 50%;
    width:250px;
}

.edges ul li span {
    position:absolute;
    display:block;
    width:250px;
    height:135px;
    z-index:130;
}

.edges .galleryImageBox {
    width:250px;
    height:135px;
    border:1px solid black;
}

.edges .galleryImageBox span {
    position:absolute;
    margin-top:115px;
    margin-left:5px;
    color:black;
    font-size:10.5px;
    font-weight:bold;
    z-index:1500;
}
/* eo colour galleries */

#technical-stone-subContainer {
    overflow:auto;
}

.list {
    padding-left:4em;
}

.content h2 {
    /*width:190px;
    height:20px;
    text-indent:-9999em;
    background:url(../img/title-technology.png) no-repeat;*/
    font-size:200%;
    font-weight:normal;
}

.content strong {
    color:#eeeeee;
}

.content img.right {
    margin-left:5px;
    margin-bottom:3px;
    border:3px solid #000;
}

#content-toggle {
    /* ver 1
    color:#777;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:90%;
    position:absolute;
    top:44px;
    left:50%;
    margin-left:300px;
    cursor:pointer;
    white-space:nowrap;*/

    /* ver 2 */
    width:30px;
    height:30px;
    margin-left:17px;
    margin-top:17px;
    text-indent:-9999em;
    outline:none;
    overflow:hidden;
    cursor:pointer;
	display:block;
}

#backMusic {
    margin-left:21px;
    margin-top:5px;
    display:block;
}

.w45 {
    width:45%;
}

#colour-legend {
	float:right;
    width:41%;
    padding-left:2%;
    border-left:1px solid #999;
    height:380px;
    font-size:83.33%;
    line-height:1.2em;
}

#scrollingContent {
    height:350px;
    overflow:hidden;
}

a.pdfLink {
    text-indent:20px;
    background:url(../img/icons/page_white_acrobat.png) no-repeat;
    display:block;
    line-height:20px;
    clear:both;
}

.propIcons {
    list-style:none;
}

.propIcons li {
    float:left;
    margin-bottom:5px;
    margin-right:5px;
}

.propIcons img {
    border:0;
}

.propIcons li em, #sideControls em {
    font-size:100%;
	background: white;
	position: absolute;
	margin-top: -30px;
	margin-left: 0px;
	text-align: center;
	padding: 10px;
    border:3px solid #444;
	font-style: normal;
	z-index: 2000;
	display: none;
    color:black;
    white-space:nowrap;
}

#form-status {
    padding:4px;
    background:#333;
    display:inline;
}

.form-error#form-status {
    padding:4px;
    background:#6C0003;
}

.form-success#form-status {
    padding:4px;
    background:#006000;
}

html body .content .noborder {
    border:0;
}

#sideControls {
    background:url(../img/buttons-text-sound.png) no-repeat;
    width:85px;
    height:80px;
    position:absolute;
    left:50%;
    margin-left:390px;
    top:80px;
}

#homeSCG {
    /*position:absolute;
	background:url(../img/stone-center-group.gif) no-repeat;
    left:50%;
    margin-left:-350px;
    top:28px;
    z-index:99991000;
	height:48px;
	width:488px;*/
    width:0;
	display:block;
	overflow:hidden;
	font-size:250%;
}

#homeSCG strong {
	width:500px;
	display:block;
	line-height:28px;
	font-family:Impact, "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight:normal;
	padding:0;
}

#homeSCGFlash {
	padding-top:5px;
	display:block;
	}

/* start of configurator */

.content#configurator {
	position:relative;
	height:400px;
}

#configurator div {
	position:absolute;
	width:510px;
	height:383px;
}

#configurator div#canvas {
	background:url(../img/configurator/kitchen/kitchen-base.jpg) no-repeat;
	z-index:150;
	border:8px solid #282828;
}

.bathroom#configurator div#canvas {
	background:url(../img/configurator/bathroom/bathroom-base.jpg) no-repeat;
	z-index:150;
	border:8px solid #282828;
}

#configurator div#stoneLayer {
	z-index:170;
	margin-left:8px;
	margin-top:8px;
}

#configurator div#furnitureLayer {
	z-index:160;
	margin-left:8px;
	margin-top:8px;
}

#configurator div#wallsLayer {
	z-index:160;
	margin-left:8px;
	margin-top:8px;
}

#configurator div#floorLayer {
	z-index:150;
	margin-left:8px;
	margin-top:8px;
}

#configurator div#instructions {
	z-index:180;
	border:3px solid white;
	background:url(../img/trans75.png);
	color:black;
	padding:2em;
	width:310px;
	margin:3em;
	height:auto;
	/*display:none;*/
}

#configurator div#instructions h3 {
	margin:0;
	text-transform:uppercase;
}

.slideFromLeft h3 {
	margin:0;
	padding:1em 0;
}

#stoneCurrentChoice {
	margin-top:-1.2em;
	margin-left:50px;
	height:1em;
	line-height:1em;
	font-size:60%;
	color:black;
}

#configurator-controls {
    float:left;
    display:inline;
    margin-left:10px;
    width:170px;
    padding:12px;
    background:url(../img/transb75.png);
}

#configurator-controls li{
    list-style: none;
}

#configurator-controls > li{
    display: none;
}

#configurator-controls li a {
    color: white;
    text-decoration: none;
}

.slideFromLeft {
    position: absolute;
    width: 525px;
	z-index:200;
	background:black;
	top:0px;
	left:0;
	padding:5px;
}

#configurator-controls div.colour-big {
	margin-left:-478px;
	top:153px;
}

.bathroom#configurator-controls div.colour-big {
	top:210px;
}

#configurator-controls li.varItem {
	padding:5px;
	height:44px;
	font-size:1.3em;
	background:url(../img/button-grad.png) repeat-x top left;
	clear:left;
	margin-top:5px;
}

#configurator-controls li.varItem:hover {
	background-position:bottom left;
}

#configurator-controls li.varItem a {
	line-height:44px;
	display:block;
	color:#333;
	font-weight:bold;
	background:url(../img/button-grad-arrow.png) no-repeat 100% 50%;
}

#furnitureIndication, #stoneIndication, #wallsIndication, #floorIndication {
	width:40px;
	margin-right:5px;
	border:2px solid white;
	display:block;
	float:left;
}


/* end of configurator */

.centered {
	text-align:center;
	margin:auto;
	display:block;
}

.block {
	display:block;
}

.nomargin {
	margin:0 !important;
}

#configSplash {
	width:530px;
	margin:auto;
}

#configSplash img {
	border:0 !important;
}

#configSplash a {
	opacity:.7;
    filter:alpha(opacity=70);
	
}

#configSplash a:hover {
	opacity:1;
    filter:alpha(opacity=100);
}

.titleConfigure {
	width:420px;
	height:29px;
	background:url(../img/configurator-splash-title.png) no-repeat;
	text-indent:-9999em;
}

.titleConfigureEN {
	width:420px;
	height:29px;
	background:url(../img/configurator-splash-title-en.png) no-repeat;
	text-indent:-9999em;
}

.boutique_subcontent {
	display:none;
}

.subcontent_thumb img {
	width:69px;
	height:52px;
}

.subcontent_thumb {
	float:right;
	margin-left:3px;
	margin-bottom:3px;
	border:2px solid #ccc;
}

.subcontent_thumb:hover {
	border-color:#999;
}

.image_container {
	float:left;
	margin-right:5px;
	width:450px;
	padding:3px;
	border:1px solid #999;
}

.boutique_image_main {
	width:220px;
	float:left;
	margin-right:5px;
	border:1px solid #CCC;
}

.boutique #galleryContent {
	padding:0 1em;
}

.boutique #galleryContent a {
	font-weight:bold;
	color:#930;
}

.entry {
	clear:both;
	padding:.5em 0;
}

.entryLeft {
	clear:left;
	width:650px;
	padding:1px 0;
}

.entryLeft .img {
	float:left;
	margin-right:5px;
	border:3px solid white;
}

#content .entryLeft a {
	color:#999;
}

.entryLeft p, .entryLeft h3 {
	margin:0 !important;
}

.blockTitle {
	padding:.3em;
	background:#333;
	float:left;
	}

.newsSection {
	border-top:1px solid #333;
	clear:left;
	list-style:none;
	color:#aaa;
}

.newsSection li, hr {
	border:0;
	border-bottom:1px dotted #333;
}

.newsSection strong {
	color:#A10000;
}