html,body{margin:0;padding:0;border:0;}

body {	
width:100%;
height: 100%; 
max-height: 100%; 
font-size: 12px;
font-weight: normal;
font-family: Verdana, Verdana, Geneva, sans-serif;
color: #15161C;
text-align:center;
background-image: url(../graphics/body_bg.jpg);
background-repeat: repeat-y;
background-position: 50% 0;
}

a:link {color:#BF311B; text-decoration: none;}
a:visited {color:#BF311B; text-decoration: none;}
a:hover {color:#BF311B; text-decoration: underline;}

/* emphasised text */
.emp_text{
font-weight:bold;
}

.left{
float:left;
clear: left;


}
.right{
float:right;
clear: right;
}

img {
margin:0;padding:0;border:0;
}

div#header{
height: 130px;
background-image:url(../graphics/header_bg.jpg);
background-repeat: no-repeat;
position:relative;
}

div#header img.logo{
width: 267px;
height: 88px;
position:absolute;
top:5px;
left:20px;
}

div#header h1.kls{
position:absolute;
top:100px;
left:25px;
margin: 0px;
padding: 0px;
font-size:17px;
font-weight:normal;
color:#15161C;
}

div#header h1.slogan{
margin: 5px 20px 5px 0px;
font-size:23px;
font-weight:normal;
color:#BF311B;
text-align:right;
float:right;
}

div#header p.contact{
margin: 0px 20px 0px 0px;
padding:0px;
font-size:11px;
line-height:16px;
vertical-align:middle;
font-weight:normal;
color:#ffffff;
text-align:right;
float:right;
clear:both;
}

div#header a {color:#ffffff; text-decoration: none;}
div#header a:hover {color:#ffffff; text-decoration: underline;}


div#header img.image_right{
width: 280px;
height: 150px;
}




div#menubricks{
padding: 0;
width: 100%;
border-top: 3px solid #15161C; /*Brown color theme*/ 
background: transparent;
overflow: hidden;
margin: 0;
font-size:12px;
}

div#menubricks ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

div#menubricks li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

div#menubricks a{
float: left;
display: block;
color: #ffffff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color:#BF311B;  
border-top: 1px solid #ffffff;
}

div#menubricks a:hover{
background-color: #68696B; 
color: #ffffff;
}

div#menubricks #current a{ /*currently selected tab*/
background-color: #15161C; 
color: #ffffff;
border-color: #15161C; 
}

/* sub menu for products */ 

div#menubricks_prod{
padding: 0;
width: 100%;
/*border-top: 3px solid #15161C; */ 
background: transparent;
overflow: hidden;
margin: 0;
font-size:12px;
}

div#menubricks_prod ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

div#menubricks_prod li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

div#menubricks_prod a{
float: left;
display: block;
color: #ffffff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color:#E86B59;  
border-top: 1px solid #ffffff;
}

div#menubricks_prod a:hover{
background-color: #878889; 
color: #ffffff;
}

div#menubricks_prod #current_prod a{ /*currently selected tab*/
background-color: #15161C; 
color: #ffffff;
/* border-color: #010000; */ 
}



div#container{
text-align:left;
width:700px;margin:0 auto;
background-image:url(../graphics/content.jpg);
background-repeat: no-repeat;
background-position:top right;
padding-bottom: 30px;
position:relative;
overflow:hidden;
}

div#wrapper {

}
div#wrapper img{
margin: 15px 15px auto 12px;
border:1px solid #15161C;
}



div#content{
float:left;width:350px;
margin-bottom: 30px;
}

div#content p{
margin: 10px 40px 0px 40px;
}

div#content h2{
font-size: 12px;
margin: 10px 10px 0px 30px;
font-weight:normal;
}

div#content li{
margin: 1px 0px 0px 30px;
list-style: disc
}

div#content img{
margin: 10px 0 0 40px;
padding:0;
border:1px solid #15161C;
}

div#content_wide{
width:700px;
margin-bottom: 30px;
text-align:center;
}

div#content_wide p{
text-align:left;
margin: 10px 40px 10px 40px;
}

div#content_wide img{
display:inline;
margin: 10px auto 0px auto;
padding:0;
border:1px solid #15161C;
}

div#content_wide h2{
font-size: 12px;
margin: 10px 10px 0px 30px;
font-weight:normal;
}

div#content_wide li{
margin: 1px 0px 0px 30px;
list-style: disc
}
div#prod_images{
width:100%;
text-align:center;
margin:0 auto o auto ;

margin: 0 0 0 25px;
}

div#prod_images img{
margin:0;
padding: 0;
border: none;
}
div.img_div{
border:1px solid #15161C;
width:318px; height: 238px;
position:relative;
display:block;
overflow:hidden;
float:left;
margin: 0 5px 10px 5px;
}
div.sand_cut_img{
height: 148px;
}
div.img_div img{

margin-top: 0; 
padding:0;
}
div.img_div h4{
position:absolute;
bottom: 3px;
left: 0;
text-align: center;
line-height:18px;
vertical-align:middle;
width:100%;
font-size:12px;
font-weight:normal;
background-color:#BF311B;
color:#FFFFFF;
padding: 0;
/* opacity of image title */
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}





/* form contact us */
form {

width:280px;
 height:auto; 
text-align:right;
vertical-align:top;
padding:20px 5px 30px 5px;
margin: 20px 25px 10px 25px;
border: 1px solid #15161C;
}

form br { 
   clear: left;
}

form label { 
cursor:pointer;
vertical-align:top;
float:left;
width: 250px;
}

form .text_inp, .text_area {
font-size: 12px; 
color: #000000;
font-family: Courier New, Courier New, Courier6, monospace; /* leave as different to rest of site */ 
background-color:#DFE0E3;
border:1px solid #15161C;
line-height:15px;
vertical-align: top;
text-align: left;
}

form .text_inp {
margin: 0px;
width:170px;
height:17px;
line-height:15px;
padding-top:0px;
margin-bottom: 8px;
clear: left;
}

form .text_area {
width:170px;
height: 60px;
white-space:normal;
overflow: hidden;
vertical-align:top;
padding-top: 0px;
margin-bottom: 8px;
}

form .sbm_butt {
cursor:pointer;
background-color:#BF311B;
font-size: 12px; 
margin: 0px;
color:#fff;
font-family:  Verdana, Verdana, Geneva, sans-serif;
float:right;
border:solid 1px #455D74;
margin-right: 30px;
}

form .sbm_butt:hover {
color:#15161C;
text-decoration: none;
}




div#map {
width: 650px; height: 450px; overflow:auto;
margin: 30px auto 30px auto;
border: 1px solid #15161C;
}

div#map_info{
width:200px;

}

div#map_info img{
margin:0 5px 0 0 ;
padding:0;
width:100px;
height:33px;
border:none;
float:left;
vertical-align: text-top;
}
div#map_info p{
margin:0;
padding:0;
}

div#footer_div{
clear:both;
width:700px;margin: auto;
	height:50px;
	margin-top:0px;
	padding-top:5px;
	border-top:1px dashed #15161C;
	position: static;
	bottom: 30px;
}

div#footer_div p{
text-align:center;
margin: 0px;
}

div#footer_div p.comp_foot{
font-size:10px;
}

div#footer_div p.heff_foot{
font-size:9px;
margin-top: 3px;
}