/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
ul, ol{ margin:0px; padding:0px;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.clear{ clear:both;}
img{ border:none;}
@font-face {
    font-family: 'FuturaCondensedMedium';
    src: url('../fonts/futura-condensedmedium-webfont.eot');
    src: url('../fonts/futura-condensedmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-condensedmedium-webfont.woff') format('woff'),
         url('../fonts/futura-condensedmedium-webfont.ttf') format('truetype'),
         url('../fonts/futura-condensedmedium-webfont.svg#FuturaCondensedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
				font-family: 'Helvetica';
				src: url('../fonts/hv.eot');
				src: url('../fonts/hv.eot?#iefix') format('embedded-opentype'),
					 url('../fonts/hv.woff') format('woff'),
					 url('../fonts/hv.ttf') format('truetype'),
					 url('../fonts/hv.svg#hv') format('svg');
				font-weight: normal;
				font-style: normal;
}


body{ margin:0px; padding:0px; background:url(../images/homepage-bg.jpg) repeat-x;}
.wrapper{ width:964px; margin:90px auto 0px auto;}
#homepage-wrapper{}
.logo{ text-align:center; width:100%;}
.home-top-img{ background:url(../images/home-wr-top.png) no-repeat; width:100%; height:49px;}
.home-center-img{background:url(../images/home-wr-center.png) repeat-y; padding:30px 0px;}
.home-bottem-img{ background:url(../images/home-wr-bottm.png) no-repeat; width:100%; height:68px;}




.button{ float:left; padding-right:20px;}
.buttons-main{ width:78%; margin:0px auto; padding-top: 50px;}
.button a{ font-family: 'FuturaCondensedMedium'; font-size:60px; color:#fff; background:#2e4e9e; width:340px; height:123px; display:block; text-align:center; vertical-align:middle; border:5px solid #fff;  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.30); text-decoration:none;
padding-top:47px;
}
.button a:hover{
	opacity: 0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}


/*footer style start here*/

footer{ padding-top:20px;}
.check-system{ width:30%; float:left; padding-top:6px;}
.check-system a{ font-size:15px; color:#0074b4; font-family: 'Helvetica'; font-size: 14px;}
.copyright-center{ width:40%; float:left; text-align:center; font-family: 'Helvetica';}
.footer-menu{ width:26%; float:right; padding-top:6px;}
.inner-footer .footer-menu{ width:19%; float:right;}
.footer-menu li{ list-style:none; float:left; font-family: 'Helvetica'; padding:0px 10px 0px 10px; border-left:1px solid #000; line-height:15px;}
.footer-menu li a{ color:#0074b4; font-size: 14px;}
.footer-menu li.list-child{ border-left:none;}
footer.wrapper{ margin:0px auto !important; padding-left: 50px;}
/*footer style end here*/

/*inner page style start here*/
.inner-top-img{ background:url(../images/inner-wr-top.png) no-repeat; width:100%; height:49px;}
.inner-center-img{background:url(../images/inner-wr-center.png) repeat-y; padding:0px 40px;}
.inner-bottem-img{ background:url(../images/inner-wr-bottm.png) no-repeat; width:100%; height:68px;}



#innerpage-wrapper{  margin-top:70px; width:1176px; margin-left:auto; margin-right:auto;}
header{ border-bottom:3px solid #cccccc;}
.logo{ text-align:center; width:100%;}
.inner-logo{ float:left; padding-left: 20px;}
.videos-arts{ display:inline-table; margin-top:52px; width:27%; padding:0% 3%;vertical-align: top;

 	*display: inline-block;
				*width:25%; 
				*padding:0% 4%;}
.videos-arts img{ border:2px solid #000;}

.videos-arts img{ box-shadow:0px 12px 14px #ccc; -webkit-box-shadow:0px 12px 14px #ccc; -moz-box-shadow:0px 12px 14px #ccc; margin-bottom:22px; display:block;}

.videos-arts a{ font-family: 'Helvetica'; font-size:13px; text-transform:uppercase; color:#0074b4;}

a.videos-img span {
    background: url("../images/play_btn.png") no-repeat;
    height: 65px;
    margin-left: 110px;
    margin-top: 70px;
    position: absolute;
    width: 65px;
    z-index: 100;
    background-color:   rgba(0, 0, 0, 0);
}

a:hover.videos-img span {
	background: url("../images/play_btn_OVER.png") no-repeat;
}


.downloadPDF {
	float:right;
	margin-top: -15px;
	margin-right:38px;
}

.videos-arts h2, .videos-arts h2 a{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:black; text-transform: none;}
.videos-arts p{font-family:Arial, Helvetica, sans-serif; margin:0px; font-size:14px;}
.printable-container{ width:92%; margin:0px auto; font-family:Arial, Helvetica, sans-serif; }
.container h1{ font-size:36px; font-family: 'FuturaCondensedMedium'; font-weight:bold; margin-bottom:10px;}
.container h3{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#2e4e9e; margin:20px 0px;}
.resource-text{ margin-left:20px; margin-bottom:20px;}
.printable-container .resource-text h4{ font-size:24px; margin:0px;}
.printable-container .resource-text p{font-size:14px; margin:0px; margin-left:20px; line-height: 20px; width:85%;}
.printable-container .resource-text h4 a{ text-decoration: none;  color: inherit; color:#000000;}
.printable-container .resource-text h4 a:hover{ text-decoration: underline;}

.videos-tab h3{
	margin-left: 35px;
	margin-top: 50px;
	margin-bottom: 20px;
	height:35px;
}

.firstRow {
	margin-top:0px;
}

#sortable{ position: absolute;
    right: 30px;
    top: -44px;}
.ui-tabs { padding: .2em; zoom: 1; position:relative;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
#sortable li a{font-family: 'FuturaCondensedMedium'; font-size:20px; color:#fff; background:url(../images/tabes-img.png) no-repeat -158px 0px; width:156px; text-align:center; padding:10px 0px;}
#sortable li.ui-state-active a{ background:url(../images/tabes-img.png) no-repeat 0px 0px;}
#sortable li a:hover{ background:url(../images/tabes-img.png) no-repeat 0px 0px;}

.inner-footer{ width:1140px; padding-left: 8px !important;}
.qtip-content{font-family: arial;
    font-size: 12px;
    }