/* CSS Document */

body{margin:0; padding:0; background:url(../images/bg.gif) left top repeat-x #5b6576; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e8e8e8 }
h2, h3, ol, ul, h5, form{margin:0; padding:0;}
ul{list-style:none}
h2, h3{border-bottom:solid 2px #f17918; padding-bottom:12px;}
h2{text-align:center}
h4{color:#f8a82a; font-size:18px; margin:10px 0}
h5{color:#FFF; font-size:18px;}
p{margin:10px 0 15px 0; padding:0;}
.clear{clear:both;}
a img{border:none}


.text-01{color:#f8a82a; font-size:11px;}
#mainWrapper{width:982px; margin:0 auto; background:url(../images/right-bg.gif) left top repeat-y;}
.header{width:982px; height:101px; background:url(../images/header-bg.gif) #5b6576 left bottom repeat-x;}
.logo{width:273px; height:91px; float:left; background:url(../images/logo-bg.gif) left top repeat-x; text-align:center; vertical-align:middle; padding-top:10px;}
h1{font-size:27px; color:#3f9990; text-align:center;  line-height:56px}
h1 a{color:#3f9990; text-decoration:none}

.navBar{float:right; padding-top:35px; width: 680px;}
#navigation a{color: #f8a82a;text-decoration: none;padding-left: 10px;line-height:28px;font-size:12px;font-weight:bold;}

#navigation a span{padding-right: 10px}

#navigation a, #navigation a span{display: block;float: left}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover, #navigation a.navActive
{
color: #f17918;
background: #515b6b url(../images/nav-left-hover.gif) left top no-repeat;
padding-left: 10px
}

#navigation a:hover span,  #navigation a.navActive span
{
background: url(../images/nav-right-hover.gif) right top no-repeat;
padding-right: 10px
}

#navigation{list-style: none;padding: 0;margin: 0}

#navigation li{float: left;margin: 0 5px;} 

.contentWrapper{width:982px;}
.content-left{width:703px; float:right;}
.product-box, .product-box-mid{width:216px; float:left; background:url(../images/box1-bg.gif) left top repeat-x #fb922d; border:solid 5px #f17918; }
.product-box-mid{margin:0 5px;}
.product-content{padding:14px 10px 0 10px; color:#fff;}
.plumberImg{background:url(../images/gp-img.gif) right bottom no-repeat; padding-bottom:145px;}

.course-box{background:url(../images/course-bg.gif) left top repeat-x #f17918; border:3px solid #f17918; padding:6px 17px 8px 0; margin:0 0 6px 0; color:#fff; width:325px; float:left }

.mg-r{margin-right:6px;}
.gp-img{background:url(../images/gameprogrammer-img.gif) right bottom no-repeat; padding:0 120px 0 10px; height:96px;}
.gd-img{background:url(../images/gamedesigner-img.gif) right bottom no-repeat; padding:0 120px 0 10px; height:96px;}
.qa-img{background:url(../images/qatester-img.gif) right bottom no-repeat; padding:0 120px 0 10px; height:96px;}
.aa-img{background:url(../images/animator-img.gif) right bottom no-repeat; padding:0 120px 0 10px; height:96px;}


.electImg{background:url(../images/gd-img.gif) right bottom no-repeat; padding-bottom:145px;}
.gasImg{background:url(../images/aa-img.gif) right bottom no-repeat; padding-bottom:145px;}
.knowMore-btn{width:88px; height:27px; background:url(../images/knowmore-btn.gif) left top no-repeat; font-size:11px; line-height:27px; font-weight:bold; padding-left:10px;}
.knowMore-btn a{color:#515b6b; text-decoration:none; }
.knowMore-btn a:hover{color:#fc560e}
.content-mid{margin:10px 0}
.content-midLeft{border-right:solid #6e7889 4px; padding:0 20px 20px 20px;}
.content-midLeft ul{margin:10px 0 0 25px; }
.content-midLeft ul li{list-style-type:disc}
.content-midRight{padding:0 20px 20px 20px;}


.content-right{float:left; width:272px; padding:20px 0 0 0}
.contact-title{background:url(../images/contact-title-bg.gif) left top no-repeat; padding:0 0 7px 17px; margin-left:-8px; height:43px; line-height:43px; }

.content-right label, .label-text{font-size:11px; color:#f8a82a; font-weight:bold; width:100px;  padding-top:5px}
.fsLabel{float:left;}
label.option{color:#e8e8e8; font-size:11px; font-weight:normal;}
.fsField{border:1px solid #a9d6d1;  padding:2px; }
textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.fsSubmit{padding:5px 15px;}
.fsError{padding:10px; color:red; background:#fff;}
#contactMe
{
	position:relative;
	z-index:999;
	
	
}
.steps{font-size:14px; color:#ffffff; width:705px; background-color:#51b0a6;}
.steps li{float:left; padding:10px 0 10px 70px; }
.steps li.step1{background:url(../images/step1.gif) left top no-repeat; width:94px; padding-top:25px; padding-bottom:25px; height:36px; padding-right:40px;}
.steps li.step2{background:url(../images/step2.gif) left top no-repeat; width:155px; margin-left:-35px; padding-left:105px;  padding-right:40px;  height:66px;}
.steps li.step3{background:url(../images/step3.gif) left top no-repeat; width:146px; margin-left:-35px; padding-left:105px; height:66px; padding-right:20px;}

.noBorder{border:none}

.getStart{margin:18px 0 0 5px;}
.getStart li{background:url(../images/arw-bg.gif) left top no-repeat; list-style:none; padding:3px 0 10px 12px; font-weight:bold; font-size:18px; color:#ffffff;}
.getStart li p{margin:-25px 0 0 42px; color:#e8e8e8; font-size:12px; background:none}
.clientName{color:#3f938a; font-size:11px;}

.divider-01{border-bottom:2px solid #ebe7db; margin:0px 0 10px 0; height:10px}

.footer{border-top:solid #6e7889 4px; font-size:11px; color:#f8a82a; padding:12px; }
.footer a{color:#f8a82a; text-decoration:none;}
.footer a:hover{color:#f17918}

.tiga{float:right; padding:10px 10px 10px 0;}

.question{color:#f8a82a; font-weight:bold; font-size:13px;}