﻿/********** SYSTEM **********/


body {
	color:#000;

	background:#fff;

	font-family:arial, sans-serif;

	font-size:80%;

	padding:0;

	border:0;

	margin:0;}


img {
	border:0;}


table {
	width:100%;

	margin:0;

	padding:0;}



/********** BLOCK *********/


.blockof1_1 {
	border-width:10px;

		border-style:double;

		background:#d62131;
	
	color:#fff;}

.blockof1_2 {
	border-width:2px;

		border-style:solid;}

.blockof2left_1 {
	float:left;
		
	width:49%;}

.blockof2right_1 {
	float:left;
			width:49%;}

.blockof3left_1 {
	float:left;
		
	width:33%;}

.blockof3center_1 {
	float:left;
		
	width:33%;}

.blockof3right_1 {
	float:left;
		
	width:33%;}

.blockof3spleft_1 {
	float:left;
		
	width:5%;}

.blockof3spcenter_1 {
	float:left;
		
	width:85%;
			font-family:"Times New Roman",Times,serif;
			font-size:120%;}

.blockof3spcenter_1a{
	float:left;
		
	width:85%;
			font-family:"Georgia",serif;
			font-size:120%;}

.blockof3spcenter_1b{
	float:left;
		
	width:85%;
			font-family:"Trebuchet MS",sans-serif;
			font-size:120%;}

.blockof3spright_1 {
	float:left;
		
	width:10%;}

.blockof3centerright_1 {
	float:left;
			
	width:66%;}


.blockof4left1_1 {
	float:left;
		
	width:25%;}

.blockof4left2_1 {
	float:left;
		
	width:25%;}

.blockof4right1_1 {
	float:left;
		
	width:25%;}

.blockof4right2_1 {
	float:left;
		
	width:24%;}



/********** CLEAR **********/


.clearem_1 {
	clear:both;
	
	height:1em;
	
	overflow:hidden;}

.clearpx_1 {
	clear:both;
	
	height:1px;
	
	overflow:hidden;}



/********** TABLE **********/


.table_1 table{
	margin-left:auto;

		margin-right:auto;

		border-width:5px;

		border-style:solid;
	
	background:#eee;
	
	border-color:#111;
	
	width:100%;}

.table_1 th{
	border-width:3px;
	 
	border-style:solid;}

.table_1 td{
	border-width:1px;
	 
	border-style:solid;
	
	padding:0 0 0 5%;}

.table_2 table{
	margin-left:auto;

		margin-right:auto;

		border-width:5px;

		border-style:solid;

		background:#eee;
	
		border-color:#111;

		width:100%;}

.table_2 th{
	border-width:3px; 
	
	border-style:solid;}

.table_2 td{
	border-width:1px; 

		border-style:solid;
	
	padding:0;}

.table_3 table{
	margin-left:auto;

		margin-right:auto;

		border-width:5px;

		border-style:solid;

		background:#eee;

		border-color:#111;
	
	width:100%;}

.table_3 th{
	border-width:3px; 
	
	border-style:solid;}

.table_3 td{
	border-width:1px; 

		border-style:solid;

		padding:0 2% 0 2%;}



/********** FORM **********/


.form_1 form{
	margin-left:auto;
	
	margin-right:auto;

		border-width:5px;

		border-style:double;

		margin:1em;
	
	background:#eee;}



/********** INPUT **********/


.input_1 {
	padding:2px;
	
	border-width:3px;

		border-style:inset;}

.input_2 {
	text-align:center;
	
	padding:2px;
	
	border-width:1px;
	
	background:#eee;}

.input_3 {
	text-align:center;
	
	padding:2px;

		border-width:0px;

		background:#eee;}



/********** TEXT **********/


.xsmallheader_1 {
	color:#d62131;

			font-size:60%;

			margin:0.5em 0 0.5em 0;}

.smallheader_1 {
	color:#d62131;

			font-size:80%;

			margin:0.5em 0 0.5em 0;}

.mediumheader_1 {
	color:#d62131;
		
	font-size:100%;

			margin:0.5em 0 0.5em 0;}

.largeheader_1 {
	color:#d62131;
		
	font-size:120%;
		
	margin:0.5em 0 0.5em 0;}

.xlargeheader_1 {
	color:#d62131;

			font-size:140%;
		
	margin:0.5em 0 0.5em 0;}

.xxlargeheader_1 {
	color:#d62131;
		
	font-size:160%;
		
	margin:0.5em 0 0.5em 0;}

.xxxlargeheader_1 {
	color:#d62131;

			font-size:180%;
		
	margin:0.5em 0 0.5em 0;}

.xxxxlargeheader_1 {
	color:#d62131;
		
	font-size:200%;
		
	margin:0.5em 0 0.5em 0;}

.xsmalltext_1 {
	font-size:60%;}

.smalltext_1 {
	font-size:80%;}

.mediumtext_1 {
	font-size:100%;}

.largetext_1 {
	font-size:120%;}

.xlargetext_1 {
	font-size:140%;}

.xxlargetext_1 {
	font-size:160%;}

.xxxlargetext_1 {
	font-size:180%;}

.xxxxlargetext_1 {
	font-size:200%;}

.xxxxxlargetext_1 {
	font-size:220%;}

.xxxxxxlargetext_1 {
	font-size:240%;}

.xxxxxxxlargetext_1 {
	font-size:260%;}

.xxxxxxxxlargetext_1 {
	font-size:280%;}

.xxxxxxxxxlargetext_1 {
	font-size:300%;}



/********** FONT **********/


.printfont_1 {
	font-family:Times, "Times New Roman", serif;}



/********** ANCHOR **********/


.anchor_1 a:link {
	color:#000;
		
	background:#fff;}

.anchor_1 a:visited {
	color:#000;
			background:#fff;}

.anchor_1 a:hover {
	color:#d62131;

			background:#fff;}

.anchor_1 a:active {
	color:#000;
	
			background:#fff;}

.anchor_2 {
	text-decoration:none;

		color:#000;}



/********** MARGIN/INDENT **********/


.margin_1,
.screenmargin_1 {
	margin-left:5%;
			
	margin-right:5%;}

.margin_2,
.screenmargin_2 {
	margin-left:10%;
			
	margin-right:10%;}

.margin_3,
.screenmargin_3 {
	margin-left:15%;
			
	margin-right:15%;}

.indent_1 {
	display:block;

		padding:0 0 0 1em;}

.indentleft_1 {
	display:block;

		padding:0 0 0 1em;}

.indentright_1 {
	display:block;
		
	padding:0 1em 0 0;}

.indent_2 {
	display:block;
	
	padding:0 0 0 5em;}

.indentleft_2 {
	display:block;
	
	padding:0 0 0 5em;}

.indentright_2 {
	display:block;

			padding:0 5em 0 0;}



/********** BORDER **********/


.border_1 {
	border:5px double;}

.border_2 {
	border:1px solid;}



/********** GENERAL FORMAT **********/


.left_1 {
	text-align:left;}

.center_1 {
	text-align:center;}

.verticalcenter_1 {
	vertical-align:middle;}

.right_1 {
	text-align:right;}

.strike_1 {
	text-decoration:line-through !important;}

.floatleft_1 {
	float:left;}

.floatright_1 {
	float:right;}

.colour_1 {
	color:#d62131;}



/********** IMAGE **********/


.image_1 img {
	border:1px solid #000;}

.image_1 a img {
	border:1px solid #000;}

.image_1 a:hover img {
	border:1px solid #d62131;}

.image_2 img {
	border:1px solid #000;}



/********** OPACITY **********/


.opacity_1 a:visited img, 
.opacity_1 a img {
	filter: alpha(opacity=70);
					
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
					
	-moz-opacity:0.70;

						opacity:0.7;}

.opacity_1 a:hover img {
	filter: alpha(opacity=100);
			
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			
	-moz-opacity:1.00;
			
	opacity:1;}



/********** MAP **********/


.map_1 {
	margin-left:auto;
	
	margin-right:auto;

		width:410px;
	
	border-width:5px;

		border-style:double;}



/********** PAGE BREAK **********/


.printpagebreakafter_1 {
	display:none;}



/********** FOOTER **********/


.footer_1 {
	position:fixed;
	bottom:0}

.footer1of4_1 {
	border-right:1px outset;
	
	float:left;
	
	width:25%;

		text-align:center;}
.footer2of4_1 {
	border-right:1px outset;
	
	float:left;
	
	width:25%;

		text-align:center;}

.footer3of4_1 {
	border-right:1px outset;
	
	float:left;
	
	width:25%;

		text-align:center;}

.footer4of4_1 {
	width:auto;

		text-align:center;}



/********** DISPLAY/PRINT **********/


.print_1 {
	display:none;}



/********** NAVIGATION **********/


#navigation_1 {
	background:#d62131;

		width:100%;

		height:42px;}

#navigation_1 .navigationlogo_1 {
	position:absolute;

					padding:0;
	
					margin:0;

					float:left;}

#navigation_1 .navigationbar_1 {
	padding:0;

					margin:0;

					float:right;

					width:70%;}

#navigation_1 .readymixedconcrete_1 {
	width:20%;
				
	min-width:143px;

					float:right;}

#navigation_1 .mortarsscreeds_1 {
	width:20%;
				
	min-width:122px;
				
	float:right;}

#navigation_1 .quarriedproducts_1 {
	width:20%;

					min-width:130px;
				
	float:right;}

#navigation_1 .otherservices_1 {
	width:15%;
						float:right;}

#navigation_1 .news_1 {
	width:10%;
		
	float:right;
		
	line-height:41px;}

#navigation_1 .historyhomepage_1 {
	width:10%;
				
	float:right;}

#navigation_1 .keyword_1 {
	line-height:1px;
			
	font-size:1px;
			
	white-space:nowrap;}

#navigation_1 .blockof2top_1 {
	line-height:20px;
			
	border-bottom:1px solid #000;}

#navigation_1 .blockof2bottom_1 {
	line-height:20px;}

#navigation_1 .current_1 {
	background:#ee2131;}

#navigation_1 ul {
	padding:0;
				margin:0;
		
	list-style:none;
		
	font-weight:bold;
		
	line-height:21px;}

#navigation_1 .keyword_1 ul {
	line-height:1px;}

#navigation_1 ul li {
	float:left;

			position:relative;
		
	color:#fff;
		
	background:#d62131;
				border-left:1px solid #000;}

#navigation_1 ul li a {
	display:block;
		
	text-decoration:none;

			color:#fff;}

#navigation_1 ul li a:hover {
	display:block;
			
	text-decoration:none;
			
	color:#fff;

				background:#f00;}

#navigation_1 ul li ul {
	width:100%;
			
	font-size:85%;
			
	font-weight:normal;
			
	position:absolute;

				visibility:hidden;

				border:1px solid #000;
			
	filter:alpha(opacity=90);

				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
				-moz-opacity:0.90;
			
	opacity:0.9;}

#navigation_1 ul li ul li {
	border:0;
			
	margin:0 0 0 0;
			
	width:100%;}

#navigation_1 ul li ul li a:hover {
	color:#fff;

					background:#f00;}

#navigation_1 ul li:hover ul,
#navigation_1 ul li.navigationdropdown ul {
	position:absolute;
									
	left:auto;

										visibility:visible;}



/* column container */

.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */

		clear:both;

		float:left;

		width:100%;			/* width of whole page */
	
	overflow:hidden;		/* This chops off any overhanging divs */
}


/* common column settings */

.colright,

.colmid,

.colleft {
	float:left;

		width:100%;			/* width of page */

		position:relative;
}

.col1,

.col2,

.col3 {
		float:left;
	
	position:relative;
	
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
only padding top and bottom is included here, make it whatever value you need */

		overflow:hidden;
}

/* 3 Column settings */

.threecol {
	background:#eee;		/* right column background colour */
}

.threecol .colmid {
	right:25%;			/* width of the right column */

			background:#fff;		/* center column background colour */
}

.threecol .colleft {
	right:50%;			/* width of the middle column */
		
	background:#f4f4f4;	/* left column background colour */
}

.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
		
	left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 {
	width:20%;			/* Width of left column content (column width minus padding on either side) */
		
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
	width:20%;			/* Width of right column content (column width minus padding on either side) */
		
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}



#identity-box {display: none !important;}