/* CSS Document */

/* COLORS
   Body Background:       #ffffff
   Main Text:             #534C4C
   Links:                 #CB292E #000000
   highlight:     			#FF865B
   Navigation:        		#51250A
   border-map:				#FFF7E1
*/

*{
	padding:0;
	margin:0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background:url(../images/bg.gif) repeat;
	color:#534C4C;
}



.redOra{
color: #FF865B;
}

.red{
color:#C81B20;
font-size:10px;

}

/*-------------WRAP---------------*/
#wrap{ 
	width:986px; 
	margin:0 auto;
	clear:both;
	background:url(../images/body1.jpg) repeat-y ; 
}
/*-------------WRA ENDS---------------*/	


/*-------------HEADER---------------*/
#header{
	width:986px;
	height:273px;
	background:url(../images/banner.jpg) no-repeat top left;
}
/*-------------HEADER ENDS---------------*/

/*----------------Navigation------------------*/

#cfnavbar{
margin: 0;
padding:18px 0 0 250px;
}

#cfnavbar ul{
background: url(../images/back.gif) repeat-x;
padding: 0;
margin: 0;
float: left;
font-family:Arial, Helvetica, sans-serif;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color:#51250A;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 10px 25px 3px 30px;
text-decoration: none;
font-size:15px;
background: url(../images/divider.gif) top right no-repeat;
}


#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 25px;
padding-right: 0px;
background: url(../images/leftcorner.gif) top left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 25px;
padding-none: 0px;
background: url(../images/rightcorner.gif) top right no-repeat;
}

#cfnavbar ul li a:hover{
color:#F04809;
text-decoration: none;
}

#cfnavbar .current{color: #F04809;} 

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}









/*----------------Navigation ends------------------*/



/*-------------MAINCONTENT-------------*/
#maincontent{
	clear:both;
	margin:0;
	height:560px;
	background:url(../images/body.jpg) no-repeat bottom left ;
	padding:0 0 0 66px;}
/*-------------MAINCONTENT ENDS-------------*/	

/*---------------------LEFTCOL-------------------------*/
#leftcolumn{
	float:left;
	width:573px;
	height:220px;
	margin:10px 0px 0 0;
}

/*---------------------LEFTCOL ENDS-------------------------*/

/*---------------------LEFTCOL-------------------------*/
#rightcolumn{
	float:left;
	width:345px;
	height:560px;
	margin:0 0 0 0;
	padding:0;
	background:url(../images/services1.jpg) no-repeat top left;
}

/*---------------------LEFTCOL ENDS-------------------------*/



/*----------wel------------*/
.welcome{
	float:left;
	border-bottom:#DDD5C7 1px dashed; }

.welcome p{
	text-align:justify;
	padding:12px 9px 0 0;
	
}

.welcome img{

	padding:11px 0 12px 0;
	
}




#leftcolumn .welcome h1{
	background:url(../images/welcometext.gif) no-repeat;
	height:17px;
	width:283px;
	text-indent:-9999px;
}

#leftcolumn .welcome h2{
	background:url(../images/more.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
}

#leftcolumn .welcome h3{
	background:url(../images/about_us.gif) no-repeat;
	height:20px;
	font-size:5px;
	text-indent:-9999px;
}
.gallery{
	float:left;
	height:217px;
	width:573px;
	margin:0;
	padding:0;
}

.gallery img{
	margin:11px 0 0 0 ;
}


.img1{ float:left; width:167px; text-align:justify;  padding:0 15px 0 7px;}
.img2{ float:left; width:167px; text-align:justify; padding:0 13px 0 10px;}
.img3{ float:left; width:161px; text-align:justify; padding:0 21px 0 12px;}


/*----------wel ends------------*/


/*---------------services-----------------------------*/
.services{
	floar:left;
	height:370px;
	margin:12px 0 0 31px;


}
#rightcolumn .services h1{
	background:url(../images/servicestext.gif) no-repeat;
	height:30px;
	text-indent:-9999px;

}

#rightcolumn ul,li{
	list-style:none;
	display:list-item;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
				}
				





/*---------------services ends-----------------------------*/

/*---------------services-----------------------------*/
.servicespage{
	floar:left;
	height:370px;
	margin:0;

}
#leftcolumn .servicespage h1{
	background:url(../images/service_offer.gif) no-repeat;
	width:150px;
	height:30px;
	text-indent:-9999px;

}

#leftcolumn ul,li{
	list-style:none;
	display:list-item;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
				}
				





/*---------------services ends-----------------------------*/
/*---------------------Gallery page-----------*/


.callus{
	font-size:16px;
	font-weight:bold;
	color:#FF3300;


}


/* .................................... Gallery ................................................*/


	#slideshow{
		width:530px;
		float:left;	/* Total width of slideshow */
		margin:0;
		padding:0;
	}
	
#slideshow h1{
	background:url(../images/our_gallery.gif) no-repeat;
	height:17px;
	width:88px;
	text-indent:-9999px;
	
	
}

	#previewPane{
		
		margin:0 0 0 0;	
		text-align:center;
		vertical-align:middle;
		padding:10px 0 0 0;
		position:relative;
		
		/* CSS HACK */
		height: 275px;	/* IE 5.x */
		height/* */:/**/275px;	/* Other browsers */
		height: /**/315px;
				
	}
	#previewPane img{
		line-height:400px;
		border:#FEB62D 3px solid;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;	/* Font to use */
		font-weight:bold;
		padding-top:10px;
		font-size:10px;
	}
	#galleryContainer{
		height:80px;	/* Height of the images + 2 */
		position:relative;
		overflow:hidden;
		padding:1px;
		/* CSS HACK */
		height: 82px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/80px;	/* Other browsers */
		height: /**/80px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding-top:22px;
	}
	#arrow_right{
		position:absolute;
		right:-2px;
		z-index:10;
		background-color: #FFF;
		padding-top:22px;
	}
	#theImages{
		position:absolute;
		left:40px;
		width:9200px;
		padding:20px 0 0 0;
		
		
	}
	
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	#theImages #slideEnd{
		float:left;
	}
	
/* ..............................................*/


#map{
	float:left;
	width:270px;
	height:280px;
	margin:10px 5px 0 5px;
	padding:0;
	border:2px #ffffff solid;

}

/*-------------------ends----------------*/
.contact{
	floar:left;
	margin:25px 0 0 46px;

}

#rightcolumn .contact h1{
	background:url(../images/contact.gif) no-repeat;
	height:13px;
	text-indent:-9999px;

}


/*--------------contact form-------------------*/

.contactform{
	float:left;
	padding:0; 
	margin:0;
	height:500px;


	
}

.contactform h1{
	background:url(../images/contact_form.gif) no-repeat;
	height:17px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
.contactform p{
	padding:12px 0 0 2px;
	margin:0;
	
	
}

#map{
	float:left;
	width:270px;
	height:280px;
	margin:10px 5px 0 5px;
	padding:0;
	border:2px #ffffff solid;

}
.location{
	floar:left;
	height:370px;
	margin:12px 0 0 31px;

	

}
.location h1{ 
	background:url(../images/map.gif) no-repeat;
	height:30px;
	width:81px;
	text-indent:-9999px;
	margin:0;
	padding:0;

}
#formCont{
     float: left;
	padding:5px 0 0 40px; width:300px;
	height:487px;
	text-align:center;
	
	

	}	
.cssform p{
	width: 300px; height: 1%;
	clear: left; color:#534C4C;
	margin: 0; padding: 5px 0 5px 155px;
	font-size:11px;
	border-top: dashed 1px #DCDCDC;
	

	}
.cssform label{
	font-weight: normal;
	float: left;
	text-align:right;
	margin-left: -155px; width: 150px;
	}
.star{
	color:#F39422; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	}
.feedbackTxtBox{
	border:1px solid #DADADA;
	color:#666666;
	width:180px;
	height:12px;
	font-size:11px;
	padding:4px 0 0 7px;
	background-color:#F7F7F7;
	}
.feedbackTxtBox1{
	border:1px solid #DADADA;
	color:#956455;
	width:180px;
	height:25px;
	font-size:11px;
	padding:4px 0 0 7px;
	background-color:#F7F7F7;
	}
.feedbackTextarea{
	border:1px solid #DADADA;
	font-family:Arial, Helvetica, sans-serif;
	color:#414862;
	width:180px;
	padding:4px 0 0 7px;
	font-size:11px;
	height:50px;
	background-color:#F7F7F7;
	}
.formbutton{
	cursor:pointer;
	border:none;
	color:#000000;
	background:url(../images/reset.gif) no-repeat;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	height:20px;
	font-size:10px;
	text-transform:uppercase;

	}

/**FORM ENDS**/
/*--------------contact form ends-------------------*/


/*-------------FOOTER----------*/

a.menulink:link, a.menulink:active, a.menulink:visited
{
color:#321915;
text-decoration:underline;
}

a.menulink:hover
{
color:#ffffff;
text-decoration:none;
}
#footer{
	width:100%;
	clear:both;
	background:url(../images/bg.gif) repeat top;
	padding-right:30px;
	padding-top:0px;
	color:#663300;
	margin:0;
	line-height:16px;
}

.foot{
	font-size:11px;
	text-align:center;
	color:#321915;
	line-height:16px;
	
}

/*-------------FOOTE ENDS----------*/