/* CSS Document */
*
{
	margin: 0;
}
img, div, input
{
	behavior: url(   "iepngfix.htc" );
}
div, p
{
	padding: 0;
}
ul, li
{
	padding: 0;
	list-style: none;
}
h1
{
	color: #5f5f5c;
	font-size: 17px;
	padding-bottom: 12px;
}
h2
{
	color: #5f5f5c;
	font-size: 17px;
	float: left;
	width: 255px;
}
img
{
	border: none;
}
p
{
	color: #727272;
	font-size: 13px;
}
body
{
	background: url(../images/bg.jpg) left top repeat;
	padding: 0;
	font-family: "Trebuchet MS";
}
#top
{
	background: #d6d6d6;
	padding-top: 30px;
	width: 100%;
	float: left;
}
#main
{
	width: 850px;
	margin: 0 auto;
	position: relative;
}
.top_container
{
	width: 100%;
	float: left;
}
.logo
{
	width: 430px;
	float: left;
	padding: 0 0 20px 0;
}
.call_container
{
	width: 290px;
	float: right;
}
.call_left
{
	background: url(../images/call_left.jpg) left top no-repeat;
	padding-left: 8px;
	height: 37px;
}
.call_right
{
	background: url(../images/call_right.jpg) right top no-repeat;
	padding-right: 8px;
	height: 37px;
}
.call_bg
{
	background: url(../images/call_bg.jpg) left top repeat-x;
	width: 98%;
	height: 32px;
	padding-top: 5px;
	padding-left: 8px;
}
.call_bg h1
{
	background: url(../images/call_img.jpg) left top no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	padding-left: 30px;
}
.call_bg span.number
{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 8px;
}
/*-----------menu css start--------------*/
#main_menu
{
	background: #ffffff;
	width: 100%;
	padding: 4px 0;
	float: left;
	height: 35px;
}
#main_menu_border
{
	border-bottom: 1px solid #dee2c9;
	width: 100%;
	padding-bottom: 3px;
	float: left;
	height: 26px;
}
#menu_contain
{
	width: 850px;
	margin: 0 auto;
}
ul.menu
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menu *
{
	margin: 0;
	padding: 0;
}
ul.menu a
{
	display: block;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
}
ul.menu a.active, ul.menu a:hover
{
	background: #000000;
	color: #FFFFFF;
}
ul.menu li
{
	position: relative;
	float: left;
	width: auto;
	padding-right: 1px;
}
ul.menu ul
{
	position: absolute;
	top: 30px;
	left: 0;
	background: #d6d6d6;
	display: none;
	opacity: 0;
	list-style: none;
}
ul.menu ul li
{
	position: relative;
	margin: 0;
	border-bottom: 1px solid #918a8a;
	border-left: 1px solid #918a8a;
}
ul.menu ul li ul li
{
	border-bottom: 1px solid #918a8a;
	border-left: 1px solid #918a8a;
	border-right: 1px solid #918a8a;
}
ul.menu ul li a
{
	display: block;
	padding: 3px 7px 5px;
	width: 148px;
	background-color: #d6d6d6;
}
ul.menu ul li a:hover
{
	background: #b4b4b4;
	color: #000000;
}
ul.menu ul ul
{
	left: 162px;
	top: -1px;
}
ul.menu .menulink
{
	padding: 4px 18px;
	font-weight: bold;
}
ul.menu .sub:hover
{
	background: #b4b4b4 url(../images/arrow.gif) 154px 8px no-repeat;
}
ul.menu .topline
{
	border-top: 1px solid #aaa;
}
.boredr_right
{
	border-right: 1px solid #aaa;
}

/*----------------menu css end here---------------*/
/*--------------------header css start here------------*/
#header
{
	background: #d2d2cb;
	height: 286px;
	padding: 0;
	width: 100%;
}
* + html #header
{
	height: 200px;
}
* html #header
{
	height: 200px;
}
#wrapper
{
	width: 850px;
	margin: -199px auto 0 auto;
}
.middle
{
	background: url(../images/top_shadow.jpg) center top no-repeat;
	float: left;
	width: 100%;
	padding-top: 19px;
}
/*----------------left css start---------------*/
.left_contain
{
	width: 628px;
	padding: 6px;
	float: left;
	background: #FFFFFF;
}
.banner
{
	width: 100%;
	padding: 0;
	background: url(../images/bottom_shadow.jpg) center bottom no-repeat;
	padding-bottom: 10px;
	height: 278px;
	margin-bottom: 13px;
}
.middle_conatiner
{
	width: 590px;
	padding: 0 18px;
	float: left;
}
.main_contain
{
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
.contain_left
{
	width: 376px;
	float: left;
}
.contain_right
{
	width: 203px;
	float: right;
}
.product_main
{
	width: 100%;
	float: left;
	padding-left: 0px;
}
.product_box
{
	width: 127px;
	height: 129px;
	border: 1px solid #d5d5d5;
	padding: 4px;
	color: #989898;
	font-size: 13px;
	float: left;
	margin-left: 14px;
}
.product_box_pad
{
	margin-left: 0;
}
/*-----------------left css end here-------------*/


/*-------------right css start-------------------*/
.right_side
{
	width: 210px;
	float: left; /*padding-top: 38px;*/
	color: #6d6c6c;
	font-size: 13px;
	padding-top: 4px;
}
.ad1
{
	width: 180px;
	padding-left: 12px;
	padding-bottom: 25px;
	float: left;
}
.ad1_text
{
	color: #0022ff;
	font-size: 13px;
}
* html .right_side
{
	padding-top: 42px;
}
* + html .right_side
{
	padding-top: 42px;
}
.r_title_bg
{
	background: url(../images/right_title_bg.png) left top repeat-x;
	height: 28px;
	font-size: 17px;
	color: #000000;
	padding-left: 9px;
	padding-top: 6px;
	width: 190px;
	float: left;
}
.r_title_right_contain
{
	width: 100%;
}
.r_title_right
{
	background: url(../images/right_title_right.png) left top no-repeat;
	height: 34px;
	float: left;
	width: 8px;
}
.right_contain
{
	width: 95%;
	padding-top: 19px;
	padding-left: 10px;
	padding-bottom: 25px;
	float: left;
}
.mail
{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding: 0;
}
.mail:hover
{
	text-decoration: underline;
}
.news_bg
{
	background: url(../images/right_news_bg.png) left top repeat-y;
	width: 188px;
	padding: 10px;
	float: left;
	margin-top: 1px;
}
.submit
{
	background: #000000;
	padding: 4px 5px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}
.submit:hover
{
	color: #f5a11b;
}
.input
{
	border: 1px solid #ffffff;
	width: 150px;
	color: #000000;
	font-size: 13px;
	background: none;
}
.input:hover
{
	border: 1px solid #ffff97;
}
/*-------------------right css end--------------*/
/*-------------------footer css start--------------*/
#footer
{
	width: 850px;
	margin: 0 auto;
	color: #8c8787;
	font-size: 12px;
}
.footer_left
{
	width: 80%;
	float: left;
	padding: 15px 0;
}
.footer_right
{
	width: 20%;
	float: left;
	text-align: right;
	padding: 15px 0;
}
.info
{
	text-decoration: none;
	color: #8c8787;
	font-size: 12px;
	padding: 0;
}
.info:hover
{
	text-decoration: underline;
}
/*--------------------about us css start-----------------*/
.in_contain
{
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
}
.ab_img_box
{
	background: url(../images/aboutus/right_img_box.jpg) left top no-repeat;
	width: 221px;
	height: 158px;
	float: right;
	text-align: center;
	padding-top: 8px;
}
.ab_left
{
	width: 366px;
	float: left;
}
/*--------------------about us css end-----------------*/
/*------------------contact us css start------------*/
.con_name
{
	font-size: 13px;
	color: #727272;
	width: 80px;
}
.con_dot
{
	font-size: 13px;
	color: #727272;
	width: 10px;
}
.con_num
{
	color: #727272;
	font-size: 13px;
}
.con_mail
{
	color: #727272;
	font-size: 13px;
	text-decoration: none;
	padding: 0;
}
.con_mail:hover
{
	color: #000000;
}
.in_input
{
	background: url(../images/contact/input.jpg) left top repeat-x;
	width: 150px;
	border: 1px solid #cacaca;
	font-size: 11px;
	color: #000000;
	padding: 1px;
	height: 15px;
}
.in_input:hover
{
	border: 1px solid #333333;
}
.in_textarea
{
	background: url(../images/contact/input.jpg) left top repeat-x;
	width: 180px;
	border: 1px solid #cacaca;
	font-size: 11px;
	color: #000000;
	padding: 1px;
	height: 70px;
}
.in_textarea:hover
{
	border: 1px solid #333333;
}
.in_select
{
	background: url(../images/contact/input.jpg) left top repeat-x;
	width: 154px;
	border: 1px solid #cacaca;
	font-size: 11px;
	color: #000000;
	padding: 1px;
	height: 20px;
}
.in_select:hover
{
	border: 1px solid #333333;
}
.in_name
{
	font-size: 13px;
	color: #727272;
	width: 120px;
}
/*------------------contact us css end------------*/
/*-----------sand stone css start--------------*/
.img_heading
{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #c55b12;
	width: 100%;
	float: left;
	margin-top: -25px;
}
.sand_left
{
	width: 634px;
	padding: 6px 0 0 6px;
	float: left;
	background: #FFFFFF;
}
.sand_mid_contain
{
	width: 94%;
	float: left;
	padding: 0 18px;
}
.sand_top
{
	border-bottom: 1px solid #000000;
	padding: 5px 0;
	float: left;
	width: 100%;
}
.sand_tab
{
	width: 300px;
	float: right;
	padding: 0;
	text-align: right;
}
.sand_tab li
{
	width: auto;
	float: left;
	padding-right: 1px;
}
.sand_tab li a
{
	background: #000000;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	padding: 4px 8px;
	float: left;
}
.sand_tab li a.sand_Active, .sand_tab li a:hover
{
	background: #c55b12;
}
* html .sand_img_contain
{
	width: 594px;
	float: left;
	padding: 15px 0px;
}
.sand_img_contain
{
	width: 594px;
	float: left;
	padding: 15px 22px 15px 5px;
}
.sand_mid_contain p
{
	font-size: 13px;
	color: #727272;
	padding-top: 8px;
	float: left;
	width: 100%;
	text-align: justify;
}
.sand_non_pad
{
	margin-right: 0;
}
.sand_img_box
{
	width: 179px;
	float: left;
	padding-bottom: 8px;
	margin: 0 8px;
	position: relative;
}
* html .sand_img_box
{
	margin: 0 6px;
}
.sand_img
{
	border: 1px solid #aeaea4;
	padding: 2px;
	float: left;
}
.img_title
{
	background: url(../images/sand_stones/sand_title_bg.jpg) left top no-repeat;
	width: 177px;
	height: 22px;
	float: left;
	text-align: left;
	color: #050505;
	font-size: 13px;
	padding: 5px 0 5px 5px;
	margin-top: 8px;
	position: relative;
}
.note_box_bg
{
	background: url(../images/sand_stones/notes_bg.jpg) left top repeat-x;
	width: 96.7%;
	float: left;
	padding: 10px;
}
.sand_bottom
{
	background: url(../images/sand_stones/sand_bottom.png) left top repeat-x;
	width: 640px;
	height: 98px;
	float: left;
	margin-top: -30px;
	margin-left: -6px;
}
.sandstone_image_pad
{
	padding-bottom: 18px;
}
* html .sand_bottom
{
	width: 646px;
}
.fir_row
{
	background: #ececec;
	padding: 4px 8px;
	color: #000000;
	font-size: 13px;
	float: left;
	width: 97.3%;
}
.sec_row
{
	background: #d4d4c7;
	padding: 4px 8px;
	color: #000000;
	font-size: 13px;
	float: left;
	width: 97.3%;
}
.sec_row td
{
	position: relative;
}
/*-------sand tiles start here-----------*/
.sa_tiles_link
{
	background: #000000;
	width: 100%;
	float: left;
	padding: 6px 0;
	height: 22px;
	position: relative;
}
.sa_tiles_link ul
{
	width: 80px;
	float: right;
	padding: 0;
}
.sa_tiles_link ul li
{
	float: left;
	width: auto;
	padding: 0 2px;
}
.sa_tiles_link ul li a
{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	padding: 2px 5px;
	cursor: pointer;
	float: left;
}
.sa_tiles_link ul li a.tile_active, .sa_tiles_link ul li a:hover
{
	background: #990000;
}
.sand_tiles_sub_title
{
	background: url(../images/sand_stones/sand_sub_button.jpg) left top no-repeat;
	width: 79px;
	height: 24px;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	margin-left: 12px;
}

/*--------------sand articles css start------------*/
.sa_articles_main_tab
{
	width: 100%;
	float: left;
	padding: 0;
}
.sa_art_tab
{
	width: 98%;
	float: left;
	padding-left: 12px;
	padding-top: 12px;
}
.sa_art_tab li
{
	float: left;
	padding-right: 2px;
}
.sa_art_tab li a
{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding: 3px 4px;
	background: #990000;
	color: #FFFFFF;
	float: left;
	margin-bottom: 3px;
}
.sa_art_tab li a:hover
{
	background: #000000;
}

/*----------sand pavings css start--------------------*/
.sa_pavings_chat
{
	border: 1px solid #9b9b9b;
	width: 96%;
	padding: 5px;
	float: left;
	background: #f0f0f0;
	margin-bottom: 15px;
}
.cht_img
{
	width: 200px;
	float: left;
	text-align: center;
}
.chat_table_box
{
	width: 360px;
	border: 1px solid #999897;
	padding: 1px;
	margin: 0;
	float: right;
}
.no_title
{
	background: #000000;
	padding: 3px;
	width: 50px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.no_t_text
{
	background: #898888;
	padding: 3px;
	width: 50px;
	color: #FFFFFF;
	font-size: 14px;
}
.nomisize_title
{
	background: #767e72;
	padding: 3px 12px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.nomisize_t_text
{
	background: #b8c5b2;
	padding: 3px 12px;
	color: #000000;
	font-size: 14px;
}
.qty_title
{
	background: #ab6b3e;
	padding: 3px 12px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.qty_t_text
{
	background: #ddc3b1;
	padding: 3px 12px;
	color: #000000;
	font-size: 14px;
}

.cht_img1
{
	width: 200px;
	float: right;
	text-align: center;
}
.chat_table_box1
{
	width: 360px;
	border: 1px solid #999897;
	padding: 1px;
	margin: 0;
	float: left;
}

/*---------------gallery css start here------------*/
.gallery_img
{
	background: url(../images/gallery/img_box.jpg) left top no-repeat;
	width: 170px;
	height: 131px;
	text-align: center;
	float: left;
	padding: 12px 0 0 0;
	margin-right: 28px;
	margin-bottom: 28px;
}
.gallery_img:hover
{
	background: url(../images/gallery/img_box_hover.jpg) left top no-repeat;
}