@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;
	
		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	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;
}

/* Header styles */
/* 'widths' sub menu */
#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;
	background-image:url(../images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	float:left;
	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 */
	/* left column background colour */
}
.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%;*/
	right:0;
	position:fixed;
top:0;
padding:0;
height:100%; /* works only if parent container is assigned a height value */
		
		/*border:solid 1px;
		 Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*  ----------bottom menu----------*/
#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............................................ */ 

/*................ 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 }  	
/*................ Rightbar 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;}


/*................ bottom_menu Start........................................ */ 
.bottom_menu {
width: 100%;
height: 30%;
float:left;
vertical-align:baseline;
margin-left:2%;
font-family: Archer-Bold-Pro; 
src: url('Archer-Bold-Pro.oet') format("truetype");
}
 .bottom_menu .left_side {width: 30px; height: 141px; float: left; background: url(../images/bg_content_bottom_home.png) no-repeat; }
 .left_side a{ width: 12px; height: 19px; background: url(../images/bg_left_arrow.png) no-repeat; float:left;  margin-top: 60px; margin-left: 8px;}
 .bottom_menu .right_side  {width: 30px; height: 141px; float: left; background: url(../images/bg_content_bottom_home.png) scroll 0 -283px;}
  .right_side a { width: 12px; height: 19px; background: url(../images/bg_right_arrow.png) no-repeat; float:left;   margin-top: 60px; margin-left: 12px;}   
 .bottom_menu .middle_side {width: 90%; height: 141px; float: left; background: url(../images/bg_content_bottom_home.png) scroll 0px; padding:0px; margin-left:auto; }
 .bottom_menu .middle_side li {width: 30.6%; height: 121px; padding:2% 1.4% 0% 1%; display: block; float: left; color: #898989; font-size: .9em}
.bottom_menu .middle_side li.preview {background: url(../images/blue.png) repeat-x right; margin-left:2px;}          
.bottom_menu .middle_side li.preview:hover { background: url(../images/bg_content_bottom_home_active.png) repeat-x }
.bottom_menu .middle_side li.preview a.cufon { height: 40px; margin-bottom: 20px; line-height: 18px; border-bottom: dotted 1px #000; color: #707070; font-size:1.3em; display: block }
.preview { cursor: pointer }
.preview p {margin-bottom: 20px; line-height: 15px}   
.last p {margin-bottom: 20px}   
label { cursor: text }
     .bottom_menu .middle_side li.preview1 {background: url(../images/green.png) repeat-x right; margin-left:2px;}          
.bottom_menu .middle_side li.preview1:hover { background: url(../images/bg_content_bottom_home_active.png) repeat-x }
.bottom_menu .middle_side li.preview1 a.cufon { height: 40px; margin-bottom: 20px; line-height: 18px; border-bottom: dotted 1px #000; color: #707070; font-size: 17px; display: block }
.preview1 { cursor: pointer }
.preview1 p {margin-bottom: 20px; line-height: 15px}   
 .bottom_menu .middle_side li.preview2 {background: url(../images/pink.png) repeat-x right; margin-left:2px;}          
.bottom_menu .middle_side li.preview2:hover { background: url(../images/bg_content_bottom_home_active.png) repeat-x }
.bottom_menu .middle_side li.preview2 a.cufon { height: 40px; margin-bottom: 20px; line-height: 18px; border-bottom: dotted 1px #000; color: #707070; font-size: 17px; display: block }
.preview2 { cursor: pointer }
.preview2 p {margin-bottom: 20px; line-height: 15px}                
   	.button_prev {position: absolute; width:47px; height: 48px; bottom: 200px;}
    .button_prev a.btn_prev {width: 47px; height: 48px; background: url(../images/bg_expand_left.png) no-repeat -138px 0; text-indent: -999999em; overflow: hidden; display: block}
    .button_prev a:hover.btn_prev{width:130px; background:url(../images/bg_expand_left.png) repeat-y scroll -5px 0}
    .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}
   .right_menu{position: absolute; right: 0px; top: 0px; width: 44px; height: 100%; background:url(../images/bg_right_menu.png) repeat-y}    
	
	.bottom_menu .middle_side li.preview:hover .more { background-position: 0 -14px }
	
	.bottom_menu .middle_side li.last { background: none }
.middle_side .more { position: absolute; margin-bottom: 12px } 
.more, .read-more { width: 14px; height: 14px; background: url(../images/bg_read_more.png) no-repeat; display: block }
.more:hover, .read-more:hover { background-position: 0 -14px }
/*................ bottom_menu End........................................ */ 	

	/* This is the transparent box */
#transbox {
height:auto;
width:930px;
padding-bottom:3px;
margin:auto;
}

/* This is the container which set text to solid color.
position: relative used for IE */	
#transbox div {
font-weight:normal;
position: relative;
float:left;
width:454px;
margin-left:10px;
text-align:justify;
border:solid red 0px;
}

.textdiv {
width:800px;
height:auto;
float:left;
padding:0% 7px 0% 7px  ;
color:#FFF;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
line-height:16px;
border:solid white 0px;

}
.bgdiv {
width: 454px;
height:auto;
float:left;
text-align:right;
border:solid red 1px;
 
}
div#scroll {
    width: 430px;
    height: 238px;
    overflow: hidden;
    padding: 4px;
    margin-bottom: 20px;
	margin-left:10px;
	margin-right:5px;
}	
#slideshow {
    position:relative;
    height:376px;
    float:right;
	padding: 0px;
	width: 454px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}		

.table1{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.table2{border: solid #fff 2px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:45px;}
.tr{ background-color:#090;}
.white{ background-color:#fff;}