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

* { margin:0; padding:0; }
body { margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(img/redline_bg.jpg) #000 repeat-x !important;}
a { text-decoration:none;}
li { list-style:none;}
#redline { background:url(img/redline_bg.jpg) repeat-x; width:100%;}
#body_bg { background:url(img/body_bg.jpg) top center no-repeat #000;}
#page { margin:3px auto 0 auto ; width:1038px;}
.wrapper { margin:auto; width:985px; }

/* Hearder Section */ 
#header { }
	#header_top {  height:100px; }
	#header_top img { border:solid 0; padding:7px 15px 7px 0; float:left;}
	.topnav { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:20px;}
	.topnav li { float:left; color:#fff;}
	.topnav a { color:#fffdcd !important; margin:0 5px;}
	.topnav a:hover { color:#fff; text-decoration:underline;}	
	
	.menu { height:36px; background:url(img/menu_bg.jpg) repeat-x; margin:0 auto 0 auto}
	.rssfeed { height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:10px; text-align:left; }
	.rssfeed a { font-weight:bold; color:#fffb87 !important;}

	#search{width:193px;height:32px;background:url(img/bg_top_search.jpg) no-repeat;padding:0px 0 0px 5px; margin:3px 0 0 10px;}
	#search input.searchInput{border:0;width:150px; height:17px;font:normal 11px Arial;color:#696868; background:#e9e9e9; margin:0 0 0 -10px} 	
/* Hearder Section */ 

/* Main Banner Section */ 
	.MainBanner { background:url(img/MainBanner_bg.png) no-repeat; width:1038px; height:326px;}
/* Main Banner Section */ 

/* Index Container */
	.IndexContainer { margin:35px 0 0 0; height:189px;}
	.locationMap { width:236px; height:189px; margin-right:9px; float:left; background:url(img/map_index.jpg) no-repeat;}
	.division { width:236px; height:189px; margin-right:9px; float:left; background:url(img/our_division_index.jpg) no-repeat;}	
		.division img { margin:10px; float:right;}
		.division ul {width:190px; overflow:hidden; float:left; padding-left:13px; }
		.division li a{ width:100%; background:url(img/button/red_arrow.gif) left no-repeat; color:#000 !important; padding:0 0 5px 20px; float:left; font-weight:bold;  text-align:left;}		
		.division a:hover{ color:#444; text-decoration:underline;}				
	.ourproduct_index { width:492px; height:189px; float:left; background:url(img/ourproduct_index.jpg) no-repeat;}
		.ourproduct_index img { margin:10px; float:right;}
		.ourproduct_index h2.CoosBlocks{ color:#c40809; text-align:left; padding-bottom:5px; background:url(img/title/Slider/blocks.jpg) no-repeat; width:230px;}
		.ourproduct_index h2.concrete{ color:#c40809; text-align:left; padding-bottom:5px; background:url(img/title/Slider/concrete.jpg) no-repeat; width:230px;}		
		.ourproduct_index h2.stone{ color:#c40809; text-align:left; padding-bottom:5px; background:url(img/title/Slider/stone.jpg) no-repeat; width:230px;}				
		.ourproduct_index h2.phalt{ color:#c40809; text-align:left; padding-bottom:5px; background:url(img/title/Slider/phalt.jpg) no-repeat; width:230px;}						
		.ourproduct_index h2.SantGravel{ color:#c40809; text-align:left; padding-bottom:5px; background:url(img/title/Slider/SantGravel.jpg) no-repeat; width:230px;}								
		.ourproduct_index ul { float:left; margin:0 0 0 13px;; width:460px;}
		.ourproduct_index li { width:50%; float:left;}
		.ourproduct_index li.slider { margin-top:8px;}
		.ourproduct_index p { color:#000; text-align:left; font-weight:bold; margin-top:5px; float:none;}
/* Index Container */

/* Footer */ 
	#footer p{ color:#969696; margin-top:20px;}
/* Footer */ 

/* Comman Class */ 
.floatLeft { float:left;}
.floatRight {float:right;}
.floatNone{float:none;}
img{behavior: url(iepngfix.htc);}
.clear{clear:both;}
.fixWidth{width:900px; margin:auto;}
.marginZero { margin-right:0; }
.normalfont{ font-weight:100;}

/* Comman Class End*/ 

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* =============Site Setting Drop Down Menu =================  */ 
	#subcontent0 {background-color:#333;width:180px; border-bottom:6px solid #acacac; position: absolute;visibility: hidden;padding: 5px 12px 5px 5px; z-index:500;}
	#subcontent0 ul { list-style:none; font-weight:bold; border:solid 0px #000; padding:0; margin:0 0 0 5px;}
	#subcontent0 li { padding:0; margin:0; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
	#subcontent0 a {color: #fff ; line-height:20px; padding: 0 0 0 5px;text-decoration: none; }
	#subcontent0 a:hover {color: #ccc;}
	
	#subcontent1 {background-color:#333;width:180px; border-bottom:6px solid #acacac; position: absolute;visibility: hidden;padding: 5px 12px 5px 5px; z-index:500;}
	#subcontent1 ul { list-style:none; font-weight:bold; border:solid 0px #000; padding:0; margin:0 0 0 5px;}
	#subcontent1 li { padding:0; margin:0; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
	#subcontent1 a {color: #fff ; line-height:20px; padding: 0 0 0 5px;text-decoration: none;}
	#subcontent1 a:hover {color: #ccc;}
	
	#subcontent2 {background-color:#333;width:345px; line-height:24px; border-bottom:6px solid #acacac; position: absolute;visibility: hidden;padding: 5px 12px 5px 5px; z-index:500;}
	#subcontent2 ul { list-style:none; font-weight:bold; border:solid 0px #000; padding:0; margin:0 0 0 5px;}
	#subcontent2 li { padding:0; margin:0; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
	#subcontent2 a {color: #fff; line-height:20px; padding: 0 0 0 5px;text-decoration: none; text-align:left; border:solid 0px #000; }
	#subcontent2 a:hover {color: #ccc;}
	
	#subcontent3 {background-color:#333;width:210px; border-bottom:6px solid #acacac; visibility:hidden; padding: 5px 12px 5px 5px; z-index: 1; position: absolute; z-index:500;}
	#subcontent3 ul { list-style:none; font-weight:bold; border:solid 0px #000; padding:0; margin:0 0 0 5px;}
	#subcontent3 li { padding:0; margin:0; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
	#subcontent3 a {color: #fff; line-height:20px; padding: 0 0 0 5px; text-decoration: none; }
	#subcontent3 a:hover {color: #ccc;}
	
	#subcontent4 {background-color:#333;width:150px; border-bottom:3px solid #acacac; position: absolute;visibility: hidden;padding: 5px 12px 5px 5px;}
	#subcontent4 a {color: #FFF;text-decoration: none;}
	#subcontent4 p {font:normal 11px Tahoma;text-align: right;padding:0;margin:0;padding:2px 0px;}
	#subcontent4 img {vertical-align:middle;margin:2px;}
	
	#subcontent5 {background-color:#333;width:250px; border-bottom:3px solid #acacac; position: absolute;visibility: hidden;padding: 5px 12px 5px 5px;}
	#subcontent5 td{font:bold 12px Arial;color:#FFFFFF;}
	#subcontent5 input.submitBtn{border:none;padding:3px;background-color:#016C42;font:bold 12px Arial;color:#FFFFFF;}
	#subcontent5 a {color: #FFF;text-decoration: none;}
	#subcontent5 p {font:normal 11px Tahoma;text-align: right;padding:0;margin:0;padding:4px 0px;}
	#subcontent5 img {vertical-align:middle;margin:2px;}
	#subcontent5 a:hover {color: #ddd;}
	
	.backgroundTransparent
	{
		filter: Alpha(Opacity=90);
		opacity: 0.90;
		-moz-opacity:0.90;
	}

/* Easy Slider */

/* image replacement */
        /*.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
			
            }*/
/* // image replacement */
			
	#content{
		position:relative; 
		margin-left:20px;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:430px;
		height:126px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:20px;
		height:20px;
		position:absolute;
		left:-20px;
		top:55px;
		}	
	#nextBtn, #nextBtn2{ 
		left:430px;
		float:left;}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:20px;
		height:77px;
		background:url(img/button/prev.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(img/button/next.jpg) no-repeat 0 0;	
		}	
		
		.ourproduct_index #content img { margin:0;}

/* // Easy Slider */

/*Sample CSS to style the two tickers in the demo*/

.cnnclass{
width: 800px;
/*padding: 5px;
background-color: #F3F3F3;
border: 1px solid black;*/
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
width: 400px;
padding: 6px;
/*background-color: lightyellow;
border: 1px solid #004A00;*/
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
float:left;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color:#fff; font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
font-size: 100%; 
float:left; margin-right:10px;
}

.rssdescription{ float:none; /*shared class for all description elements in an RSS feed*/
}