body
{
	margin: 0 auto;
}
.wrapper
{
	width: 1000px;
	height: auto;
	display: table-cell;
	margin: 0 auto;
}
/**************************** Header Section Starts ***************************/
.header
{
	width: 1000px;
	height: 146px;
    background: url(../images/header.jpg);
    background-repeat: no-repeat;

}
.logo{float:left; padding:20px 0;}
.logo img{float:left;}
.logo .ttblog{float: left; text-align: left; font-family: tahoma; font-size: 24pt; color:#013a5e; margin-left: 5px;}
.rightblog{float: right; margin-right: 30px; margin-top: 21px; text-align: left; font-family: tahoma; font-size: 17pt; color: rgb(99, 99, 99);}
.rightlink{float: right; text-align: left; font-weight:600; font-family: tahoma; font-size: 8pt; padding-top:20px;}
.rightlink a{text-decoration:none; color:#585959; padding:0 5px; border-right:1px solid #585959;}
.rightlink a:hover{text-decoration:underline; color:#f72e00;}
/**************************** Second Section Ends *****************************/

/**************************** Menu Section Starts *****************************/
.menu
{
	width: 1000px;
	height: 44px;
    background: url(../images/menu.png);
    background-repeat: no-repeat;
}

.menu ul{width:90%; padding:0; margin:0px auto; list-style:none;}
.menu li{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #ffffff;
padding:12px 2px;
float: left;
font-stretch: condensed;
cursor: pointer;
border-right:1px solid #0470b7;
margin:2px 0;
}
.menu li a{text-decoration:none; color:#fff; padding:12px 10px 12px 10px;}
.menu li a:hover{text-decoration:none; color:#fff; background:url(../images/menu-hover.png) center top; padding:12px 10px 12px 10px;}

/**************************** Menu Section Ends *******************************/

/**************************** First Section Starts ****************************/
.first-section
{
  width: 1000px;
  height: 235px;
  border: solid 2px #ffffff;
}
.right-image
{
  width: 230px;
  height: 235px;
  float: right;
  background-image: url(../images/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.mid-image
{
  width:528px;
  height: 235px;
  float: right;
  background-image: url(../images/mid-image.gif);
  background-repeat: no-repeat;
}
.left-image
{
  width: 238px;
  height: 235px;
  float: left;
  background-image: url(../images/left-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}

/**************************** First Section Ends ******************************/

/**************************** Second Section Starts ***************************/

.second-section
{
  width: 675px;
  height: 139px;
  border-bottom: solid 1px #dbdbdb;
  float: right;
}
.pack-box3
{
  width: 230px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.pack-box2
{
  width: 221px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.pack-box1
{
  width: 221px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

/**************************** Second Section Ends *****************************/

/**************************** Third Section Starts ****************************/

.third-section
{
  width: 757px;
  float: right;
}
.down-box2
{
  width: 230px;
  height: 170px;
  float: right;
  background-image: url(../images/down-image2.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.down-box1
{
  width: auto;
  float: right;
  background-image: url(../images/down-image1.jpg);
  text-align: left;
}



/**************************** Third Section Ends ******************************/

/**************************** Left Section Starts *****************************/

.left-section
{
  width: 238px;
  height: 309px;
  float: left;
}
.left-box2
{
  width: 217px;
  height: 309px;
  float: right;
  background-image: url(../images/left-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.left-box1
{
  width: 21px;
  height: 309px;
  float: right;
  background-image: url(../images/left-image2.jpg);
  background-repeat: repeat-x;
}



/**************************** Left Section Ends *******************************/

/**************************** Footer Section Starts ***************************/
.footer
{
  float: right;
  width: 900px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  margin-top: 18px;
  clear: both;
  margin-bottom: 10px;
}
/**************************** Footer Section Ends *****************************/

/**************************** General Section Starts **************************/
.title1
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #00DEFF;
  margin-top: 10px;
  margin-left: 12px;
  border-bottom:1px solid #00DEFF;
  width:200px;
  padding-bottom:5px;
  
}
.title2
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: bold;
  color: #fff;
  padding-left:3px;
}
.title3
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #616161;
  margin-top: 10px;
  margin-left: 12px;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #FFFFFF;
  text-align: justify;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top:7px;
  border-bottom:1px solid #00DEFF;
  padding-bottom:10px;
}
.description2
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #5f789e;
  text-align: justify;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top:7px;
  border-bottom:1px solid #00DEFF;
  padding-bottom:10px;
}
.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width:auto;
  line-height: 18px;
  margin-left: 12px;
  margin-top:5px;
}

.date-text{
  font-family: Tahoma;
  font-size: 8pt;
  color: #fff;
  font-weight: bold;
  margin-left: 12px;
  margin-top: 2px;
  width:200px;
}
.date-text span{float:right;}

hr{
  background-color: #00deff;
  width: 200px;
  color: #00deff;
  border: solid 1px #00deff;

}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }



/**************************** General Section Ends ****************************/
/*************************************************** menu *****************************************/

#tutorials{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials li.menu a{font-size:11px !important; color:#fff; width:100%;}
#validation{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#validation li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#validation li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials2{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials2 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials2 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials3{visibility:hidden; width:278px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials3 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials3 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials4{visibility:hidden; width:140px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials4 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials4 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials5{visibility:hidden; width:176px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials5 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials5 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials6{visibility:hidden; width:199px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials6 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials6 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials7{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials7 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials7 li.menu a{font-size:11px !important; color:#fff; width:100%;}

#tutorials8{visibility:hidden; width:175px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials8 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials8 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials9{visibility:hidden; width:309px; background:#218bd2; z-index:500000; position:absolute; top:180px;}
#tutorials9 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials9 li.menu a{font-size:11px !important; color:#fff; width:100%;}
.menu ul li table{width:100%; margin:0;}
.menu ul li table td{margin:0; padding:0;}
.menu ul li ul{margin:0;}
.menu ul li ul li{background:#218bd2; margin:0; height:auto; padding:4px 3px 4px 5px; width:97%;}
.menu ul li ul li a{padding:0 0;}
.menu ul li ul li a:hover{background:none; padding:0 0;}
.menu ul li table li a{padding:0 0;}
.menu ul li table li a:hover{background:none; padding:0 0;}
.menu ul li table li{padding:4px 3px 4px 5px; background:#218bd2; margin:0; height:auto; width:97%;}