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

*{outline:none;}

body{background:url(../images/bodybg.png) repeat;}

#main_header{width:auto;height:auto;}
#main_frame{margin:auto;width:990px; display:table;}
.header{float:left;width:990px; margin: 0px 0px 0px 0px;}
.logo{float:left;margin:2px 0px 0px 3px; height:100px;}
#srch
{
padding:0px;
margin:0px 0px 0px 0px;
float:right;
height:30px;
width:120px;


}
.search_box
{
float:right;
background:url(../images/search.png)no-repeat;
height:30px;
width:180px;
margin:10px  10px 0px 0px;
}
.txtarea_search
{
background: none;
height:30px;
width:100px;
float: left;
margin:-5px 0px 0px 14px;
border:none;

font-weight: normal;
font-family:Trebuchet MS;
font-size:10px;
text-indent:0px;
padding-left:3px;
}

.search_box:hover
{
cursor: pointer;
}
.image{float:right;margin-right:35px; padding:0px 30px 0px 0px;}
.image1{float:left; padding:55px 10px 0px 590px; height:10px;}

.menu{float:left; margin:30px 0px 0px 0px; width:900px; background:url(../images/menu.png) no-repeat;height:50px; }
.menu ul{float:left;margin:0px 0px 0px 0px;width:900px;}
.menu ul li{float:left;list-style:none;display:inline; background:url(../images/menubg.png) no-repeat;width:130px;}
.menu ul li a{float:left;width:130px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#FFF; text-decoration:none; margin:0px 0px 0px 10px;padding:10px 10px 10px 10px;}
.menu ul li a:hover{background:url(../images/menuhover.png) no-repeat; margin:0px 10px 0px 0px;}
.menu li ul{

		display:none;
		height:auto;
		padding:0px;
		margin:30px 0px 0px -4px;
		border:0px;
		position:absolute;
		width:208px;
		z-index:999;
		padding-top:0px;
	
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		background:#F6F6F6;
		
}
		.menu li:hover ul li:hover ul{
		display:block;
		background:!important;
		margin:0px 0px 0px 100px;
		}
.menu li li {
background:#4599D0 ;
		display:block !important;
		float: left;
		margin:3px 5px 5px 5px;
		padding:0px 0px 3px 5px;
		width:190px;
		height:20px !important;
		
		}
		.menu li li:hover {
		background:#6EB7DF;
		color: #ffffff !important;
		text-decoration:none;
		
		width:190px;
		height:20px !important;

	}
	.menu li:hover li a{
		background:none;
		color:#ffffff !important;
		display:block !important;
		float: left;
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:280px;
		height:20px !important;
		
	   font-weight:bold;
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:200px;
		border-radius:25px;
		-moz-border-radius:25px;
       -webkit-border-radius:25px;
		}
		.menu li ul li ul{
		display:none;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		margin-left:100px;
		
		}
		.menu  li ul li ul li ul {
		display:none !important;
		position:relative;
		visibility:hidden;
		margin:0px 0px 0px 90px ;
		background:#F6F6F6;
		border-radius:5px;
		-moz-border-radius:5px;
       -webkit-border-radius:5px;
	   width:100px;
		}
		.menu  li ul li ul li:hover ul {
		display: block !important;
		position:relative;
		visibility: visible;
		margin:0px 0px 0px 130px !important;
		float:left;
		
		
		
		}
		
		.menu li ul li ul li 
		{
		background:#4599D0;
		width:120px;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background:#6EB7DF;
		width:120px;
		
		
		}
		.menu li ul li ul li a
		{
		background: none !important;
		
		
		}
		.menu li ul li ul li a:hover
		{
		color: #ffffff!important;
		text-decoration:none;
		width:300px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		.menu li ul li:hover ul{
		display:block;
		position:absolute;
		visibility: visible;
		margin:0px 0px 0px 130px;
		
		}
		
		.menu li ul li ul li:hover a{
		
			background: none;
			color: #ffffff !important;
			text-decoration:none;
			width:300px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
				
			}
	.menu p{
		clear:left;
		}	

#show 
{
color:#8AA839;
			text-decoration:none;
margin:-7px 0px 0px 0px;
padding:6px 0px 0px 0px;
background:url(../images/menuhover.png) top no-repeat;
}

.slider_content{float:left;margin:0px 0px 0px 60px;width:500px;  height:300px;}
.slider_content h1{float:left;margin:60px 0px 0px 0px;padding:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFF;}
.slider_content p{float:left;margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#FFF; width:350px;}
.read{float:right;margin:0px 0px 0px 0px;}

#mainslider{width:auto; margin:0px 0px 0px 0px; background:#eceeef ;}
.slider{float:left; margin:20px 0px 0px 0px; width:204px;height:269px;background:url(../images/sliderbg.png) no-repeat ;}
/*=======================*/
#example {width:204px;height:269px;position:relative;margin:0px 0px 0px 4px;padding:0px 0px 0px 0px;z-index:0;float:left; background:url(../../Triad%20Cranes%20Private%20Limited/images/sliderbg.png) no-repeat;}
#frame {
width:204px;height:269px;top:0px;left:0px;visibility:hidden;}

/*
	Slideshow
*/

#slides {position:absolute;top:0px;left:0px;z-index:100; margin:0px 0px 0px 0px}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {width:204px;height:269px;overflow:hidden;position:relative;display:none;margin:0px 0px 0px 0px;}

.slides_container div.slide {width:204px;height:269px;display:block;margin:0px 0px 0px 0px;}

.pagination {margin:0px auto 0;width:120px;height:15px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:15px;height:2px;padding-top:12px;background-image:url(../images/pegination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 0px;background-image:url(../images/peginationhiover.png);}

#example-one { margin: 0 auto; list-style: none; position: relative; width: 204px; }
#example-one li { display: inline-block;	background:#eceeef;width:140px; height:25px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#example-one a { color: #eceeef; font-size: 14px; float: left;padding: 6px;text-decoration: none;text-transform: uppercase;background:url(../../images/menuhover.png) no-repeat;}
#example-one a:hover { color: #eceeef; background:url(../../images/menuhover.png) no-repeat;}
#magic-line { position:relative;background:url(../../images/menuhover.png) no-repeat;margin:-40px 0px 0px 0px;padding:10px;}
.current_page_item a { color: white !important; }
.ie6 #example-one li, .ie7 #example-one li { display: inline; }
.ie6 #magic-line {bottom: -3px;}
/*=======================================*/
/*=======================================*/

#main_content{float:left width:auto;height:auto;}
.content{float:left; margin:0px 0px 0px 20px; width:950px; border-top:6px #1d5b87 solid;  background:#f6f6f6;}
.left{float:left;margin:0px 0px 10px 10px; border-right:2px #dfdfdf dotted;width:310px;}
.left_inner{float:left; margin:10px 0px 0px 20px;background:url(../images/14.png) no-repeat;width:268px;height:80px;}
.left_inner h1{float:left;margin:20px 0px 0px 15px;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
.read1{float:right;width:69px; height:45px;margin:20px 20px 0px 0px;}
.left h1{float:left;margin:10px 0px 0px 8px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000; }
.left p{float:left;margin:0px 0px 0px 10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#868484; text-align:justify;width:270px;}
.read2{float:right;width:69px; height:40px;margin:20px 20px 0px 0px;}
.read3{float:right;width:69px; height:45px;margin:10px 20px 0px 0px;}

.read4{float:right;width:69px; height:45px;margin:20px 10px 0px 0px;}


.right{float:left;margin:0px 0px 10px 0px; border-right:2px #dfdfdf dotted;width:310px;}
.right_inner{float:left; margin:10px 0px 0px 20px;background:url(../images/15.png) no-repeat;width:268px;height:80px;}
.right_inner h1{float:left;margin:20px 0px 0px 15px;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
.right h1{float:left;margin:10px 0px 0px 8px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000; }
.right a{float:left;margin:0px 0px 0px 10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#868484; text-align:justify;width:270px; text-decoration:none;padding:7px 0px 0px 0px;}
.right a:hover{color:#7dc1e5;}

.right1{float:left;margin:0px 0px 10px 0px; border-right:2px #dfdfdf dotted;width:310px;}
.right1_inner{float:left; margin:10px 0px 0px 20px;background:url(../images/16.png) no-repeat;width:268px;height:80px;}
.right1_inner h1{float:left;margin:20px 0px 0px 15px;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
.right1 h1{float:left;margin:10px 0px 0px 8px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000; }
.right1 h2{float:left;margin:10px 0px 0px 8px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#7dc1e5; }

.right1 p{float:left;margin:0px 0px 0px 10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#868484; text-align:justify;width:270px; text-decoration:none;padding:7px 0px 0px 0px;}
.right1 p b{float:left;margin:0px 0px 0px 0px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#7dc1e5; text-align:justify; text-decoration:none;padding:0px 0px 0px 0px;}

.line{float:left;margin:40px 0px 0px 0px; background:#f6f6f6; width:990; height:40px;}
.line p{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#70b8df;}
#mainfooter{width:auto; margin:auto; width:900px; }
.footer{float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; width:900px; height:50px; background:#1a6cb7;}
.copyright{float:left; margin:20px 0px 0px 30px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#51391e;}
.logo1{float:right; margin:5px 15px 0px 0px ; width:50px;height:40px;}
.logo2{float:left; margin:5px 0px 0px 15px;width:100px;height:40px;}

.content1{float:left;float:left; margin:0px 0px 10px 0px; width:990px; border-top:6px #1d5b87 solid;  background:#f6f6f6;}
.content1 h1{float:left;margin:10px 0px 0px 8px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000;width:600px; }
.content1 h2{float:left;margin:10px 0px 0px 8px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#000;width:600px; }

.content1 p{float:left;margin:10px 0px 10px 10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#868484; text-align:justify; width:670px;}

.content2{float:left;float:left; margin:0px 0px 10px 40px; width:900px;   background:#f6f6f6;}
.content2 h1{float:left;margin:10px 0px 0px 8px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#000;width:400px; }
.content2 h2{float:left;margin:10px 0px 0px 8px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#000;width:400px; }

.content2 p{float:left;margin:10px 0px 10px 10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#868484; text-align:justify; width:400px;}
.image_gallary1{float:right; margin:20px 0px 0px 0px; width:200px; }
.image_gallary1 div{float:right; margin:10px 30px 0px 0px; width:200px; height:130px; padding-bottom:35px;}
.image_gallary1 div img{float:right;margin:0px 0px 0px 0px; border-radius:3px;width:200px; height:130px; }
.product_image{float:right;width:400px; height:200px; margin:20px 20px 0px 0px;}

.enquiry_form
{
height:495px;
width:420px;
float: left;
margin:10px 0px 20px 0px;
}

.enquiry_form h1
{
height: auto;
width:440px;
float:left;
margin:0px 0px 20px 0px;
background: none;
padding:0px 0px 0px 0px;
text-align:left;
color:#747474;
font-size:22px;
font-weight:normal;
font-family: Trebuchet MS;
border-bottom:#CCCCCC 1px solid;
}
.enquiry_form div
{
width:450px;
float: left;
height:auto;
color:#747474;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
margin-left:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
color:#535651;
}
.enquiry_form input:hover
{

}
.txt_box
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px; border:1px solid #000;

}
.txt_area
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;
margin:0px; border:1px solid #000;
}
.enquiry_form  select 
{
height:23px;
width:330px;
float:right;
color:#67575F;
font-family:Trebuchet MS;
font-size:11px;
font-weight: normal; border:1px solid #000;

}
.enquiry_form  textarea 
{
color:#67575F;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px; border:1px solid #000;

}
.enquiry_form textarea:hover
{

}
.enquiry_form select:hover
{
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;
background:#FFFFFF;
color:#747474!important;
font-family: Arial!important;
 border:2px solid #747474;
 font-weight:bold;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;

}
#contact
{
height:300px;
width:400px;
float:left;
margin:20px 0px 8px 20px;
 background:#f6f6f6;
padding:5px 0px 40px 0px;
}

#contact a
{
color:#CCCCCC;
}

#contact h3
{
height: auto;
width:370px;
float:left;
margin:0px 0px 10px 0px;
background: none;
padding:0px 5px 0px 0px;
text-align:left;
color:#cf2119;;
font-size:21px;
font-weight:normal;
border-bottom:#5c4f3c 2px solid;
}
#contact h1
{
height: auto;
width:200px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:5px 5px 0px 0px;
text-align:left;
color:#5c4f3c;
font-size:18px;
font-weight:normal;
}
#contact h2
{
height: auto;
width:340px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:0px 0px 0px 0px;
text-align:left;
color:#1769B5;;
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#contact font
{
font-family: Trebuchet MS;
font-size:14px;
color: #67575F;
width:290px;
float:left;
margin:10px 0px 10px 2px ;
}
#contact b
{
font-size:13px;
color:#5c4f3c;
font-weight:bold;
float:left;
width:100px;
margin:10px 0px 10px 0px ;
}
.map{float:left; width:400px; height:347px; background:#f6f6f6; margin:20px 0px 0px 5px;}
.map h4{float:left;float:left; margin:0px 0px 0px 5px;padding:5px 0px 0px 0px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#1769B5;}
.image_gallary{float:left; margin:20px 0px 0px 20px; width:900px;}
.image_gallary div{float:left;margin:0px 0px 0px 10px;padding:0px 20px 0px 0px;width:121px;height:122px;}
.image_gallary div img{float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:121px;height:122px;}

.arrow1{float:left;margin:40px 0px 0px 0px;}
.arrow2{float:right;margin:40px 0px 0px 0px;}