@charset "utf-8";
/* CSS Document */
body
	{
		margin:0px;
		
		padding:0px;
background-color:#000000;
	}
h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;
	}
	a {text-decoration:none;}
    
   
    
    
#headerbg
	{
	width:100%;
	
		height:556px;
vertical-align: top; 
    text-align:left; 
	display:block;
	float: left;
		padding-left:0px;
			background-image:url(images/header2.jpg);
		background-repeat:repeat-x;
				font-family:"Myriad Pro";
}
#container{width:100%;}
#headerblank
	{
		width:1024px;
		height:20px;
		float: left;
background-repeat:no-repeat;
		padding:0px;
	}
	
	
#header
	{width:100%;
		height:200px;
		float: left;
	margin-top:200px;


	text-align:center;
		padding:0px;
				
	
	
}



#headerbgimg
	{
		width:450px;
		height:590px;
margin-left:128px;
margin-top:13px;
float:left;

		padding-left:0px;
			font-family:"Myriad Pro";

		background-repeat:no-repeat;
		
 
}



#headerbgimg2
	{
		width:450px;
		height:590px;
margin-left:128px;
margin-top:45px;
float:left;

		padding-left:0px;


		background-repeat:no-repeat;
		
 
}


#headerbgimg2neck
	{
		width:450px;
		height:590px;
margin-left:118px;
margin-top:15px;
margin-right:10px;
float:left;

		padding-left:0px;
	

		background-repeat:no-repeat;
		
 
}


#headersmimg
	{
	background-image:url(images/Scroll_long.png);
	background-repeat:no-repeat;
		width:425px;
		height:400px;
padding:55px 50px 25px 50px;
margin-top:14px;
float:left;
color:#FFFFFF;
font-size:13px;
	
		font-family:Verdana, Arial, Helvetica, sans-serif;


		
 
}
#headersmimg2
	{

		width:425px;
		height:400px;
padding:55px 50px 25px 50px;
margin-top:5px;
float:left;
color:#FFFFFF;
font-size:13px;
	
		font-family:Verdana, Arial, Helvetica, sans-serif;


		
 
}

#headersmimg3
	{
	background-image:url(images/about_text.png);
	background-repeat:no-repeat;
		width:380px;
		height:338px;
margin-left:80px;
float:left;

margin-top:45px;

			padding:65px 100px 100px 152px;

 
}

#headersmimg3contact
	{
	background-image:url(images/Scroll_text_contact2.png);
	background-repeat:no-repeat;
		width:380px;
		height:338px;
margin-left:280px;
float:left;

margin-top:45px;

			padding:55px 100px 100px 152px;

 
}



#txt{
width:380px;
		height:335px;
overflow:scroll;

padding:0px 35px 100px 0px;

color:#000000;
font-size:13px;
	



	
 
}


::-webkit-scrollbar {
width: 10px;
height:30px;
}
::-webkit-scrollbar-track-piece  {

-webkit-border-radius: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 5px;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-thumb:vertical {
height: 10px;
background-color: #666;
border: 1px solid #eee;
-webkit-border-radius: 6px;
}



#headersmimg2neck
	{

		width:425px;
		height:475px;
padding:30px 50px 25px 50px;
margin-top:0px;
float:left;
color:#FFFFFF;
font-size:13px;
	
		font-family:Verdana, Arial, Helvetica, sans-serif;


		
 
}




#menu
	{
		width:100%;
		height:145px;
		float: left; 

		padding:0px;



		z-index:100;
	}
#menu ul
	{
width:100%;
		height:33px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;
	
	}
#menu ul li
	{
		width:50px;
		height:33px;
		float:left;
		margin:0 1px 0 0;
		padding:0px;
		display:block;	
		margin-left:100px;	
	}
#menu ul li a
	{
		width:50px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#000000;
		text-align:center;
		text-decoration:none;
		
	
	}	
#menu ul li a:hover
	{
		width:50px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;

		background-repeat:no-repeat;		
	}
	
	
	/*---------------------------------------------------------------------------------MENU #2----------------------------------------------------------------------------------------*/
		#menu2
	{
		width:100%;
		height:100px;
		float: left; 

		padding:0px;
border-radius:20px;
margin-left:25px;
		
	}
#menu2 ul
	{
		width:1285px;
		height:75px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;
	

	}
#menu2 ul li
	{



		width:45px;
		height:75px;
		float:left;
		margin:0;
		padding:0px;
		display:block;
		margin-left:5px
	;	padding:2px;
				padding-top:5px;
	}
	
	#menu2 li
	{


padding:2px;
				padding-top:5px;
		width:65px;
		height:75px;
		float:left;
		margin:0;
	
		display:block;
		margin-left:5px
	;
}


#menu2 ul li a.menu
	{
		width:65px;
		height:65px;
		float:left;
padding:5px 2px 2px 2px;
	
		font-family:"Myriad Pro";
		font-size:11px;
	
		color:#999999;
		text-align:center;
	
		height:75px;
		float:left;
	
		display:block;

border-radius:20px;

border-right:#666666 1px dotted;
	

	
	}

#menu2 ul li a.menu:hover
	{
	
border-radius:20px;

border-right:#ffffff 1px dotted;
	
		font-family:"Myriad Pro";
padding:5px 2px 2px 2px;

	
		color:#ffffff;
		text-align:center;
	
		height:75px;
		float:left;
	

		display:block;
		background-image:url(images/button2bg.png);
		background-repeat:no-repeat;

	}
	
	
	
	

	/*-----------------------------------------------------------------------------END OF MENU #2------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------HEADERPART--------------------------------------------------END--------------------------------------*/	
	#contentbg2
	{
		width:100%;
		float:left;
		margin:0px;
		padding:0px;
		}
        
        #contentbg 
	{
		width:100%;
		float:left;
		margin:0px;
		height:175px;
		padding:0px;
			background-image:url(images/menu2.gif);
		background-repeat:repeat-x;
	}

#contentblank
	{
		width:1100px;
		float: none;

		margin:0 auto;
		padding:0px;
	}		
#content
	{
		width:1100px;
		float: left;
		margin-top:50px;
		padding:0px;
     
        
		
	}
		.content
	{
		width:1100px;
		float: left;
		margin:0px;
		padding:0px;
		
	}
#contentleft
	{
		width:340px;
		float: right;
		margin:0px;
		padding:0px 0 10px 10px;

height:2000px;
border-top:#333333 groove 5px;

border-bottom:#CCCCCC  solid 1px;
border-radius:10px;
	padding-left:20px;
	background-image:url(images/mainbg.png);
	border-right:#333333 solid 2px;
	background-color:#333333;
	}
	
	
	
	#contentright
	{
		width:340px;
		float: right;
		margin:0px;
		padding:0px 0 10px 10px;

height:2000px;
border-top:#333333 groove 5px;


border-bottom:#CCCCCC  solid 1px;
border-radius:10px;
	padding-left:20px;
	background-image:url(images/mainbg.png);
	
	background-color:#333333;	
	}
	
	

/*-------------------------------------------------------------------------------------LEFTRPART----------------------------------------------------------------END--*/	

#contentmid
	{
		width:340px;
		float: right;
		margin:0px;
		padding:0px 0 10px 10px;

height:2000px;
border-top:#333333 groove 5px;

border-bottom:#CCCCCC  solid 1px;
border-radius:10px;
	padding-left:20px;

		background-image:url(images/mainbg.png);
	background-color:#333333;

	}
	
	

.midheading2
	{padding-left:80px;
		width:300px;
		float: left;
	
		font-family:Georgia;
		font-size:28px;
		color:#7e8901;

		
	}

.midheading2 
	{padding-left:75px;
		width:300px;
		float: left;
		margin:0px;
		font-family:Georgia;
		font-size:28px;
		color:#7e8901;
		
	}
	

	
.midheading2 h2
	{	padding-left:75px;
		width:300px;
		float: left;
		margin:0px;
		
		font-family:Georgia;
		font-size:25px;
		font-weight:normal;
		color:#CCCCCC;
	}





.midheading
	{
		width:435px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:28px;
		color:#7e8901;
		
	}
.midheading h2
	{
		width:435px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:25px;
		font-weight:normal;
		color:#CCCCCC;
	}
.projectheading
	{
		font-family:Georgia;
		font-size:12px;
		color:#c0943c;
		padding:0 0 0 14px;
	}
#projectbg
	{
		width:401px;
		height:158px;
		float:left;
		margin:18px 0 34px 0;
		padding:0px;
		background-image:url(images/projectbg.jpg);
		background-repeat:no-repeat;
	}

#projectthumnail
	{width:100px;
		height:75px;
		float:left;
		margin:15px 0 0 15px;
		padding:0px;}	
	




#projecttxtblank
	{
		width:219px;
		float:left;
		margin:15px 0 0 0;
		padding:20px 0 0 0;
	}
#projecttxt
	{
		width:206px;
		float:left;
		margin:0px;
		padding:0 0 0 13px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}
.projectboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#000000;
		margin-top:-80px;
        z-index:99;
	}
	
	.projectsizetxt
	{
		font-family:Arial;
		font-size:12px;
	
		color:#333333;
		margin-top:0px;
	}
#moreproject
	{
		width:194px;
		float:left;
		margin:0px;
		padding:5px 0 0 25px;
	}

/*-------------------------------------------------------------------------------------MIDPART------------------------------------------------------------END---------*/		

/*--------------------------------------------------------------CONTENTPART-------------------------------------------------END--------------------------------------------------------------*/	
#footerbg
	{
		width:100%;
		height:54px;
		float:left;
		margin:0px;
		padding:0px;
		background-color:#000000;
		background-repeat:repeat-x;
	}
#footerblank
	{
		width:1004px;
		height:54px;
		float:none;
		margin:0 auto;
		padding:0px;
	}
#footer
	{
		width:858px;
		height:54px;
		float:left;
		margin:0px;
		padding:41px 0 0 146px;
background-color:#000000;
	}
#footerbox
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;

		background-repeat:no-repeat;
	}




.footerbutton
	{
		width:68px;
		height:19px;
		float: left;
		margin:15px 0 0 73px;
		padding:0px;
	}
.button
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-family:Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;

		background-repeat:no-repeat;
	}
.button:hover
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-family:Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/footerover.jpg);
		background-repeat:no-repeat;
	}
#footerlinks
	{
		width:715px;
		float:left;
		margin:25px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffffff;
		text-align:center;
		text-decoration:none;
	}
.footerlinks
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffffff;
		text-align:center;
		text-decoration:none;
		padding:0 3px 0 3px;
	}
.footerlinks:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#CCCCCC;
		text-align:center;
		text-decoration: underline;
		padding:0 3px 0 3px;		
	}

.xhtml
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.xhtml:hover
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css:hover
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
	
	@media screen and (max-device-width: 1024px) {
   #headerbg {
        background-image:url(images/header2media.jpg);
    }
}

 .prodlogotxt {margin-left:-35px;}