/*
@font-face {
	font-family: 'Open Sans';
	src: url('../font-open-sans/OpenSans-Regular.ttf') format('truetype');	
}
*/
body, p, td { font-family: Verdana, sans-serif; font-size: 13px; color: #2A3F8B; }
p.light { font-family: Verdana, sans-serif; font-size: 13px; color: #fff100; }
p.large {font-size: 14px;}
h1,h2,h3,h4,h5{color:#000066;}

/* Navigation */
#header .navbar{height:100px;}
#header .navbar-nav > li > a {padding:5px;color:#000066;font-weight:bold;}
#header .navbar-nav > li.active::before{content:none;}
.navbar-collapse{background-color:#fff100!important;}
#header .header-text{font-size:11px;line-height:120%;}


/* Introduction */
#introduction li{padding-top:10px;color:#000066;}

/* Home */
#home {height:360px;margin-top:100px;}
#home .carousel-inner .item.item-1{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-1:hover{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-2{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-2:hover{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-3{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-3:hover{background-image:url(../../img/background/bg_main.jpg)}

/* Innovation Landscape */
#landscape{background:url(../../img/background/bg_section.jpg) repeat-x;}
div.shaded{background-color:#D0EBF5;padding:15px;background-image:url(../../img/background/zero_one.png);background-position:right bottom;background-repeat:no-repeat;}
div.shaded a{color:#000066;}
a[data-toggle="collapse"]{cursor:pointer;color:#000066!important;font-weight:bold;}
a[data-toggle="collapse"].upper{display:none;}
a[data-toggle="collapse"].collapsed{display:inline;}
ul {padding-left: 0px; list-style-position: inside;}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {color:#fff;}

/* Further Reading */
#furtherreading{background:url(../../img/background/bg_section.jpg) repeat-x;}
#furtherreading div{text-align:center;}
#furtherreading a{color:#000066;font-weight:bold;}
#furtherreading .call4action{background-color:#fff100; padding:10px;}

/* Video */
div[id*="player-container"] {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0!important;
}

#player-container-1_wrapper object,
#player-container-1_wrapper embed,
#player-container-2_wrapper object,
#player-container-2_wrapper embed,
#player-container-3_wrapper object,
#player-container-3_wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p.grey{color:#666;font-size:11px;}

/* Download */
#download{background:url(../../img/background/bg_section.jpg) repeat-x;}
#download .supertext{font-size:120px;font-weight:bold;color:#fff;}
#download div{text-align:center;}
#download img{display:block; margin:auto auto;}
#download .btn{font-family:Verdana;background-color:#B1BFE3;color:#000066;font-weight:bold;text-transform:none;}

/* Footer */
#footer{background:#fff;color:#000066;}

/*****************************************/
/***** Screen size specific styles *******/
/*****************************************/

@media only screen and (max-width:767px) {
	.nav-tabs.nav-justified > li > a { border-radius: 0px; padding:3px; text-align: left; color:#666; }
}

@media only screen and (min-width: 768px) {	
	.nav.navbar-nav.justified  { width:100%;}
	.nav.navbar-nav.justified  > li { float: none; display: table-cell; width:1%;}
	.nav.navbar-nav.justified > li > a { text-align: center; white-space:nowrap;}	
}


/** mobile **/
@media only screen and (max-width: 479px) {
/* fonts */
h1 { font-family: 'Kaushan Script', cursive; font-size: 24px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h2 { font-family: Verdana, sans-serif; font-size: 16px!important; color: #000066!important; font-weight: bold; text-transform: none!important; }
h3 { font-family: Verdana, sans-serif; font-size: 14px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h4 { font-family: Verdana, sans-serif; font-size: 12px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h5 { font-family: Verdana, sans-serif; font-size: 11px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h1.xlarge {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 24px!important;}
h2.xlarge{font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 16px!important;}
}

/** tablet and above **/
@media only screen and (min-width: 480px) {
/* fonts */
h1 { font-family: 'Kaushan Script', cursive; font-size: 30px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h2 { font-family: Verdana, sans-serif; font-size: 18px!important; color: #000066!important; font-weight: bold; text-transform: none!important; }
h3 { font-family: Verdana, sans-serif; font-size: 14px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h4 { font-family: Verdana, sans-serif; font-size: 12px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h5 { font-family: Verdana, sans-serif; font-size: 11px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h1.xlarge {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 30px!important;}
h2.xlarge{font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 18px!important;}
}

/** desktop and above **/
@media only screen and (min-width: 768px) {
h1 { font-family: 'Kaushan Script', cursive; font-size: 50px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h2 { font-family: Verdana, sans-serif; font-size: 20px!important; color: #000066!important; font-weight: bold; text-transform: none!important; }
h3 { font-family: Verdana, sans-serif; font-size: 16px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h1.xlarge {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 50px!important;}
h2.xlarge{font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 26px!important;}
}