@charset "utf-8";

/* CSS Document */



body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;

}



body {

	font-family: Helvetica, Arial, Sans-Serif;

	line-height: 24px;

	background: #b9d2f8 url(images/body-bg.jpg) center top no-repeat;

	text-align: center;

	

}



/* Basic Elements */

ul li { list-style: none; }

a{ }

a:link, a:visited{ text-decoration: none; }

a:hover, a:active{ text-decoration: none; }





/* main contaner */ 



#containerMain {

	width: 988px;

	margin: 0 auto;

	background: url(../images/bgbody-orange.jpg);

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 2px;

	padding-right: 2px;

	

}



#container {

	width: 980px; margin: 0 auto;background: url(../images/bgbody.jpg);    

}



#header {

	padding: 0px 0px 0 0px; overflow: hidden;

}





#main {

float:left;

width:265px;

background:#fff;

}



#sidebar {

float:right;

width:715px;

background:#fff;

}



#content {

	PADDING-BOTTOM: 15px; PADDING-LEFT: 0x; WIDTH: 980px; PADDING-RIGHT: 0px;  OVERFLOW: hidden; PADDING-TOP: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px

}

/* finish main contaner */ 



#coview {
	width: 450px;
	height: auto;
	line-height: 21px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 19px;
	padding-bottom: 12px;
	padding-left: 12px;
	float:right;

	}
	
#coview2 {
	width: 450px;
	height: auto;
	line-height: 21px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 19px;
	padding-bottom: 12px;
	padding-left: 12px;
	float:right;
	}	
	
	
	
	

#ourserv{

	

	height: auto;

	line-height: 21px;

	font-family: Helvetica, Arial, sans-serif;

	color: #FFF;

	font-size: 14px;

	font-weight: normal;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;;

	}













/* header */ 

/*

=================================== Horizontal Navigation ================================*/



#hnav { position: relative;; top: 0; left: 0; width: 980px; height: 56px; background: url('../images/horiz_sprites.gif') no-repeat; }

#hnav li { position: absolute; left: 0; height: 56px; }

	#hnav #hnavhome { width: 87px; left: 0px; }

	#hnav #hnavabout { width: 128px; left: 87px; }

	#hnav #hnavserv{ width: 172px; left: 216px; }

	#hnav #hnavgifts { width: 321px; left: 390px; }

	#hnav #hnavcont { width: 153px; left: 710px; }

	#hnav #hnavenq { width: 117px; left: 863px; }

#hnav li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 56px; text-indent: -9999em; }



/*



=================================== Horizontal Navigation ================================*/





#columnleft {

	float:left;

	width:493px;

	height: auto;

}



#columnright {

float:right;

width:482px;



}

.bfont {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 19px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	text-align: justify;

}
.formfon {
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FBC357;
	font-family: Helvetica, Arial, sans-serif;
}




/*



=================================== About ================================*/
#columnleft1 {
width: 493px;

	height: auto;

}

#coview2 {
	width: 930px;
	height: auto;
	line-height: 21px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	float:left;

	}

/*



=================================== endabout ================================*/



/*



=================================== Footer ================================*/





#footer{

	margin:0px auto;

	padding:0px 0px;

	width:980px;

	height:121px;

	clear:both;

	background: url('../images/bottom.jpg') no-repeat;

		 



}





.textCenter{



	text-align:center; 



}

.bottomfont {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 15px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #0878c2;

}



/*



=================================== Footer End ================================*/









/* Easy Slider */



#slidecont {

	margin:0 auto;position:relative;PADDING-BOTTOM: 15px; PADDING-LEFT: 0x; WIDTH: 980px; PADDING-RIGHT: 0px;  OVERFLOW: hidden; PADDING-TOP: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px

}



	#slider{

		margin:0 auto;

		position:relative;

	}	

	#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:900px;

		height:235px;

		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:30px;

		height:77px;

		position:absolute;

		left:-30px;

		top:-160px;

		}	

	#nextBtn, #nextBtn2{ 

		left:940px;

		}														

	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  

		display:block;

		width:30px;

		height:77px;

		}	

	#nextBtn a, #nextBtn2 a{ 

		background:url(../images/btn_next.png) no-repeat 0 0;	

		}												

	#prevBtn a, #prevBtn2 a{

		background:url(../images/btn_back.png) no-repeat 0 0;	

	}

	

	#prevBtn, #prevBtn2{ 

		left:10px;

	}

/* // Easy Slider */



label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}


/* footer */

/* productpage */

#columnleft3 {
	float:left;
	width:220px;
	height: auto;
	background-color: #FBC357;	

}



#columnright3 {
	float:right;
	width:720px;
	
padding-top: 12px;

	padding-bottom: 12px;

	padding-left: 12px;

	padding-right: 15px;


}
/* productpage2 */

#columnleft5 {
	float:left;
	width:220px;
	height: auto;
	background-color: #FBC357;	

}



#columnright5 {
	float:right;
	width:220px;
	height: auto;
	background-color: #FBC357;	


}

.columncntr5 { 
	
	margin: 0 220px 220px;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}