html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}

/* ---------------- common tags --------------------- */
h1, h2, h3, h4, h5, h6, strong {font-weight:bold;}
i, em { font-style:italic; }
.left {
	float:left;
}
a{
	text-decoration:none;
}
.right {
	float:right;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;	
}
.aligncenter{
	text-align:center;	
}
.clear  {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}

/* ---------------- layout tags --------------------- */
body{
	background:#f2f2f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.box{
	width:980px;
	margin:0 auto;
}

/* header */
#header{
	width:100%;
	background:url(../images/bg_header.png) repeat;
	height:89px;
	padding-top:26px;
	border-bottom:4px solid #8080d6;
}
#logo{
	width:242px;
	height:42px;
	padding-left:19px;
	float:left;
}

/* navigation */
#navigation{
	width:719px;
	float:left;
}
#navigation ul{
	float:right;
}
#navigation li{
	font-weight:bold;
	margin-left:15px;
	color:#bfbfff;
	float:left;
}
#navigation li span{
	display:block;
	padding:2px 0 0 10px;
}
#navigation li a{
	background:url(../images/sprite_navigation.png) no-repeat left 2px;
	padding-left:10px;
	color:#bfbfff;
}
#navigation li a:hover, #navigation li a.active{
	color:#fff;
	background-position:left -10px;
}

/* container */
#container{
	width:100%;
	border-bottom:4px solid #dedede;
}
#leftcol{
	width:280px;
	padding-top:35px;
	float:left;
}
.heading{
	color:#14196f;
	font-size:30px;
	padding-bottom:25px;
}
.heading span{
	display:block;
	font-size:33px;
}
.heading img.left{
	margin:-3px 14px 0 0;
}
.content h3{
	color:#5b5bcf;
	padding-bottom:8px;
}
.content li{
	border-bottom:1px solid #8080d6;
	font-weight:bold;
	line-height:14px;
	padding-bottom:8px;
	margin-bottom:12px;
}
.content li.last{
	border-bottom:none;
	margin-bottom:25px;
}
.content li p a, a.gotr{
	color:#5b5bcf;
}
.content li span{
	color:#5b5bcf;
}
.content li p a:hover, .col span.copyright a:hover, a.gotr:hover{
	color:#9999df;
}
.block{
	width:128px;
	float:left;
}
.block2{
	width:150px;
	float:left;
}
.block img, .block2 img{
	float:left;
	margin-right:3px;
}
.white-block{
	width:285px;
	background:url(../images/bg_wh_b.png) no-repeat right 20px #fff;
	padding:6px 0 20px 15px;
	margin-left:-20px;
}
.white-block img.right{
	margin:8px 6px 0 -45px;
}
.white-block h2{
	font-size:36px;
	color:#14196f;
}
.white-block h2 span{
	display:block;
	font-size:27px;
}
.white-block h3{
	font-size:16px;
	padding-bottom:5px;
}
.white-block p{
	padding:0 70px 15px 0;
	line-height:15px;
}
.white-block span.blue{
	display:block;
	line-height:29px;
	color:#5b5bcf;
	font-weight:bold;
}
.white-block a.button2{
	background:url(../images/bg_button2.png) no-repeat;
	width:116px;
	height:29px;
	display:block;
	margin-left:-25px;
	float:right;
}
#rightcol{
	width:640px;
	padding:23px 0 0 60px;
	float:left;
}

/* showcase */
#showcase{
	width:100%;
	padding-bottom:60px;
	position:relative;
}
#showcase-left{
	width:253px;
	margin-right:-10px;
	padding:15px 0 0 0;
	float:left;
}
#showcase-left h3{
	font-size:67px;
	color:#14196f;
	line-height:45px;
}
#showcase-left h3 span{
	display:block;
	font-size:43px;
}
#showcase-left h4{
	font-size:28px;
}
#showcase-left h5{
	font-size:32px;
	color:#8080d6;
	padding-bottom:40px;
}
#showcase-left h5 span{
	display:block;
	font-size:20px;
}
#showcase-right{
	width:385px;
	float:left;
}
.arrow-left a{
	background:url(../images/bg_arrow_left.png) no-repeat left top;
	width:39px;
	height:38px;
	position:absolute;
	top:122px;
	left:-46px;
}
.arrow-left a:hover, .arrow-right a:hover{
	background-position:left bottom;
}
ul.pagination{
	width:80px;
	margin-left:282px;
	text-align:center;
	position:absolute;
	bottom:40px;
}
ul.pagination li{
	width:9px;
	height:10px;
	float:left;
	padding:0 3px;
}
ul.pagination li a{
	width:9px;
	height:10px;
	background:url(../images/sprite_pagination.png) no-repeat left top;
	display:block;
}
ul.pagination li a:hover, ul.pagination li a.active{
	background-position:left bottom;
}
.arrow-right a{
	background:url(../images/bg_arrow_right.png) no-repeat left top;
	width:39px;
	height:38px;
	position:absolute;
	top:122px;
	right:-35px;
}
.comment-block{
	width:100%;
	margin: 10px 0 0 -30px;
}
.comment-block h3{
	line-height:25px;
	font-size:24px;
	color:#14196f;
}
.comment-block h3 img.left{
	margin-right:10px;
}
.comment-block p{
	line-height:14px;
	text-align:justify;
	padding-top: 15px;
	text-indent: 15px;
}
.comment-block p.pad{
	padding:10px 0 15px 0;
}
a.more{
	background:url(../images/ico_more.png) no-repeat left center;
	width:170px;
	float:right;
	color:#5b5bcf;
	padding-left:15px;
	margin-top:6px;
	text-align:right;
}
a.more:hover{
	color:#8787b0;
}
.main{
	width:100%;
	border-top:1px solid #8080d6;
	margin-top:14px;
	padding-top:28px;
}
.column-left{
	width:210px;
	float:left;
}
.column-left h3{
	font-size:24px;
	color:#14196f;
	padding-bottom:5px;
}
.column-left a.more{
	width:195px;
	margin-left:15px;
	margin-top:0px;
}
.partner-logo{
	width:770px;
	padding-bottom:25px;
	float:left;
}
.partner-logo ul{
	float:right;
}
.partner-logo li{
	background:url(../images/divider_partner_logo.png) no-repeat left 4px;
	padding-left:10px;
	margin-left:10px;
	float:left;
}
.partner-logo li.first, .partner-logo li:first-child{
	background:none;
}

/* footer */
#footer{
	width:100%;
	background:url(../images/bg_footer.png) repeat;
	min-height:148px;
}
#footer-left{
	width:340px;
	padding-top:19px;
	float:left;
}
#footer-left li{
	float:left;
	margin-right:20px;
}
#footer-right{
	width:640px;
	padding-top:15px;
	float:left;
}
.col{
	width:340px;
	color:#666;
	float:left;
}
.col span.copyright{
	line-height:14px;
	padding-bottom:10px;
	display:inline-block;
}
.col span.copyright a{
	display:block;
	color:#666;
}
.col address span{
	display:block;
	line-height:14px;
}
.col address{
	padding-bottom:15px;
}
.col address span a.link{
	text-decoration:underline;
	color:#666;
}
.col address span a.link:hover, .list-block li a:hover{
	text-decoration:none;
	color:#9999df;
}
.list-block{
	width:145px;
	float:left;
}
.list-block.last{
	width:152px;
}
.list-block li{
	padding-bottom:5px;
}
.list-block li a{
	color:#666;
	text-decoration:underline;
}


/* My CSS */

/* Pager for slider */
.pager
{
	text-align:center;
	position: absolute;
	left:0px;
	bottom:40px;
	margin:0 280px;
}
.pager a
{
	display:block;
	height:10px;
	width:10px;
	float:left;
	font-size:1px;
	text-indent:-9999px;
	margin:0px 3px 0px 2px;
	background:url(../images/sprite_pagination.png) no-repeat left top;
}

.pager a:hover, .pager a.activeSlide
{
	background:url(../images/sprite_pagination.png) no-repeat left bottom;
}