/* declaration of custom fontfaces */
/* first set of declaration fixes IE < v.9 issue */



@font-face {
    font-family:Mukta Regular;
    src: url(fonts/Mukta-Regular.ttf);
}

@font-face {
    font-family:Mukta Bold;
    src: url(fonts/Mukta-Bold.ttf);
}

/* if your browser is one of the latest ones, then it will recognize the code 
   below and will redeclare the font faces. 
   Since IE 7 and 8 do not recognize these declarations, 
   they will just bypass them. */

		   
/* ----- GLOBAL CSS ----- */
body 						

{ color:#333333; font-size:16px; padding:0; margin:0; background:#FFFFFF url(../images/main-bg.jpg) repeat; font-family:"Mukta Regular"; border-top:5px solid #999999; }

	div, p, span, h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:normal; }
	h1, h2, h3, h4, h5 { font-family:"Mukta Regular"; font-size:35px; }
	.left { float:left; }
	.right { float:right; }
	.clear { clear:both; }
	a.apply { width:265px; height:49px; margin:22px 0 0 0; padding:0; background:url(../images/site-btn.png) no-repeat -281px 0; display:block; }
	a.apply:hover { background-position:-281px -50px; }
	a.apply span { display:none; text-decoration:none; }
	.font-bold { font-family:"Mukta Bold";}
	a.more { font-size:13px; text-decoration:none !important; color:#666666 !important;}
	a.more:hover { text-decoration:underline !important; }
	
	.bold { font-weight:bold; }
	.white { color:#FFFFFF; }
	.lightgray { color:#666666; }

/* ----- MAIN HOLDER ----- */
#main-holder { width:100%; margin:0; padding:0; }
	
	/* ----- Product Logos ----- */
	#product-logo { width:100%; height:133px; margin:0 auto 0 auto; padding:0; background:url(../images/productlogo-bg.png) no-repeat center 0; z-index:10; position:absolute; }
	#product-logo div { width:1250px; margin:0 auto 0 auto; padding:0; }
	#product-logo a img { float:left; margin:10px; }
	
	/* ----- SLider ----- */
	#slider-holder { width:100%; height:350px; margin:100px auto 0 auto; padding:0; background-color:#999999; z-index:-10; position:absolute; }
		#slider { width:980px; margin:0 auto 0 auto; padding:0; }
		#portfolio { margin:0 auto 0 auto; padding:0; list-style:none; }
		
	
	/* ----- Content ----- */
	#content { width:980px; margin:450px auto 0 auto; padding:0; }
		/* Navigation */
		#nav-holder { width:220px; margin:0; padding:0; float:left; }
			.nav { width:220px; margin:20px 0 0 0; padding:0 0 10px 0; font-family:"Mukta Regular"; font-weight:bold; text-transform:capitalize; color:#333333; font-size:16px; }
			.nav ul { margin:0; padding:0; list-style:none; }
			.nav ul li { margin:0; padding:0; line-height:180%; background:url(../images/nav-border.png) no-repeat 0 27px; }
			.nav ul li a { margin:0 0 5px 0; padding:0 0 0 16px; color:#333333; text-decoration:none; background:url(../images/nav-li.png) no-repeat 0 -10px; }
			.nav ul li a:hover { color:#666666; text-align:none; background-position: 0 6px; }
			.nav ul li a.active { color:#666666; text-align:none; background-position: 0 6px; }
		
		/* Right Content */
		#right-content { width:750px; margin:0; padding:0; float:right; }
			#logo-holder { width:750px; height:107px; margin:0; padding:0; background:url(../images/logo-bg.png) repeat-x 0 bottom; }
			#content-main { width:750px; margin:0 0 30px 0; padding:0 0 20px 0; background-color:#FFFFFF; }
			#content-main p { padding-top:10px; padding-bottom:20px; line-height:140%; }
			#content-main h3 { font-size:20px; font-family:"Mukta Regular"; margin-bottom:-10px; }
			#content-main .text { width:720px; margin:0 auto 0 auto; padding:15px; }
			#content-main .text p a { text-decoration:none; color:#0668B3; }
			#content-main .text p a:hover { text-decoration:none; color:#333333; }
			 
			/* Featured */
			#featured { width:730px; margin:0 auto 0 auto; padding:27px 0 0 0; }
			#featured a img { float:left; margin:0; padding:0; }
			#featured a.mid img  { margin-right:4px; margin-left:4px; }
			#featured a.bottom img { margin-bottom:4px; }
			
			#featured .left-content { width:330px; float:left; padding:10px 0 0 20px; }
			#featured .right-content { width:330px; float:right; padding:10px 10px 0 0; }
			
			/* Featured Column */
			.column1, .column2, .column3 { width:240px; float:left; margin:0; padding:0;  color:#999999; }
			.column1 h3, .column2 h3, .column3 h3 { font-size:14px; text-transform:uppercase; font-weight:bold; font-family:"Century Gothic", sans-serif; text-align:center; margin:12px 0 0 0; }
			.column1 p, .column2 p, .column3 p { width:240px; margin:0 0 15px 0; padding:0; font-size:12px; text-align:center; font-family:"Tahoma", sans-serif; }
			.column1 img, .column2 img, .column3 img { margin-top:17px; vertical-align:top; }
			.column2 { margin-left:5px; margin-right:5px; }
			
	/* ----- Footer ----- */
	#footer { width:100%; margin:0; padding:40px 0 40px 0; background-color:#C4C4C4; border-top:5px solid #999999; font-size:12px; }
	#footer p { text-align:center; padding:3px; }
	#footer p a { color:#666666; text-decoration:none; }
	#footer p a:hover { color:#333333; text-decoration:none; }