/*
   Site design & kode by Businessprodesigns
		  www.businessprodesigns.com
*/

/*---------- CSS RESET -----------*/

html,body,div,ul,li,p,h1,h2,h3,span,form,input,select,label,text-area,a,img{ margin:0px; padding:0px;}
ul, li{ list-style-image:none; list-style-type:none;}
img a{border:none; outline:none;}
a{text-decoration:none;}

@font-face {
	font-family: 'Square721BTRoman';
	src: url('../fonts/square_721_bt-webfont.eot');
	src: local('Square721BTRoman'), url('../fonts/square_721_bt-webfont.woff') format('woff'), url('../fonts/square_721_bt-webfont.ttf') format('truetype'), 
	url('../fonts/square_721_bt-webfont.svg#webfontbxsg8851') format('svg');
	font-weight: normal;
	font-style: normal;
}

p{
	text-align:justify;
	}

/*---------- MAIN CSS -----------*/

body  {
 background:#000000 url(../images2/bg_back2.gif) left top repeat-x;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#000000;
 text-decoration:none;
 text-transform:none;
 font-style:normal;
 font-variant:normal;
 }
 
#outer_frame  {
 width:100%;
 margin:0px auto;
 padding:12px 0 0 0;
 background:url(../images2/bg_back_top.png) center top no-repeat;
 }
 
#inner_frame  {
 width:938px;
 margin:0px auto;
 padding:15px 0 0 0;
 overflow:hidden;
 background:url(../images2/header_bg.png) left top no-repeat;
 position:relative;
}

/*---*/

#inner_frame .flash_frame  {
  width:222px;
  height:589px;
  left:19px;
  top:165px;
  position:absolute;
  z-index:1;
  }
  
/*---*/

#inner_frame #main_nav_frame  {
 width:198px;
 position:absolute;
 left:21px;
 top:169px;
 background:url(../images2/nav_bg.png) 0 0 no-repeat;
 height:203px;
 z-index:2;
 padding:10px 0 0 12px;
 }
 

/*---------- CLASSES -----------*/

.clear  {
 font-size:0px; 
 line-height:0px; 
 clear:both;
 }
 
/*---------- HEADER -----------*/
 
#header  {
 width:938px;
 height:466px;
 padding:0 0 0 0;
 position:relative;
 }
 
#header .logo {
 width:153px;
 height:95px;
 top:30px;
 left:52px;
 position:absolute;
 }
 
#header .slogan {
 width:368px;
 height:62px;
 top:38px;
 left:258px;
 position:absolute;
 }
 
#header #header_content_frame  {
 width:200px;
 top:175px;
 left:285px;
 position:absolute;
 }
 
#header_content_frame ul  {
 width:200px;
 overflow:hidden;
 }
 
 #header_content_frame ul  li {
 width:200px;
 height:auto;
 margin:0 0 2px 0;
 }
 
#header_content_frame ul  li a {
 display:block;
 background:url(../images2/tea_icon.png) left 2px no-repeat;
 text-indent:40px;
 font:bold 13px/33px 'Square721BTRoman';
 color:#050607;
 text-transform:uppercase;
 }
 
#header_content_frame ul  li a:hover {
  text-decoration:underline;
  color:#4f731b;
 }
 
/*#header_content_frame h1 span  {
 color:#000000;
 }
 
#header_content_frame p {
 width:167px;
 font:normal 12px/16px Arial, Helvetica, sans-serif;
 color:#000000;
 margin:0 0 10px 0;
 padding:0 0 0 8px;
 display:block;
 text-align:justify;
 float:left;
 }
 
#header_content_frame .read_more  {
 width:167px;
 background:url(../images2/arrow.png) left 5px no-repeat;
 text-indent:12px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#023f61;
 margin-left:8px;
 float:left;
 }
 
#header_content_frame .read_more a  {
 color:#023f61;
 }
 
#header_content_frame .read_more a:hover  {
 text-decoration:underline;
 }*/
 
/*---------- BODY-FRAME -----------*/

#body_frame {
 width:898px;
 padding:0 20px 0 20px;
 background:url(../images2/frame_shadwo2.png) 1px 0 repeat-y;
 }
 
#body {
 width:898px;
 background:url(../images2/left_panel_bg.png) left top repeat-y;
 overflow:hidden;
 position:relative;
 }

#body .body_bottom_bg  {
 width:676px;
 height:99px;
 right:0px;
 bottom:0px;
 position:absolute;
 }
 
 
/*---------- LEFT-PANEL -----------*/ 

#left_panel  {
 width:222px;
 float:left;
 height:463px;
 padding:0 0 92px 0;
 position:relative;
 }
 
#left_panel #world_map  {
 width:218px;
 left:0;
 bottom:92px;
 z-index:2;
 position:absolute;
 background:url(../images2/map2.gif) 0 0 no-repeat;
 padding-top:97px;
 }
 
#world_map .click{
 width:218px;
 background:url(../images2/arrow2.PNG) 40px 6px no-repeat;
 text-indent:54px;
 font:normal 12px tahoma;
 color:#1f2c33;
 }
 
#world_map .click a{
 color:#1f2c33;
 }
 
#world_map .click a:hover{
 color:#000000;
 text-decoration:underline;
 }
 
/*---------- RIGHT-PANEL -----------*/ 

#right_panel  {
 width:630px;
 float:left;
 overflow:hidden;
 padding:0 0 99px 46px;
 }
 
#right_panel #left_frame  {
  width:267px;
  float:left;
  overflow:hidden;
  background:url(../images2/body_divider.png) right 60px no-repeat;
  }
  
/*---*/
   
#growth {
 float:left;
 margin:0 0 27px 0;
 width:215px;
 }
 
#growth .growth_img{
 float:left;
 margin:0 0 16px 0;
 width:190px;
 text-align:center;
 height:auto;
 }
 
#growth h2  {
 width:200px;
 background:url(../images2/logo_simbol.png) left 1px no-repeat;
 text-indent:19px;
 margin:0 0 12px 0;
 font:bold 13px 'Square721BTRoman';
 color:#4f731b;
 text-transform:uppercase;
 display:block;
 float:left;
 }
 
#growth h2 span  {
 color:#000000;
 }
 
#growth p {
 width:200px;
 font:normal 12px/18px Arial, Helvetica, sans-serif;
 color:#000000;
 margin:0 0 10px 0;
 padding:0 0 0 8px;
 display:block;
 float:left;
 text-align:justify;
 }
 
#growth .read_more2  {
 width:80px;
 background:url(../images2/arrow.png) left 5px no-repeat;
 text-indent:12px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#023f61;
 float:right;
 }
 
#growth .read_more2 a  {
 color:#4f731b;
 }
 
#growth .read_more2 a:hover  {
 text-decoration:underline;
 }
 
 
/*---*/
   
#projects {
 float:left;
 margin:0 0 27px 0;
 width:215px;
 }
 
#projects .projects_img{
 float:left;
 margin:0 0 16px 0;
 width:190px;
 text-align:center;
 height:auto;
 }
 
#projects h2  {
 width:200px;
 background:url(../images2/logo_simbol.png) left 1px no-repeat;
 text-indent:19px;
 margin:0 0 12px 0;
 font:bold 13px 'Square721BTRoman';
 color:#4f731b;
 text-transform:uppercase;
 display:block;
 float:left;
 }
 
#projects h2 span  {
 color:#000000;
 }
 
#projects p {
 width:180px;
 font:normal 12px/18px Arial, Helvetica, sans-serif;
 color:#000000;
 margin:0 0 25px 0;
 padding:0 0 0 8px;
 display:block;
 float:left;
 text-align:justify;
 }
 
#projects .read_more3  {
 width:80px;
 background:url(../images2/arrow.png) left 5px no-repeat;
 text-indent:12px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#023f61;
 float:right;
 }
 
#projects .read_more3 a  {
 color:#4f731b;
 }
 
#projects .read_more3 a:hover  {
 text-decoration:underline;
 }
 
 
/*----*/

#right_panel #right_frame  {
  width:267px;
  float:left;
  overflow:hidden;
  padding:0 0 0 66px;
  }
  
/*---*/
   
#prime_sectors {
 float:left;
 margin:0 0 27px 0;
 width:215px;
 }
 
#prime_sectors .prime_sectors_img{
 float:left;
 margin:0 0 16px 0;
 width:190px;
 text-align:center;
 height:auto;
 }
 
#prime_sectors h2  {
 width:200px;
 background:url(../images2/logo_simbol.png) left 1px no-repeat;
 text-indent:19px;
 margin:0 0 12px 0;
 font:bold 13px 'Square721BTRoman';
 color:#4f731b;
 text-transform:uppercase;
 display:block;
 float:left;
 }
 
#prime_sectors h2 span  {
 color:#000000;
 }
 
#prime_sectors p {
 width:200px;
 font:normal 12px/18px Arial, Helvetica, sans-serif;
 color:#000000;
 margin:0 0 14px 0;
 padding:0 0 0 8px;
 display:block;
 float:left;
 text-align:justify;
 }
 
#prime_sectors .read_more4  {
 width:70px;
 background:url(../images2/arrow.png) left 5px no-repeat;
 text-indent:12px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#023f61;
 float:right;
 }
 
#prime_sectors .read_more4 a  {
 color:#4f731b;
 }
 
#prime_sectors .read_more4 a:hover  {
 text-decoration:underline;
 }
 

/*---*/
   
#men_behind {
 float:left;
 margin:0 0 27px 0;
 width:215px;
 }
 
#men_behind .men_behind_img{
 float:left;
 margin:0 0 16px 0;
 width:190px;
 text-align:center;
 height:auto;
 }
 
#men_behind h2  {
 width:200px;
 background:url(../images2/logo_simbol.png) left 1px no-repeat;
 text-indent:19px;
 margin:0 0 12px 0;
 font:bold 13px 'Square721BTRoman';
 color:#4f731b;
 text-transform:uppercase;
 display:block;
 float:left;
 }
 
#men_behind h2 span  {
 color:#000000;
 }
 
#men_behind p {
 width:200px;
 font:normal 12px/18px Arial, Helvetica, sans-serif;
 color:#000000;
 margin:0 0 14px 0;
 padding:0 0 0 8px;
 display:block;
 float:left;
 text-align:justify;
 }
 
#men_behind .read_more5  {
 width:70px;
 background:url(../images2/arrow.png) left 5px no-repeat;
 text-indent:12px;
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#023f61;
 float:right;
 }
 
#men_behind .read_more5 a  {
 color:#4f731b;
 }
 
#men_behind .read_more5 a:hover  {
 text-decoration:underline;
 }
 
 
/*---------- FOOTER -----------*/ 

#footer_frame  {
 width:900px;
 background:#1b391f url(../images2/footer_bg.gif) left top no-repeat;
 overflow:hidden;
 padding:24px 0 24px 0;
 margin:0 0 0 19px;
 text-align:center;
 }
 
#footer_frame ul   {
 width:450px;
 margin:0px auto;
 overflow:hidden;
 display:block;
 }
 
#footer_frame ul li {
 width:auto;
 font:normal 10px tahoma;
 color:#ffffff;
 text-transform:uppercase;
 background:url(../images2/nav_line2.gif) right 2px no-repeat;
 padding:0 10px 0 9px;
 display:block;
 float:left;
 }
 
#footer_frame ul li a{
 color:#ffffff;
 }
 
#footer_frame ul li a:hover{
 color:#d0b870;
 }
 
/* ====================CTC Tea======================*/
.background_header ul 
{
margin: 0px; padding: 0px; background-color:#207526;  height: 24px; width:600px; 
}
.background_header ul li 
{
margin: 0px auto; padding: 0px 26px 0px 26px; float: left; list-style: none; color: #237428; font-weight: bold; line-height: 24px; border-left: 1px solid #fff;display:block;
}

.background_header ul li a
{
color: #fff; text-decoration: none;
}

.background_header ul li a:hover
{
color: #fff; text-decoration: underline;
}

/*Paragraph heading */
.pageheading
{
padding:15px 0 0px 0;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
color:#353536;
line-height: 28px;
}
/* End Paragraph  heading end*/

 /* ====================CTC Tea end======================*/
 
 /* ====================tea facts ======================*/ 
 .teafacts ul{
padding-top:0;
margin-top:0;
list-style:none;
}
.teafacts li{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:bold;
color:#cf2525;
line-height:18px;
background:url(../images/bullet_tealeaf.jpg) left 4px no-repeat;
padding:0 0 0 25px;
}
.teafacts li a{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:bold;
color:#333;
line-height:14px;
text-decoration:none;
outline:none;
}
.teafacts li a:hover{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:bold;
color:#cf2525;
line-height:14px;
text-decoration:none;
}

.query{
font-family:arial, Arial, Verdana;
font-size:12px;
font-weight:bold;
height:20px;
color:#FF0000;
}
.ans{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:normal;
color:#333333;
padding-left:5px;
line-height:18px;
}
 
 .tearecipes ul{
list-style-type:none;
padding-top:0;
margin-top:0;
}
.tearecipes li{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:bold;
color:#333;
line-height:18px;
background:url(../images/bullet_tealeaf.jpg) left 4px no-repeat;
padding:0 0 0 25px;
}
.tearecipes li a{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:bold;
color:#333;
line-height:18px;
text-decoration:none;
}
.tearecipes li a:hover{
font-family:arial, Verdana, Arial;
font-size:12px;
font-weight:bold;
color:#009933;
line-height:18px;
text-decoration:none;
}
 /* ====================tea facts end======================*/