* {
padding : 0;
margin : 0;
}

html , body {
width : 100%;
height : 100%;
}

body {
background : #ffffff url("body-background.png") top left repeat-x;
margin : 0;
padding : 0;
text-align : center;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 18px;
cursor : default;
}


#wrapper {
width : 1000px;
height : 100%;
position : relative;
margin : 0 auto;
background : transparent ;
}

#spacer {
display : block;
height : 10px;
clear : both;
}

#spacer, #header, #menu_holder, #page-title-holder, #container, #footer {
width : 100%;   /* from the #wrapper's width */
}


						/* //////////// HEADER STARTS HERE //////////// */
						/* //////////// HEADER STARTS HERE //////////// */
						/* //////////// HEADER STARTS HERE //////////// */
						/* //////////// HEADER STARTS HERE //////////// */

		


#header {
height : 175px;
background : transparent url("header.gif") top left no-repeat;
}

#header-en {
height : 175px;
background : transparent url("header-en.gif") top left no-repeat;
}


#logo {
width : 332px;
height : 135px;
float : left;
padding-top : 8px;
margin-left : 35px;
}

#logo a {
width : 332px;
height : 135px;
text-decoration : none;
}

#logo a img {
border : none;
}

#logo h3 {
font-size : 16px;
color : #FFFFFF;
text-shadow : #212121 1px 1px 0px;
}

#sitemap_language_holder {
width : 106px;
height : 30px;
float : right;
margin-top : 0px;
margin-right : 50px;
border-bottom : 2px solid #000000;
}

#sitemap_language_holder img.separater {
width : 2px;
height : 30px;
float : left;
}

#sitemap_icon {
width : 50px;
height : 30px;
float : left;
border-right: 1px solid #8C4F41;
}

#sitemap_icon a {
width : 50px;
height : 30px;
display : block;
text-decoration : none;
background : #BB6A57;
}

#sitemap_icon a:hover {
background : #000000;
}

#sitemap_icon a img {
border : none;
margin-top : 4px;
}

#language {
width : 51px;
height : 30px;
float : left;
}

#language a {
width : 50px;
height : 30px;
display : block;
color : #ffffff;
background : #BB6A57;
border-left : 1px solid #C9715D;
text-decoration : none;
font-size : 21px;
line-height: 30px;
}

#language  a:hover {
background : #000000;
border-left : 1px solid #000000;
}



						/* //////////// MENU STARTS HERE //////////// */
						/* //////////// MENU STARTS HERE //////////// */
						/* //////////// MENU STARTS HERE //////////// */
						/* //////////// MENU STARTS HERE //////////// */



#menu_holder {
clear : both;
height : 30px;
}

#menu {
width : 719px;
height : 30px;
margin : 0 auto;
}

#menu ul li {
width : 143px;
height : 30px;
display : inline;
float : left;
font-size : 16px;
line-height: 30px;
text-align : center;
font-weight : bold;
text-decoration : none;
color : #bb8c57;
background : #000000;
}

#menu ul li a {
width : 141px;
height : 30px;
display : block;
float : left;
text-align : center;
font-weight : bold;
font-size : 16px;
line-height: 30px;
text-decoration : none;
color : #ffffff;
background : #BB6A57;
border-left : 1px solid #C9715D;
border-right: 1px solid #8C4F41;
}

#menu ul a:hover {
color : #ffffff;
background : #000000;
border-left : 1px solid #000000;
border-right: 1px solid #000000;
}

#menu ul img {
width : 2px;
height : 30px;
float : left;
}

#active_header_in {
color : #bb8c57!important;
background : #000000!important;
}

#page-title-holder {
height : 55px;
background : transparent url("page-title-holder.png") top left no-repeat;z-index : 0;
}

#page-title {
width : 326px;
height : 50px;
position : relative;
top : 2px;
margin : 0 auto;
background : transparent url("title-background.png")  top left no-repeat;
}

#page-title img {
margin-top : 4px;
border : none;
}



						/* //////////// CONTAINER STARTS HERE //////////// */
						/* //////////// CONTAINER STARTS HERE //////////// */
						/* //////////// CONTAINER STARTS HERE //////////// */
						/* //////////// CONTAINER STARTS HERE //////////// */

						

#container {
position : relative;
min-height : 50%;
height : auto !important;
_height : 50%;
overflow : hidden;
background : transparent url("container-background.png")  top left repeat-y;
clear : both;
}

#path {
width : 100%;  /* from the #container's width */
height : 25px;
margin : 0px auto;
text-align : left;
font-size: 13px;
line-height: 25px;
text-transform : lowercase;
padding-left : 35px;
color : #FFFFFF;
background : #000000;
cursor : default;
}

#path a {
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}

#path a:hover {
text-decoration : underline;
}

#path h4 {
display : inline;
color : #bb8c57;
}


						/* //////////// PAGE-INDEX STARTS HERE //////////// */
						/* //////////// PAGE-INDEX STARTS HERE //////////// */
						/* //////////// PAGE-INDEX STARTS HERE //////////// */
						/* //////////// PAGE-INDEX STARTS HERE //////////// */


#top_column {
width : 324px;
height : 100%;
_height : 100%;
position : absolute;
left : 337px;
top : 5px;
color : #000000;
background : #ffffff;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
text-align : left;
line-height : 20px;
font-size : 14px;
z-index : 15;
opacity : .9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // IE8
filter: alpha(opacity=90); // IE5-7
}

#top_column p {
margin : 0 15px;
}

#top_column p.first {
margin-top : 8px;
}

#top_column ul {
margin-bottom : 10px;
}

#top_column ul li {
list-style-type : square;
margin-top : 10px;
margin-left : 50px;
margin-right : 15px;
}

#top_column ul h4 {
display : inline;
font-weight : normal;
}

#top_column a {
color : #000000;
}

#under_column {
width : 993px;
min-height : 330px;
height : auto !important;
_height : 330px;
margin : auto;
margin-top : 35px;
background : transparent;
}


						/* //////////// PAGE-ABOUT STARTS HERE //////////// */
						/* //////////// PAGE-ABOUT STARTS HERE //////////// */
						/* //////////// PAGE-ABOUT STARTS HERE //////////// */
						/* //////////// PAGE-ABOUT STARTS HERE //////////// */
						

#sidemenu {
width : 224px;
height : 100%;
float : left;
text-align : left;
}

#sidemenu ul {
width : 100%;
}

#sidemenu li {
list-style : none;
}

#sidemenu a, #sidemenu #active {
display : block;
width : 224px;
padding-left : 15px;
text-decoration : none;
font-size : 14px;
line-height: 30px;
color : #000000;
border-bottom : 1px solid #000000;
}

#sidemenu a:hover {
color : #bb8c57;
background : #000000;
}

#sidemenu #active {
color : #bb8c57;
background : #000000;
}

#about {
width : 725px;
min-height : 300px;
height : auto !important;
_height : 300px;
float : left;
position : relative
overflow : auto;
margin-left : 15px;
padding-left : 10px;
border-left : 1px solid #000000;z-index : 500px;
}

#about-title {
width : 715px;
text-align : right;
text-transform : capitalize;
border-bottom : 1px solid #000000;
}

#about-title h1 {
color : #000000;
font-size : 20px;
line-height: 30px;
font-weight : bold;
}
 
#description {
width : 715px;
margin-top : 20px;
color : #333333;
text-align : justify;
}

#description img {
float : left;
border : none;
margin : 0px 25px;
}

#description h4 {
display : inline;
}

#description a {
text-decoration : none;
color : #444faf;
font-weight : bold;
}

						/* //////////// PAGE-PRODUCTS STARTS HERE //////////// */
						/* //////////// PAGE-PRODUCTS STARTS HERE //////////// */
						/* //////////// PAGE-PRODUCTS STARTS HERE //////////// */
						/* //////////// PAGE-PRODUCTS STARTS HERE //////////// */

#products {
font-size : 14px;
text-align : left;
margin : 0px 15px;
color : #393939;
}

.products {
width : 450px;
height : 350px;
float : left;
margin-top : 10px;
margin-left : 33px;
}

.products a {
color : #000000;
text-decoration : none;
font-size : 16px;
font-weight : bold;
}

.products a:hover p{
text-decoration : underline;
}

.products a:hover img {
opacity : 1;
}

.products a img {
border : none;
opacity : 0.8;
}

#product_details {
width:100%;
text-align:center;
font-weight : bold;
border-collapse : collapse;
}

#product_details thead {
background : #000000;
color : #D69B58 ;          /* D69B58 */
vertical-align : top;
border : 2px double #000000;
}

#product_details thead span {
font-size : 13px;
font-weight : normal;
color : #f0f0f0;
}

#product_details tbody {
background : #BB6A57;
color : #000000;
vertical-align : middle;
}

#product_details tbody tr:hover {
background : #383838;
color : #ffffff;
}

#product_details tbody img {
margin : 5px !important;
border : 1px solid #000000 !important;
}

#product_details tbody img.second {
position : fixed;
bottom : 20%;
left : 45%;
visibility : hidden;
z-index : 99999;
}

#product_details tbody a:hover {
cursor : default;
}

#product_details tbody a:hover img.second {
visibility : visible;
}

#product_details tbody td {
border : 2px double #000000;
}



						/* //////////// PAGE-GALLERY STARTS HERE //////////// */
						/* //////////// PAGE-GALLERY STARTS HERE //////////// */
						/* //////////// PAGE-GALLERY STARTS HERE //////////// */
						/* //////////// PAGE-GALLERY STARTS HERE //////////// */

#gallery {
width : 650px;
margin : auto;
}

#gallery a:hover {
cursor : url("Zoom-In-icon.png"), auto;
}

#gallery img {
padding : 8px;
background : #BB6A57;
border : 1px outset #212121;
opacity : 0.8;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all  300ms ease-in-out;
-o-transition: all  300ms ease-in-out;
transition: all  300ms ease-in-out;
}

#gallery a:hover img {
background : #383838;
opacity : 1;
}


						/* //////////// PAGE-CONTACTS STARTS HERE //////////// */
						/* //////////// PAGE-CONTACTS STARTS HERE //////////// */
						/* //////////// PAGE-CONTACTS STARTS HERE //////////// */
						/* //////////// PAGE-CONTACTS STARTS HERE //////////// */


.map {
float : right;
margin : 30px 30px 15px 20px;
}

.info {
margin : 30px 0 0 35px;
text-align : left;
color : #393939;
}

.info h3 {
font-size : 15px;
margin-bottom: 3px;
}

.info a {
color : #444faf !important;
}

.form {
border : none;
}

input[type="submit"], input[type="reset"] {
height : 25px;
padding : 1px 3px;
background : #BB6A57;
color : #ffffff;
border : 1px solid #000000;
font-weight : bold;
}

#message {
margin-top : 40px;
color : #393939;
font-size : 16px;
}

#message a {
color : #393939;
}

						/* //////////// PAGE-SITEMAP STARTS HERE //////////// */
						/* //////////// PAGE-SITEMAP STARTS HERE //////////// */
						/* //////////// PAGE-SITEMAP STARTS HERE //////////// */
						/* //////////// PAGE-SITEMAP STARTS HERE //////////// */


#sitemap {
margin-left : 100px;
text-align : left;
}

#sitemap ul {
margin : 10px 40px;
}

#sitemap ul li {
list-style-type : square;
margin : 5px 0;
}

#sitemap ul li {
font-size : 16px;
}

#sitemap ul  ul li {
font-size : 14px;
}

#sitemap ul  ul ul li {
font-size : 12px;
}

#sitemap li a {
-webkit-transition: all 300ms ease-out;
-moz-transition-property: all 300ms ease-out;
-o-transition: all 300ms ease-out;
color : #393939;
text-decoration : none;
font-weight : bold;
}

#sitemap li a:hover {
color : #BB6A57 !important ;
padding-left : 15px;
}

#sitemap li a:visited {
color : #393939;
text-decoration : none;
font-weight : bold;
}


						/* //////////// FOOTER STARTS HERE //////////// */
						/* //////////// FOOTER STARTS HERE //////////// */
						/* //////////// FOOTER STARTS HERE //////////// */
						/* //////////// FOOTER STARTS HERE //////////// */
						


#footer_holder {
clear : both;
height : 85px;
background : #000000;
font-size : 15px;
font-weight : bold;
}

#footer_rights {
float : left;
width : 260px;
height : 40px;
margin-top : 15px;
margin-left : 15px;
color : #ffffff;
}

#footer_links {
float : left;
width : 525px;
height : 40px;
margin-top : 15px;
margin-left : 180px;
}

#footer_links a, #footer_links span.links, #active_footer_in {
padding : 15px 8px;
padding-bottom : 20px;
}

#footer_links a {
color : #ffffff;
text-decoration : none;
}

#footer_links a:hover, #footer_links span.links, #active_footer_in {
color : #BB6A57 !important;
background : #ffffff url("footer-links.gif") center bottom no-repeat;

}

body:after {
content : url("barrage_block.jpg") url("brick.jpg") url("brick_faces.jpg") url("chimney_block_double.jpg") 
url("chimney_block_single.jpg") url("drain.jpg") url("flag_stone_cobblestone.jpg") url("flag_stone_drop.jpg")
url("flag_stone_embroidery.jpg") url("flag_stone_flower.jpg") url("flag_stone_rainbow.jpg")
url("flag_stone_rhombus.jpg") url("flag_stone_square_25.jpg") url("flag_stone_square_30.jpg")
url("flag_stone_star.jpg") url("flag_stone_stone_25.jpg") url("flag_stone_stone_30.jpg")
url("flag_stone_sun.jpg") url("garden_curb_1_faced.jpg") url("garden_curb_2_faced.jpg") url("garden_gutter.jpg")
url("grating_pumping-shaft.jpg") url("lizard.jpg") url("masonry_block.jpg") url("paving_stone.jpg")
url("pillar_cover_narrow.jpg") url("pillar_cover_ornamental.jpg") url("pillar_cover_small.jpg")
url("tiling_25.jpg") url("tiling_rustika.jpg") url("wall_cover_big.jpg") url("wall_cover_narrow.jpg")
url("wall_cover_small.jpg") url("vibrated_concrete.png") url("vibrated_pressed_concrete.png")
url("slider-1.gif") url("slider-2.gif") url("slider-3.gif") url("slider-4.gif") url("slider-5.gif")
url("slider-6.gif") url("slider-7.gif") url("slider-8.gif") url("slider-9.gif") url("slider-10.gif")
url("slider-11.gif") url("slider-12.gif") url("header.gif") url("header-en.gif");
display : none;
}