@charset "utf-8";
/* CSS Document */

/*

Dark blue:			#00215C
Light blue:			#007FCE
Green:				#95C519
Normal Gray:		#666666
Left Button Gray: 	#999999

Spacing between column floats = 4% 
e.g. on main page leftcol & rightcol are 48% ie 98% in total.

*/



body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p {
	color:#666666;
	line-height:160%;
	text-align:justify;
	padding:0 0 20px 0;
}

h1,h2,h3,h4,h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size: 28px;
	font-weight:normal;
	color:#007FCE;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 20px;
	font-weight:normal;
	font-style:italic;
	color:#95C519;
	margin: 0 0 16px 0;
}

.smallHyper {
	color:#007FCE;
	text-decoration:none;
}

.normalList {
	list-style-type:circle;
	list-style-position:inside;
}
	.normalList li {
		padding-left:40px;
	}

#wrapper{
	width:940px;
	margin:30px auto 0 auto; padding:0 0 0 0;
}

#belownav{
	width:100%;height:10px;
}

.profileTable tr td p{
	line-height:120%;
	padding-bottom:10px;
	line-height:120%;
}
	.profileTable tr td p a{
	color:#007FCE;
	text-decoration:none;
	}

.clearer{
	clear:both;
}

.unorder_listitems{
	margin-left:30px;
	list-style:disc;
	list-style-position:inside;
	margin-bottom:22px;
	color: #666666;
}
	.unorder_listitems li{
		margin-bottom:3px;
	}

/* ------------- Top nav menu highlighting --------------- */

#body_aboutus #nav_aboutus,
#body_management #nav_aboutus,
#body_equipments #nav_aboutus,

#body_products #nav_products,
#body_services #nav_services,
#body_projects #nav_projects,
#body_readymixing #nav_readymixing,
#body_plant #nav_plant,
#body_contactus #nav_contactus{
	background-color:#00215C;
}

/* ------------- Left menu menu highlighting --------------- */

#body_aboutus #leftmenu li a#companyprofile,
#body_management #leftmenu li a#management,
#body_equipments #leftmenu li a#equipments{
	background-image:url(Images/Buttons/buttonhighlighted.jpg);
	color:#FFF
}

/* ------------- Header ---------------- */
#header{
	margin:0 auto;
	position:relative;
	width:100%; height:auto;
}

#telfax{
	position: absolute;
	width:auto; height:auto;
	bottom:-20px; right:0px;
}

/* ------------- Navbar ---------------- */
#nav{
	margin:20px auto 0 auto; padding:0 0 0 0;
	width:100%;height:auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#007FCE;
}

#nav li{
	float:left;
}

	#nav li a {
		padding: 6px 0 0 0;
		display: block;
		text-decoration: none;
		text-align:center;
		width: 134.285px; height: 25px;
		color:#FFFFFF;
		background-color:#007FCE;
		border-top:#00215C thin solid;
		border-bottom:#00215C thin solid;	
	}
		#nav li a:hover {
			color:#FFFFFF;
			background-color:#95C519;
		}

/* ------------- Billboard ---------------- */

#fadeshow1{
	margin: 25px auto 0 auto; padding: 0 0 0 0;
	width:100%; height:auto;
	margin-bottom:25px;
}

/* ------------- Main ---------------- */

#main {
	padding: 40px 0 0 0;
	width:100%; height:auto;
}

#leftcol, #rightcol{
	height:auto;
}

#leftcol {
	float:left;
}

#rightcol {
	float: right;
}

/* ------------- Left Menu --------------- */

#leftmenu{
	float:left;
}
	#leftmenu li{
		margin-bottom:15px;
	}
		#leftmenu li a{
			text-align:left;
			display:block;
			width:172px;height:24px;
			padding-top: 6px;
			padding-left: 6px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color:#999;
			text-decoration:none;
			background-image:url(Images/Buttons/buttonnormal.jpg);
		}
		
		#leftmenu li a:hover{
			background-image:url(Images/Buttons/buttonhover.jpg);
		}
		

/* ------------- Footer ---------------- */

#footnav{
	margin: 30px auto 0 auto; padding: 0 0 0 0;
	width:100%; height:auto;
	text-align:center;
	line-height:180%;
}
	#footnav li{
		display:inline;
		text-align:center;
		margin:0 5px 0 5px;
		font-size:11px;
		color: #999999;
	}
		#footnav li a{
			text-decoration:none;
			color: #999999;
		}
			#footnav li a:hover{
				color:#95C519;
			}