@charset "utf-8";
/* CSS Document */
/* SIMLPE CSS RESET */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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, button 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{color:#ff5400;}
a:hover{text-decoration:none}
body{color:#333333; background-color: #e5e5e5;}
/*- -*/

/* Global declarations */
.floatL{float:left}
.floatR{float:right}
.clear{clear:both}
.no-bg{background-image:none !important}
.no-mrg{margin:0 !important}
.no-brdr{border:none !important}
.no-pad{padding:0 !important}
.align-right{text-align:right}
.clearfix:after {content: ".";display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {	display: block;}
 * html .clearfix {	height: 1%;}
 
/* TYPOS */
.heading01{font-size:58px; color:#fff; font-family:Exo, arial; font-weight:800; text-transform:uppercase; }
.heading01 span{display:block; font-size:40px; font-weight:500}
.heading02, .heading04{font-size:18px; color:#11aad4; font-family:Exo, arial; font-weight:800; text-transform:uppercase; margin-bottom:16px;}
.heading04{color:#ff7e00; margin-bottom: 10px;}
.heading03{font-size:13px;font-family:Exo, arial; font-weight:800;}
.heading05{color:#058eb3; font-size:14px; font-weight:600; font-family:Exo, arial; }
.small{font-size:12px;}

body{background:#fff;font-family:'Open Sans', sans-serif;}
.mainWrapper{width:100%;}
.container{width:960px; margin:0 auto}

/* Header */
.top-header{background:#11aad4; box-shadow:0px 3px 3px RGBA(0,0,0,0.1); height:70px; border-top:solid 1px #0c90b4}
.brand-logo{margin:-14px 0 0 -5px;}
.home-header{position:absolute; top:37px; z-index:999; width:100%}

/* Navigation */
.top-navigation{padding:0; font-size:14px; font-family:Exo, arial; font-weight:500; line-height:normal; margin:-7px 0 0 0}
.top-navigation a{color:#fff; text-decoration:none; padding:10px 17px; display:block; }
.top-navigation a strong{font-weight:700;}
.top-navigation li{float:left; text-align:center; background:url(../images/nav-diver.gif) right center no-repeat; padding:0 3px 0 2px;}
.top-navigation li.faq{background:none}
.top-navigation li.faq a{padding:29px 17px;}
.top-navigation li a:hover, .top-navigation li.page-active a{background:url(../images/nav-over.gif) left top repeat-x; border-radius:4px 4px 0 0; moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;}

.home-banner{position:relative; background:#e2e3e3}
.inner-banner-bg{background:#097f9f; padding:37px 0 0 0; box-shadow:0px 3px 3px RGBA(0,0,0,0.1);}
.inner-banner .container{background:url(../images/inner-banner.gif) left 70px no-repeat; height:290px; }
.inner-bnr-title{background:url(../images/white-pattern.gif) left top repeat-x; float:left; margin:110px 0 0 0}
.inner-bnr-title-btm{background:url(../images/white-pattern.gif) left bottom repeat-x; padding:15px 20px}
.header-arw{position:relative; left:40px; bottom:-16px;}
.course-banner{padding:32px 0 0 0; box-shadow:0px 3px 3px RGBA(0,0,0,0.1);}
/* Banner Images */
.developer-banner-bg{background:#000000 url(../images/game-developer-banner.jpg) center top no-repeat; }
.designer-banner-bg{background:#4ca0f8  url(../images/game-designer-banner.jpg) center top no-repeat; }
.animation-banner-bg{background:#000000  url(../images/game-animation-banner.jpg) center top no-repeat; }
.tester-banner-bg{background:#000000  url(../images/game-tester-banner.jpg) center top no-repeat; }

.developer-banner-bg .inner-banner .container, .developer-slide .container{background:url(../images/developer-icon.png) 242px 51px no-repeat; }
.designer-banner-bg .inner-banner .container, .designer-slide .container{background:url(../images/designer-icon.png) 242px 51px no-repeat; }
.animation-banner-bg .inner-banner .container, .art-slide .container{background:url(../images/art-icon.png) 242px 40px no-repeat; }
.tester-banner-bg .inner-banner .container, .tester-slide .container{background:url(../images/tester-icon.png) 242px 51px no-repeat; }

.course-banner .inner-banner .container{height:297px; position:relative; }
.course-banner .course-no{padding:50px 0 0 0; color:#fff; font-size:28px; font-family:exo, arial; font-weight:500}
.course-banner .inner-bnr-title{margin-top:5px; line-height:45px; min-width:350px; text-shadow:2px 2px 2px RGBA(0,0,0,0.5)}
.course-banner .inner-bnr-title-btm{padding:15px 5px;}
.course-banner .col-rhs{top:44px;}
#slider {background:#000;}
#slider .container{margin-top:130px;}
#slider .more-btn{margin-top:15px;}

.body-content{padding:40px 0 0px 0; background:url(../images/body-bg.jpg) left top repeat}
.body-content .table{width:980px; margin-right:20px;}
.body-left-col{width:680px; font-size:13px; padding-bottom:150px; padding-right:24px;}
.large{width:100%; padding:0;}
.body-left-col p{margin-bottom:20px;}
.box-shadow{background:url(../images/shadow1.png) left bottom no-repeat; padding-bottom:18px; margin-bottom:20px;}
.article-box{background:#fff;}
.article-box2{background:#fff; width:100%}
.article-left, .article-right{width:50%; background: url(../images/pattern1.gif) left top repeat-x; min-height:435px;}
.article-right{background:#f2f2f2  url(../images/pattern1.gif) left top repeat-x; }
.article-content{padding:25px 30px 0 20px;}
.article-col-content{min-height:340px;}
.content-section{padding:40px;}
.testimonials li{background:url(../images/quote.gif) left top no-repeat; padding:0 10px 0 47px; margin-bottom:25px;}
.testimonials2 li{background:url(../images/quote1.gif) left top no-repeat; padding:0 10px 0 47px; margin-bottom:25px;}
.inner-testimonials li{background:url(../images/testi-quote.gif) center top no-repeat; padding:50px 0px 0 0px; margin-bottom:25px; text-align:center}
.author{color:#11aad4}

.home-course{background:url(../images/pattern1.gif) left top repeat-x #fff; padding:30px 30px 20px 20px; margin-top:2px;}
.h-course-left{width:205px; margin-right:40px; font-family:exo, arial;}
.h-course-right{width:380px;}
.h-course-no{font-size:24px; color:#ff7e00; font-weight:500}
.h-course-btm{background:url(../images/pattern3.gif) left bottom repeat-x; padding-bottom:10px;}
.h-course-title{background:url(../images/pattern3.gif) left top repeat-x; padding:20px 0 15px 5px; }
.h-course-title h2{font-size:32px; color:#11aad4; font-weight:800; line-height:25px;}
.h-course-title h2 span{display:block; font-size:21px; font-weight:700;}
.course-icon{margin:10px 10px -30px 0}
.more-btn{width:172px; height:44px; background:url(../images/more-btn.png) left top no-repeat; }
.more-btn:hover{background:url(../images/more-btn-o.png) left top no-repeat; }
.more-btn:hover a{color:#fff;}
.more-btn a{width:137px; height:24px; display:block; font-size:12px; color:#fff; text-decoration:none; text-align:center; padding:12px 0 10px 10px; font-family:Exo, arial; font-weight:700;}

.faq-title{background:url(../images/pattern4.gif) left center repeat-x; font-family:exo, arial; font-size:30px; font-weight:800; padding-left:20px;color:#11aad4}
.faq-title span{display:inline-block; padding:10px 10px; background:#e3e5e5}
.faq-section{margin:20px 0;}
.faq-section h4{ color:#ff7e00; font-weight:700; font-size:14px; font-family:exo, arial}
.faq-content{padding:10px;}

.course-promotion{background:url(../images/note-bg.png) left top repeat-x; padding:25px 45px 20px 120px; position:relative; margin-bottom:20px}
.info-icon{background:url(../images/info-icon.png) left top no-repeat; width:64px; height:86px; position:absolute; left:32px; top:-8px;}
.course-short-content{background:url(../images/circle-arw.gif) right center no-repeat; padding-right:150px; font-size:14px;}
.course-short-content h4{font-family:Exo, arial; font-weight:800; color:#000000; font-size:25px; margin-bottom:10px;}

/* Course Pages */
.simpleTabs{ padding:10px; }
.simpleTabsNavigation li { display:inline-block; width:32.99%; text-align:center}
.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:4px 20px 4px 20px; background:#fff; font-size:14px; text-decoration:none; font-family:exo, arial; font-weight:700; text-transform:uppercase; line-height:28px; color:#999999; display:block;}
.simpleTabsNavigation li a:hover { background-color:#F6F6F6; }
.simpleTabsNavigation li a.current { background:#fff; color:#11aad4; border-bottom:3px solid #fff; border-top:solid 2px #11aad4; border-right:solid 1px #11aad4; position:relative; z-index:999 }
.simpleTabsNavigation li.tab2 a.current{border-left:solid 1px #11aad4}
.simpleTabsNavigation li.tab3 a.current{border-left:solid 1px #11aad4; border-right:0}
.simpleTabsContent {border-top:1px solid #11aad4; margin-top:-1px; display:none; background: url(../images/shadow1.png) center bottom no-repeat;
margin-bottom: 20px; padding-bottom:18px; box-shadow:0px -5px 2px -5px  RGBA(0,0,0,0.2); position:relative}
.tab-content{padding:30px 30px 20px 30px; background:#fff;}
.simpleTabsContent.currentTab { display:block; }
.divider-blue{background:#ffffff url(../images/pattern2.gif) left top repeat-x; height:7px; margin:0px auto}
.dev-bg{/*background:url(../images/developer-content-bg.gif) right bottom no-repeat*/ #fff}
.list-style1, .list-style2{margin-bottom:20px}
.list-style1 li, .list-style2 li{margin:0 0 12px 5px; padding:2px 0 2px 15px;}
.list-style1 li{background:url(../images/dot1.gif) left 9px no-repeat;}
.list-style2 li{background:url(../images/dot2.gif) left 9px no-repeat;}

/* FAQ */ 
#vertical_container{margin-bottom:20px;}
.accordion_toggle {display: block;background: url(../images/faq-arw1.gif) no-repeat 7px 13px; padding:10px 10px 10px 25px; 	color: #097f9f; text-decoration: none; outline: none;font-size: 13px;border-bottom: 1px solid #d9e1e8;border-top:1px solid transparent;cursor: pointer;}
.accordion_toggle:hover{background: url(../images/faq-arw1.gif) no-repeat 7px 13px #ededed}	
.accordion_toggle_active {background: url(../images/faq-arw2.gif) no-repeat 7px 15px #f2f2f2; color: #097f9f;border-bottom:solid 1px transparent;			border-top: 1px solid #d9e1e8; font-weight:bold}
.accordion_content {background-color: #f2f2f2;color: #444444;overflow: hidden;border-bottom:2px solid #d9e1e8;margin-bottom:10px;}
.accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}
.accordion_content p {line-height: 150%;padding:0px 10px 20px 24px;	margin-bottom:0;}


/* Righr Column */
.body-right-col{background:#e9e9e9; width:276px;}
.body-rhs{ position:relative; }
.col-rhs{position:absolute; right:-44px; width: 347px; top:-277px; z-index:999}
.col-rhs.course-page{top:-293px;}
.col-rhs.home-page{top:-450px;}
.rhs-form-shadow{width:347px; background:url(../images/form-shadow.png) left top no-repeat; }
.form-btm{background:url(../images/form-btm.gif) center bottom no-repeat; width:280px; margin:0 auto; height:9px;}
.form-bg{background:#fff; border:solid 8px #ff7e00; border-bottom:none; padding:40px; width:184px; margin:0 auto}
.form-title{background:url(../images/form-title-bg.png) left top no-repeat; width:250px; height:76px; margin:-71px 0 0 -32px; text-align:center}
.form-title h3{font-size:18px; color:#fff; font-weight:700; text-shadow:1px 1px 2px RGBA(0,0,0,0.4); font-family:exo, arial; padding:6px 0 0 0 }
.form-fields{font-size:12px;}
.input-field{background:url(../images/input-bg.gif) left top repeat-x; border:solid 1px #999999; padding:5px; font-size:12px; color:#666666; width:174px;}
.input-small{width:54px; padding:0}
.form-fields p{margin-bottom:10px;  }
.form-fields ul{margin-bottom:15px;}
.options label{float:left; width:50%;}
.fieldset-content{margin:5px 0}
.fsFieldRow {margin-bottom:5px;}
.fieldset-content label{display:block; margin-bottom: 5px;}
div.fsError {background-color:#fee;	color:#000;	border:1px solid red;	padding:5px;
	clear:both;
	text-align:center;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px; margin:0 -30px;
}
.select{width:186px; padding:4px}
.ui-datepicker-trigger{position:relative; top:4px}
.fsValidationError{background-color: #FCC!important; margin:0 -40px 1px -40px; padding:5px 40px}
.fsValidationError .fsLabel{color: #BA0000;}
.submit-btn{width:227px; height:59px; background:url(../images/submit-btn.gif) left top no-repeat; margin:0 -20px;}
.submit-btn:hover{background:url(../images/submit-btn-o.gif) left top no-repeat; }
.submit-btn input{width:227px; height:59px; display:block; font-size:15px; color:#fff; text-decoration:none; text-align:center; background:url(../images/submit-icon.gif) 24px 19px no-repeat; padding:20px 0; font-family:Exo, arial; font-weight:700; border:0; cursor:pointer}
.contact-info{padding:10px 20px; margin:10px auto 100px auto; width:220px; font-size:12px;}
.contact-info h5{font-size:12px; font-weight:bold; margin-bottom:10px;}
.scrollup{width:40px;height:40px;text-indent:-9999px;opacity:0.3;position:fixed;bottom:10px;right:10px;display:none;background: url('../images/icon_top.png') no-repeat; z-index:9999}

/* Footer */
.footer-wrap{background:url(../images/footer.png) center top repeat-x; margin-top:-20px; position:relative}
.footer-wrap .container{position:relative}
.footer-left-img{position:absolute; top:-102px; left:-100px;}
.footer-right-img{position:absolute; top:-60px; right:-70px;}
.footer-mid-img{position:absolute; bottom:-20px; right:230px;}
.footer-links{padding:0 0 30px 280px;}
.footer-links a{color:#ffffff; font-size:13px; text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-links li{list-style:disc; color:#fff;}
.footer-links ul{float:left; margin:25px 65px 0 0;}

.copy-right{background:#fff; font-size:12px; color:#11aad4; padding:20px 0 50px 0}

.imagecredits{font-size:11px; color: #666;}