/*	-------------------------------------------------------------
	estar solutions website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor         mohan : estar solutions
	.version       1.5
	.url      	   www.estar.lk
	.timestamp     01/06/2008 .. 24/07/2008
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	estar solutions :   Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Google Search
	3. Headers
	4. Body text
	5. Banner
	6. navigation
	7. Projects
	8. Contact Page
	9. Text areas : Contact Page
	10. Buttons
	11. Button positions 
	12. Small links
	13. List : OL / UL
	14. Footer
	15. Spacer
	
*/	
	
/*	-------------------------------------------------------------
								1
	-------------------------------------------------------------	*/	   
	body{
	background-color:#F0F0F0;
	margin-top:0PX;
	scrollbar-face-color:#d8d6d6;
	scrollbar-arrow-color:#282e39;
	scrollbar-track-color:#F3F5F2;
	scrollbar-shadow-color:#282e39;
	scrollbar-highlight-color:#d8d6d6;
	scrollbar-3dlight-color:#282e39;
	scrollbar-darkshadow-Color:#d8d6d6;
	}

/*	-------------------------------------------------------------
								2
	-------------------------------------------------------------	*/	 
	.search{
	margin-left:32px; text-align:left; padding-top:1px;
	}
	.searchbox{
	width:204px; height:84px;
	}
/*	-------------------------------------------------------------
								3
	-------------------------------------------------------------	*/
	h1{
	padding-left:10px; padding-top:0PX;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-align:left;
	}
	.header_1{
	padding-left:10px; padding-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-align:left;
	}
	.header_1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;;
	text-decoration:underline;
	}
	.header_1 :hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8EA41E;
	text-decoration:underline;
	}
	
	.header_2{
	padding-left:10px;
	padding-top:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	color:#0A81A9;
	font-weight:bold;
	text-align:center;
	}

/*	-------------------------------------------------------------
								4
	-------------------------------------------------------------	*/	 			
	.body_font{
	padding-left:10px;
	padding-right:5px; padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5D5D5D;
	text-align:justify;
	}
	
	.body_q_font{
	padding-left:10px;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5D5D5D;
	text-align:justify;
	}
	
	.body_bold_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#0B6077; text-align:left; font-weight:bold; text-decoration:none;
	}
	.body_bold_font a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#0B6077; text-align:left; font-weight:bold; text-decoration:none;
	}
	.body_bold_font :hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#000000; text-align:left; font-weight:bold; text-decoration:none;
	}
	.body_font_ceo{
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5D5D5D; text-align:right;
	}
	
	.body_font_03{
	padding-left:12px; padding-top:0px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	color:#0099FF; text-align:left;
	}
/*	-------------------------------------------------------------
								5
	-------------------------------------------------------------	*/	 
	.banner_body{
	background-image:url(../images/banner_body.jpg);
	background-repeat:repeat-x; 
	}
	
	.banner_body1{
	background-image:url(../images/banner_body.jpg);
	background-repeat:repeat-x;
	
	border-left-color:#999999; 
	border-left-style:dashed; 
	border-left-width:1px;
	
	border-right-color:#999999; 
	border-right-style:dashed; 
	border-right-width:1px;
	text-align:center;
	}
	
	.botton_boder{
	border-top-color:#999999; 
	border-top-style:dashed; 
	border-top-width:1px;
	
	border-bottom-color:#999999; 
	border-bottom-style:dashed; 
	border-bottom-width:1px;
	
	border-left-color:#999999; 
	border-left-style:dashed; 
	border-left-width:1px;
	
	border-right-color:#999999; 
	border-right-style:dashed; 
	border-right-width:1px;
	text-align:center;

	}
	
	
	.dashed_boder{
	border-top-color:#999999; 
	border-top-style:dashed; 
	border-top-width:1px;
	
	border-bottom-color:#999999; 
	border-bottom-style:dashed; 
	border-bottom-width:1px;
	
	border-left-color:#999999; 
	border-left-style:dashed; 
	border-left-width:1px;
	
	border-right-color:#999999; 
	border-right-style:dashed; 
	border-right-width:1px;
	text-align:left;
	}

	.dashed_boder1 {

	
	border-bottom-color:#999999; 
	border-bottom-style:dashed; 
	border-bottom-width:1px;
	
	border-left-color:#999999; 
	border-left-style:dashed; 
	border-left-width:1px;
	

	


	}
/*	-------------------------------------------------------------
								6
	-------------------------------------------------------------	*/	 		
	
	.navi_box{
	position:absolute; top:10px; left:175px;
	}
			
	.navigation{
	background-image:url(../images/navigation.jpg); 
	background-repeat:repeat-y;
	}
	.navi_text{
	padding-top:2px; padding-left:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:700;
	font-size:13px; text-decoration:none; line-height:5px; text-align:left;
	}
	.navi_text a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#A6A6A6; font-size:13px; text-decoration:none;
	}
	
	.navi_text :hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#e8e700;
	text-decoration:none;
	}
/*	-------------------------------------------------------------
								7
	-------------------------------------------------------------	*/	 
	
	.rec_projects{
	width:398px; height:190px;
	border-color:#999999; border-style:dashed; border-width:1px;
	}
	
	.rec_projects1{
	width:240px; height:100px;
	border-color:#999999; border-style:dashed; border-width:1px;
	}
	
	.dashedline{
	border-bottom-width: 1px;
	border-bottom-style: dashed ;
	border-bottom-color:#CCCCCC;
	
	}
	
	.img_projct{
	padding-left:10px;
	padding-right:3px; padding-bottom:0px;
	}
	
	.projects{
	background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;
	color:#0099CC; font-size:11px; text-align:left; border-bottom-color:#999999; 
	border-bottom-style:dashed; border-bottom-width:1px;
	}
		
	.projects a{
	font-family:Arial, Helvetica, sans-serif;
	color:#0099CC; font-size:11px; 
	}
	.projects :hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#333366; font-size:11px; 
	}
	
	.project_body{
	background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;
	color:#333333; font-size:11px; text-align:left; 
	}
	.imageBorder{
	border-style:solid; border-color:#FF6600; border-width:1px;
	}


/*	-------------------------------------------------------------
								8
	-------------------------------------------------------------	*/	 
	
	.back_add{
	background-image:url(../images/backer_add_body.jpg); background-repeat:repeat-y;
	}
	
	.back_add_right{
	background-image:url(../images/backer_add_body_right.jpg); background-repeat:repeat-y;
	}
	
	.back_address_head{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold; color:#333333; text-align:left;
	}
	
	.back_address_head1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; font-weight:bold; color:#333333; text-align:center; vertical-align:top; height: 30px;
	}
			
	.back_address{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333; text-align:left;
	}
	
	.back_address a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
	}
	
	.back_address :hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	text-decoration:underline;
	}
	
	.back_add_box{
	width:140px; padding-left:40px; padding-bottom:5px;
	}
	
	.back_add_box2{
	width:340px; padding-left:40px; padding-bottom:5px;
	}
	
	.chat{
	padding: 0px 5px 0px 5px;
	}
/*	-------------------------------------------------------------
								9
	-------------------------------------------------------------	*/	 
	.txtarea{
	position:absolute; left:575px;
	background-color:#FFFFFF;
	height:15px; border-width:1px; border-color:#8AAEBA; border-style:solid; width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left;
	}
	
		.txtarea1{
	
	background-color:#FFFFFF;
	height:15px; border-width:1px; border-color:#8AAEBA; width: 300px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left;
	}
	
	.txtarea2{
	position:absolute; left:575px;
	background-color:#FFFFFF;
	height:80px;  width: 200px; border-width:1px; border-color:#8AAEBA; border-style:solid;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left; 
	}
	
	.txtarea2a{
	background-color:#FFFFFF;
	height:100px;  width: 400px; border-width:1px; border-color:#8AAEBA; border-style:solid;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left; 
	}
	
	.txtarea2b{
	background-color:#FFFFFF;
	height:50px;  width: 200px; border-width:1px; border-color:#8AAEBA; border-style:solid;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left; 
	}
	
	.txtarea3{
	position:absolute; left:575px;
	background-color:#FFFFFF;
	height:18px; border-width:1px; border-color:#8AAEBA; border-style:solid; width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left;
	}
/*	-------------------------------------------------------------
								10
	-------------------------------------------------------------	*/	 
	
	.button1{
	color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:84%; 
	background-color:#ffffff; border-style:none; border-color:#603813; border-width:1px;
	}
	
	.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	}
	
	a.button {
		background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
		color: #000000;
		display: block;
		float: left;
		font: normal 11px arial, sans-serif;
		height: 24px;
		margin-right: 6px;
		padding-right: 18px; /* sliding doors padding */
		text-decoration: none;
	}
	
	a.button span {
		background: transparent url('../images/bg_button_span.gif') no-repeat;
		display: block;
		line-height: 14px;
		padding: 5px 0 5px 18px;
	} 

	a.button:active {
		background-position: bottom right;
		color: #006699;
		outline: none; /* hide dotted outline in Firefox */
	}
	
	a.button:active span {
		background-position: bottom left;
		padding: 6px 0 4px 18px; /* push text down 1px */
	} 
	
		.submit{
	    font-size:12px; font-family:Arial,sans-serif; color:#2A90C5; 
		background-color:#FFFFFF; border-style:solid; font-weight:500;
		border-color:#8AAEBA; border-width:1px;
		}
	
/*	-------------------------------------------------------------
								11
	-------------------------------------------------------------	*/	 	
	.b1{
		position:absolute; left:245px;
	}
	
		.b2{
		padding-left:240px;
	}
/*	-------------------------------------------------------------
								12
	-------------------------------------------------------------	*/	 
	
	.small_links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	.small_links a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
	}
	
	.small_links :hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	text-decoration:underline;
	}
/*	-------------------------------------------------------------
								13
	-------------------------------------------------------------	*/	 
	
	.lister{
	padding-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight:bold;
	list-style-image:url(../images/lister.jpg);
	line-height:20px;
	}
	.lister a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	}
	.lister :hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	text-decoration:none;
	}
	.lister2{
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
	line-height:20px;
	}
	.lister2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
	}
	.lister2 :hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	text-decoration:underline;
	}
	
	.lister3{
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
	line-height:20px;
	}
/*	-------------------------------------------------------------
								14
	-------------------------------------------------------------	*/	 
	
	.imagers1 {
	float: left;
	border: 2px solid #FFFFFF;
	margin-right: 10px;
	margin-bottom: 2px;
	}
	.imagers2 {
	float: right;
	border: 2px solid #FFFFFF;
	margin-right: 20px;
	margin-bottom: 2px;
	}
	.imageBorder {
	border: 1px solid #314709; text-align:left;
	}
/*	-------------------------------------------------------------
								15
	-------------------------------------------------------------	*/	 		/* footer*/
			
			
	.footer{
	width:780px; height:65px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x; padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9B948C; font-size:9px; text-decoration:none; text-align:center;
	}
	.footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9B948C;
	font-size:9px;
	text-decoration:none;
	}
	
	.footer :hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	}
	
		.footer1{
	width:780px; height:15px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x; padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9B948C; font-size:9px; text-decoration:none; text-align:center;
	}
	
			.footer2{
	width:780px; height:25px; vertical-align:middle;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x; padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9B948C; font-size:9px; text-decoration:none; text-align:center;
	}
	
	
		.footer2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#9B948C;
	font-size:9px;
	text-decoration:none;
	}
	
	.footer2 :hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	}
	
/*	-------------------------------------------------------------
								15
	-------------------------------------------------------------	*/	 
	.spacer{
	background-image:spacer.gif; background-repeat:repeat-y;
	}
		
		/*	-------------------------------------------------------------
									
			Copyright © 2008 estar solutions. All Rights Reserved
						Powered by : estar solutions
			-------------------------------------------------------------	*/