@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900);

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

@font-face {

    font-family: 'zero_twosregular';

    src: url('font/zerotwos.eot');

    src: url('font/zerotwos.eot?#iefix') format('embedded-opentype'),

         url('font/zerotwos.woff') format('woff'),

         url('font/zerotwos.ttf') format('truetype'),

         url('font/zerotwos.svg#zero_twosregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

body{ margin:0; padding:0; background:#1f3f78}

.left{float:left}

.right{float:right}

.alignleft{ float:left; margin:0 10px 10px 0}

.alignright { float:right; margin:0 0 10px 10px}

.clear{clear:both}
#desktop{ display:block}
#mobile{display:none}
img.ttlpad{display:none}
h1{

	font-family: 'Orbitron',sans-serif;

    font-size: 24px;

    font-weight: 900;

	color:#292f76;

	text-transform:uppercase

	}

h2{

	font-family: 'Orbitron',sans-serif;

    font-size: 18px;

    font-weight: 900;

	color:#292f76;

	text-transform:uppercase

	}

p{

	font-family: 'PT Sans', sans-serif;

    font-size: 16px;

    font-weight: 400;

	color:#000;

	}



/*------------------------- HEADER ---------------------------- */



#header-bg{

	background:url(images/header.jpg) no-repeat #1f3f78 center;

	height:330px;

	position:relative

	}

#header{

	height: 330px;

    margin: 0 auto;

    position: relative;

    width: 1000px;

	}

#header .call{

	font-family: 'Orbitron',sans-serif;

    left: 500px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    top: 35px;

	}



#header .call span{

	font-family: 'Orbitron', sans-serif;

	font-size:13px;

	color:#1b2d63;

	font-weight:900;

	line-height:14px;

	}	

#header .call strong{

	font-family: 'Orbitron', sans-serif;

	font-size:17px;

	color:#1e73b4;

	font-weight:900;

	line-height:18px;

	}	

#header .followus{

	background:url(images/followus-bg.png);

	width:216px;

	height:40px;

	font-family: 'Orbitron', sans-serif;

	font-size:14px;

	color:#141e4f;

	font-weight:500;

	float:right;

	margin:10px 10px 0 0;

	padding:0px 0 0 20px

	}

#header .followus span{

	float:left;

	margin:10px 10px 0 0

	}

#header .followus img{

	float:left;

	margin:7px 3px 0 0;

	border:0

	}



/*------------------------- HEADER INTERIOR---------------------------- */



#header-int-bg{

	background:url(images/header-int.jpg) no-repeat #1f3f78 center;

	height:330px;

	position:relative

	}

#header{

	height: 330px;

    margin: 0 auto;

    position: relative;

    width: 1000px;

	}



/*---------------------- MENU -------------------- */

#menu {

	bottom: 50px;

    color: #000081;    

    font-size: 11px;

    font-weight: 900;

    height: 40px;

    margin: 0 auto;

    position: absolute;

    right: 0!important;

    text-transform: uppercase;

    z-index: 4;		

}

#menu-int {

	bottom:175px;

    color: #000081;    

    font-size: 11px;

    font-weight: 900;

    height: 40px;

    margin: 0 auto;

    position: absolute;

    right: 0;

    text-transform: uppercase;

    z-index: 4;		

}

#menu ul , #menu-int ul{

    float: left  ;

    list-style: none outside none;

    margin:0 0 0 20px!important;

    padding: 0;

	position:relative;

	z-index:2;

	font-family: 'Orbitron',sans-serif;

}

#menu li , #menu-int li{

   float: left;

    margin: 0 3px 0 0;

    width: 134px;

}

#menu li.current-menu-item a ,#menu-int li.current-menu-item a{

    color: #fff;

	background:url(images/menu-hover2.png)

}

#menu-int li.current-menu-item li a{

    color: #fff;

	background:none

}

#menu-int li li.current_page_item a{

    color: #fff;

	background:none

}

#menu a ,#menu-int a{

   	background: url("images/menu.png") no-repeat scroll 0 0 transparent;

    color: #000000;

    display: block;

    height: 42px;

    line-height: 13px;

    padding: 20px 30px 0;

    text-align: center;

    text-decoration: none;

}

#menu-item-52 a,#menu-item-44 a, #menu-item-401 a{

	background: url("images/menu.png") no-repeat scroll 0 0 transparent;

    color: #000000;

    display: block;

    height: 37px;

    line-height: 13px;

    padding: 25px 30px 0;

    text-align: center;

    text-decoration: none;

	}

#menu-item-63 a{

	background: url("images/menu.png") no-repeat scroll 0 0 transparent;

    color: #000000;

    display: block;

    height: 37px;

    line-height: 13px;

    padding: 25px 27px 0;

    text-align: center;

    text-decoration: none;

	font-size:10px

	}

#menu-item-63 ul li a{

	font-size:11px

	}

#menu ul ul , #menu-int ul ul{

    display: none;

    position: absolute;

  	margin: -10px 0 0!important;

    position: absolute;

    width: 132px;

    z-index: -5;

	background:#35302d;

	-webkit-border-bottom-right-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-bottomright: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	border:#6e6663 1px solid;

	font-family: 'zero_twosregular';

	font-weight:400

}

#menu ul ul li, #menu li#menu-item-52,#menu li#menu-item-44,#menu li#menu-item-63,#menu li#menu-item-401, #menu-int ul ul li{

   background: none;

   min-width: 133px;

}

#menu ul ul ul , #menu-int ul ul ul{

    left: 220%;

    top: 30px;

}

#menu ul ul li, #menu-int ul ul li {

	background: url(images/line-menu.png) bottom no-repeat;

	width: 110px;

	}

#menu ul ul li a , #menu-int ul ul li a{

    color: #D8E9F4;

    height: auto;

    line-height: 17px;

    padding: 7px 10px;

    width: 111px;

	background:none

}

#menu ul ul li:last-child, #menu-int ul ul li:last-child {

    background:none;



}



#menu li:hover > a , #menu-int li:hover > a {

    color: #fff;

	background:url(images/menu-hover2.png)

}



#menu ul ul *:hover > a , #menu-int ul ul *:hover > a{

    color: #fed700;

	background:none;

	

}



#menu ul li:hover > ul, #menu-int ul li:hover > ul{ 

    display: block;

}



/*------------------------- ROBOT ---------------------------- */

#robot {

	width:1000px;

	margin:0 auto;

	overflow:hidden;

	}

#robot-int {

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    top: -120px;

    width: 1015px;

}

#body-top{

	width:1000px;

	height:40px;

	margin:0 auto

	}

#content{

	width:990px;

	margin:0 auto;

	background:url(images/bg-body.jpg) repeat-y;

	overflow:hidden

	}

#content-home{

	width:990px;

	margin:-5px auto 0;

	background:url(images/bg-body.jpg) repeat-y;

	overflow:hidden;

	}



#interior-yellow .content-menu, #interior-blue .content-menu{

	border: 1px solid #000000;

    border-radius: 30px 30px 30px 30px;

    overflow: hidden;

    width: 879px;

	margin:0 0 30px 0;

}

#interior-yellow a,#interior-yellow ul li a, #interior-blue a,#interior-blue ul li a{

	text-decoration:none;

color:#292F76

}

#interior-yellow a:hover,#interior-yellow ul li a:hover,#interior-blue a:hover,#interior-blue ul li a:hover{

	text-decoration:underline;

color:#292F76;



}

#interior-yellow .content-menu ul, #interior-blue .content-menu ul {

	margin:0;

	background:url(images/cont-menu.jpg) repeat-y;

	padding:7px 20px;

	width:831px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	border:#588097 4px solid;

	overflow:hidden;

	text-align:center

}

#interior-yellow .content-menu ul li, #interior-blue .content-menu ul li{

	float:left;

	list-style:none;

	padding:0

}

#interior-yellow .content-menu ul li a, #interior-blue .content-menu ul li a{

	border-right: 1px solid #292F76;

    color: #292F76;

    font-family: "Arial Black",Helvetica,sans-serif;

    font-size: 13px;

    line-height: 18px;

    padding: 0 8px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

	display:block

}

#interior-yellow .content-menu ul li.current_page_item a ,#interior-blue .content-menu ul li.current_page_item a{

    color: #F00;

	text-decoration:underline

}

#interior-yellow ol{

clear:both;

margin:0;

padding:0}

#interior-yellow ol li{

 color: #000000;

    font-family: 'PT Sans',sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    list-style: decimal outside none;

    margin: 0 0 0 20px;

}

#our-school {

	width:206px;

	float:left;

	margin:0 15px 30PX 0

	

	}

#interior-yellow #our-school p{

	color: #000000;

    font-family: 'PT Sans',sans-serif;

    font-size: 14px;

    font-weight: 400;

	line-height:16px;

	margin:0;

	}

#interior-yellow #our-school h1{

	background: url("images/scroll.jpg") repeat-x scroll center center transparent;

    color: #000000;

    font-family: 'PT Sans',sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 16px;

    margin: 0;

    padding: 7px 0;

    text-align: center;

    width: 216px;

	}

#interior-yellow #our-school h2{

	color: #292F76;

    font-family: 'PT Sans',sans-serif;

    font-size: 14px;

    font-weight: 700;

	line-height:16px;

	margin:10px 0;

	}

#our-school .scroll{

	background: none repeat scroll 0 0 #CCCEFF;

    height: 300px;

    overflow: auto;

    padding: 0 8px;

    width: 200px;

	}





/*------------------------- SLIDER ---------------------------- */



#slider{

	background:url(images/slider-bg.png);

	width:945px;

	height:323px;

	margin:0 auto;

	position:relative

	}

#slider .left{

	float:left;

	margin:25px 0 0 25px;

	width:auto

	}

#slider .desc{

	width:490px;

	float:left;

	margin:20px 0 0 20px;

	}

#slider .desc h1{

	font-family: 'Orbitron',sans-serif;

    font-size: 24px;

    font-weight: 900;

	color:#292f76;

	margin:10px 0 20px 0;

	text-transform:uppercase

	}

#slider .desc p{

	font-family: 'PT Sans', sans-serif;

    font-size: 16px;

    font-weight: 400;

	color:#000;

	margin:0 0 20px 0;

	line-height:24px;

	}

#slider .btn-learn{

	bottom: -27px;

    height: 79px;

    left: 380px;

    margin: 0 auto;

    position: absolute;

    width: 240px;	

	z-index:9999;

	}

#meter{

	width:875px;

	margin:15px auto 20px auto;

	height:39px;

	}



/*------------------------- CTA ---------------------------- */



#cta{

	width:978px;

	overflow:hidden;

	margin:0 auto;

	}

#cta-col1{

	background:url(images/cta-bg.png) no-repeat;

	width:307px;

	height:225px;

	position:relative;

	margin:0 5px 0 18px;

	float:left

	}

#cta-col3{

	background:url(images/cta-bg.png) no-repeat;

	width:307px;

	height:225px;

	position:relative;

	margin:0 5px 0 5px;

	float:left

	}

#cta-col2{

	background:url(images/cta-bg.png) no-repeat;

	width:307px;

	height:225px;

	position:relative;

	margin:0 5px 0 5px;

	float:left

	}

#cta-col1 .img{

	margin:20px 0 0 10px;

	float:left

	}

#cta-col2 .img{

	margin:20px 0 0 20px;

	float:left

	}

#cta-col3 .img{

	margin:5px 10px 0 5px;

	float:left

	}

#cta-col1 .cta-desc{

	float: left;

    margin: 0 10px;

    width: 180px;

	}

#cta-col2 .cta-desc{

	float: left;

    margin: 0 5px 0 15px;

    width: 180px;

	}

#cta-col3 .cta-desc{

	float: left;

    margin: 0 5px 0 0px;

    width: 130px;

	}

#cta-col1 .cta-desc h2,#cta-col2 .cta-desc h2,#cta-col3 .cta-desc h2{

	color: #292F76;

    font-family: 'Orbitron',sans-serif;

    font-size: 18px;

    font-weight: 900;

    line-height: 18px;

    margin: 20px 0 10px;

	}

#cta-col1 .cta-desc p,#cta-col2 .cta-desc p{

	color: #000000;

    font-family: 'PT Sans',sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

    margin: 0;

	}

#cta-col3 .cta-desc p{

	color: #000000;

    font-family: 'PT Sans',sans-serif;

    font-size: 11px;

    font-weight: 400;

    line-height: 12px;

    margin: 0;

	}

#cta-col1 .btn-moreinfo,#cta-col2 .btn-moreinfo, #cta-col3 .btn-moreinfo {

    bottom: 0px;

    height: 56px;

    left: 50px;

    margin: 0 auto;

    position: absolute;

    width: 189px;

}



#lower-btn{

	margin:20px auto 0 auto;

	width:990px;

	padding:0 0 10px 0;

	height:85px;

	}

#lower-btn .lower-l{

	float:left;

	margin:0 0 0 93px;

	}

#lower-btn .smile{

	float:left;

	margin:0 0 0 166px;

	}

#lower-btn .lower-r{

	float:right;

	margin:0 93px 0 0;

	}



/*------------------------- FOOTER ---------------------------- */

#footer{

	background:url(images/footer.png) no-repeat;

	width:1015px;

	height:151px;

	margin:0 auto;

	}

#footer .footer{

	color: #000;

    float: left;

    font-family: 'Orbitron',sans-serif;

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    margin: 55px auto 0 265px;

    text-align: center;

    width: 485px;

	}

#footer .footer a{

	color: #000;

    font-family: 'Orbitron',sans-serif;

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    text-align: center;

	text-decoration:none

	}

#footer .footer a:hover{

	color: #292F76;

    font-family: 'Orbitron',sans-serif;

    font-size: 12px;

    font-weight: 400;


    text-align: center;

	text-decoration:none;
	

	}

#feet{

	width:1000px;

	margin:0 auto;

	height:126px;

	}

#feet .feet-l{

	float:left;

	margin:0 0 0 20px;

	}

#feet .feet-r{

	float:right;

	margin:0 20px 0 0px;

	}



/*------------------------- INTERIOR ---------------------------- */

#interior{

	background:#d8e9f4;

	width:935px;

	margin:0 auto;

	position:relative;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	padding:5px;

	}

#interior-yellow{

	background:url(images/yellow-bg.jpg) repeat-y top;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	border:4px solid #000;

	width:885px;

	margin:0 auto;

	padding:20px;

	overflow: hidden;

	}

#interior-blue{

	background:none repeat scroll 0 0 #253682;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	border:4px solid #000;

	width:885px;

	margin:0 auto;

	padding:20px;

	overflow: hidden;

	}

#interior-yellow h1{

	margin:0 0 15px 0;

	}

#interior-yellow p{

	margin:0 0 10px 0;

	line-height:20px

	}

#interior-yellow ul{

	clear:both;

	margin:0;

	padding:0;

	font-family: 'PT Sans', sans-serif;

    font-size: 16px;

    font-weight: 400;

	color:#000;

	}

#interior-yellow ul li{

	line-height: 20px;

    list-style: disc inside url("images/bullet.png");



    padding: 0 0 0 20px;

	}

	

.html5gallery-watermark{display:none !important;}

.html5gallery-car{display:none !important;}

.html5gallery-viral{display:none !important;}

.html5gallery-box{float: left !important; margin: 25px 0 0 25px !important; width: auto !important;}

.html5gallery{width:950px !important;}

.html5gallery-container {background:none !important; top:-10px !important; left:-5px !important;}

.html5gallery-title{left:380px !important; top:-50px !important; width:490px !important; margin: 20px 0 0 20px !important; height: 300px !important;}

.html5gallery-title ul li a {font-size:16px;font-weight:400;color:#000 !important;text-decoration:none;}

.html5gallery-title ul li a:hover {text-decoration:underline;}
.map{ float: right;
    width: 483px;}

#ipad{display:none}
.nopad{display:block}
img.pad{display:none}
img.nopad{display:block}

@media (max-width : 680px) {
	#desktop{ display:none!important}
	#mobile{display:block!important}
	#ipad{display:none}
	#header-bg{
	background:url(images/bgtop.jpg) no-repeat #1f3f78 top!important;
	height:auto!important;
	position:relative!important;
	background-size:100%!important

	}
	#header {
		width:auto!important;	
		height: auto!important;
	}
	#header .call {
      background: rgba(0, 0, 0, 0) url("images/callbg.png") no-repeat scroll 0 0 / 100% auto;
    float: right;
    font-family: "Orbitron",sans-serif;
    left: 0;
    margin: 10px 15px 0;
    padding: 2% 0 4% 15%!important;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 209px!important;
	height:50px!important;
	clear:both
}
	#header .followus {
    background: rgba(0, 0, 0, 0) url("images/followus-bg.png") repeat scroll 0 0;
    color: #141e4f;
    float: right;
    font-family: "Orbitron",sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    position: relative;
    right: 0;
    top: 5px;
    width: 216px;
}
#header .call span {
    color: #1b2d63;
    font-family: "Orbitron",sans-serif;
    font-size: 9px;
    font-weight: 900;
    line-height: 9px;
}
img.title{ height: auto;
    padding: 2%;
    width: 95%;}
#robot{ width:auto!important}

img.robottop{ width:100%!important; height:auto!important}
#content-home{
	width:100%;
	margin:-5px auto 0;
	background:url(images/robotbody-m.png) repeat-y;
	overflow:hidden;
	background-size: 100%;
	}
#slider{
	background:none;
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative

	}
.html5gallery {
    width: 100% !important;
	height:100%!important
}
.html5gallery-container {
    height: 100%!important;
    left: 0!important;
    position: relative;
    top: 0!important;
    width: auto !important;
	position:relative!important
}
.html5gallery-elem-1{
		position:relative!important;
		width:100%!important;
		
		}
.html5gallery-elem-img-1 {
    width: 100% !important;
	height: auto!important;
	
}
.html5gallery-elem-1 embed{
		position:relative!important;
		width:100%!important;
		
		}
.html5gallery-elem-1 img{
		position:relative!important;
		width:100%!important;
		height: auto!important;
		}
.html5gallery-elem-video-1 {
    width: 100% !important;
}
.html5gallery-elem-video-1 > embed {
    width: 100% !important;
}
.html5gallery-elem-video-1  > div {
    width: 100% !important;
}
.html5gallery-elem-video-0  > div {
    width: 100% !important;
}
.html5gallery-elem-video-1  > div video {
    width: 100% !important;
}
.html5gallery-elem-video-0  > div video {
    width: 100% !important;
}
.html5gallery-right-1{ right:0!important;left: auto!important;}
.html5gallery-box {
    display: block;
    height: auto !important;
    left: 0!important;
    position: relative!important;
    text-align: center;
    top: 0!important;
    width: 86%!important;
	float: none !important;
    margin: 0 !important;
    padding: 7%;
}
.html5gallery-title {
    display: block;
    height: auto!important;
    left: 0 !important;
    overflow: hidden;
    position: relative !important;
    top: 0 !important;
    width: auto !important;
	margin:0!important
}

#descMobile {
height: 100%;
    margin: 15px auto 20px;
    width: 80% !important;
}
#meter {
     height: 100%;
    margin: 15px auto 20px;
    overflow: hidden;
    width: 100% !important;
}
#meter img{ width:60%}
#meter .left {
    float: left;
    width: 43%;
	padding-left:7%
}
#meter .right {
    float: right;
    width: 43%;
	text-align: right;
	padding-right:7%
}

#cta {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#cta-col1 { float:none; margin:0 0 20px -153px; left:50%; position:relative}
#cta-col2{ float:none; margin:0 0 20px -153px; left:50%; position:relative}
#cta-col3{float:none; margin:0 0 20px -153px; left:50%; position:relative}
#lower-btn{ width:auto!important}

#lower-btn .lower-l {
    float: left;
    margin: 0 0 0 10%;
    width: 10%;
}
#lower-btn .lower-l img{ width:100%}


#lower-btn .smile {
    float: left;
    margin: 0 0 0 10%;
    width: 40%;
}
#lower-btn .smile img{width:100%}

#lower-btn .lower-r {
    float: right;
    margin: 0 10% 0 0;
    text-align: right;
    width: 10%;
}
#lower-btn .lower-r img{width:100%}
#footer{ width:auto!important; background:none}
#footer .footer{ width:100%!important; background:url(images/robotbot-m.png) bottom no-repeat; margin:0; background-size:100%; height:100%;line-height:16px; padding:}
#feet{ width:auto!important}
#feet .feet-l {
    float: left;
    margin: 0 0 0 10%;
    width: 25%;
}
#feet .feet-l img{ width:100%}
#feet .feet-r {
    float: right;
    margin: 0 10% 0 0;
    width: 25%;
}
#feet .feet-r img{width:100%}
#footer .footer .copy{
		background:url(images/copyrightbg.png) no-repeat center;
		background-size:100%;
		 height: 101px;
    	margin: 0 auto;
    	width: 279px;
		padding: 10px 5px 0;
}
#footer .footer a{ line-height:18px;}
#robot-int {

    top: 0;

    width: auto!important;

}

#body-top{

	width:auto!important;

	height:auto!important;

	margin:0 auto

	}
#content{
	width:100%;
	margin:-5px auto 0;
	background:url(images/robotbody-m.png) repeat-y;
	overflow:hidden;
	background-size: 100%;
	}
#interior{
	background:none;
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative

	}
#interior-yellow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 7% 0 5%;
    width: 88%;
}

#interior-yellow .content-menu, #interior-blue .content-menu {
   
    width: auto;
}

#interior-yellow .content-menu ul, #interior-blue .content-menu ul {
    padding: 2%;
    width: 94%;
}
#interior-yellow .content-menu ul li a, #interior-blue .content-menu ul li a {
   
    font-size: 13px;
    font-weight: 900;
    line-height: 24px;
    
}
#interior-yellow img {
    height: 100%;
    width: 100%;
}
.map{ float: right;
    width: auto;}
#interior-yellow .content-menu ul li a, #interior-blue .content-menu ul li a{display:inline}
#interior-yellow .content-menu ul li, #interior-blue .content-menu ul li{display:inline;float: none;}
}