@charset "utf-8";
* { margin:0; padding:0; }
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
    height: 100%;
	font-family: Archer-Bold-Pro !important;
    src: url('Archer-Bold-Pro.ttf');
	font-size:.8em;
	font-size:90%;
}
a { color: #898989; text-decoration: none }
a:hover { text-decoration: underline }
a.cufon:hover { text-decoration: none }   	

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
.clear
{
clear:both;
float:none;
}

/* Header styles */
#body_bg
{
	position:fixed; 
	width:100%; 
	height:100%; 
	margin:0px; 
	padding:0px; 
	left:0px; 
	right:0px;
	z-index:0;
}
#layoutdims {
	clear:both;
	margin:0;

	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
		background-image:url(../images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;

			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
				       only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
		/* right column background colour */


}
.threecol .colmid {
	right:33%;			/* width of the right column */
	height:100%;		/* center column background colour */
	
	
}
.threecol .colleft {
	right:56%;/* width of the middle column */
	}
.threecol .col1 {
	height: 100%;
    left: 89%;
    padding: 0;
    width: 100%;	
				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:47px;		/* Width of left column content (column width minus padding on either side) */
	left:0%;
	position:fixed;
	top:0;
	padding:0;
	height:100%;
}
.threecol .col3 {
	width:47px;			/* Width of right column content (column width minus padding on either side) */
	/*left:97%;*/
	position:fixed;
	right:0;
	top:0;
	padding:0;
	height:100%; /* works only if parent container is assigned a height value */
}
/*  ----------maincontainer---------*/
#maincontainer{
	width: 100%;
	height:100%;
	min-height:100%;
	float:left;
	
	}

#containercenter
{
    width: 100%;
	height:60%;
	margin-left:10%;
	margin-bottom:10%;
	float:left;			
}
#abouttxt
{
    width: 55%;
	height:30%;
	margin-left:1%;
	margin-top:1%;
	float:left;
	text-align:justify
	font-size:12px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
			
}
 /* Impressive Rules */
/*............................ leftbar start................................ */ 
#copyright{
	margin:-165px 0px 0px 0px;
	padding:0px;
	height:482px;
}

.left_menu{background: url(../images/bg_nav_prev.png) repeat-y; position: absolute; left: 0px; top: 0px; width:47px; height: 100%; z-index: 20; }
        .left_nav {position: absolute; width: 20px; height: 220px; bottom:255px; left:15px; display: block; z-index: 4;}
      /*  .left_nav ul {width: 20px; display:inline; list-style:none;}  
        .left_nav li a { width: 12px; background: url(../images/nav_left_menu.png) no-repeat; display: block; text-indent: -9999em; letter-spacing: -9999px; overflow: hidden }
		.left_nav li .sitemap { height: 49px; background-position: 0 -205px }
		.left_nav li .sitemap:hover { height: 49px; background-position: -12px -205px }
		.left_nav li .terms-condition { height: 118px; background-position: 0 -87px }
		.left_nav li .terms-condition:hover { height: 118px; background-position: -12px -87px }
		.left_nav li .customer-care { height: 87px; background-position: 0 0 }
		.left_nav li .customer-care:hover { height: 87px; background-position: -12px 0 }
		.left_nav li .fb { height: 20px; background-position: 90px 0px }
		.left_nav li .fb:hover { height: 20px; background-position: 0px 0px }*/
		
/*................. leftbar End............................................ */ 


.social{margin:15px 0px 0px 0px; height:80px; z-index:21; position:absolute; width:22px; border:0px solid red;}
.social a {padding-top:5px;}



/*................ Rightbar start........................................ */ 

.right_menu { 
	width: 47px; 
	height: 100%; 
	background: url(../images/bg_nav_next.png) repeat-y; 
	cursor: pointer; 
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 20; 
}  	
.button_next {
	position: absolute; 
	width:174px; 
	height: 48px; 
	top:80px; 
	right: 0px;
}
.button_next a.btn_next{
	width: 47px;
	height: 48px; 
	background: url(../images/bg_expand_right.png) repeat-y scroll 3px 0;
	text-indent: -99999em;
	overflow: hidden; 
	display: block; 
	float: right;
}
.button_next a:hover.btn_next{
	width: 130px; 
	background:url(../images/bg_expand_right.png) repeat-y scroll -44px 0;
}
/*................ Rightbar End........................................ */ 	



/*................ brand_bg........................................ */ 

#brand_bg
{
	width:100%;
	float:left;
	height:600px;
	margin-bottom:10px;
	font-family:acer;
	src: url('acer.pfm');
}
#title_heading
{
	width:94%;
	margin:auto;
	height:auto;
	margin-top:3%;
}
#brand_txt
{
	width:91%;
	margin:auto;
	padding-top:1.5%;
	padding-bottom:1.5%;
	line-height:22px;
	font-size:15px;
	font-weight:normal;
	color:#FFFFFF;
}
#centerslider
{
	width:628px;
	height:100%;
	float:left;
}	
#title_slider
{
	border-bottom:solid 1px #aeadac;
	width:100%;
	height:56px;
}
.title_txt
{
	width:600px;
	padding-top:15px;
	margin-left:10px;
}	
.slider_img
{
	border-left:solid 1px #aeadac;
	width:245px;
	height:auto;
	float:left;
	vertical-align:middle;
}
.txt
{
	width:600px;
	margin-left:10px;
	text-align:justify;
}