@charset "utf-8";
/* CSS Document */
.red-box{
width:100%;
padding:6px 0px 6px 6px;
font-weight:bold;
margin-bottom: 5px;
background-color:#FDCBCA;
border-top:dotted 1px #E8514A;
border-bottom: dotted 1px #E8514A;
}
.green{
 background-color:#95ca78;
border-bottom:solid 1px #8AA000;
}

body{
/*background-color: #e5eff9;*/
background-color: #d3e1ea;
margin:0;
padding:0;
text-align:center;
}

.bodybgReplace
{
background-image:url(../images/bg-image.gif);
background-position:bottom left;
background-repeat:repeat-x;
min-height:930px;
width:100%;
/*position:absolute;
bottom:0px;
left:0px;*/
}
.maincontainer
{
width: 1004px;
margin-left: auto;
margin-right: auto;
}
/*----------------------------------------------------- Header CSS code Start from here-------------------------------------------*/
#header
{ 
width: 900px;
margin-left: 40px; 
position:relative;
}
.logo
{
background-image:url(../images/cobit-game-logo.png);
background-repeat:no-repeat;
width: 104px;
height:93px;
float:left;
}
.global-link{ float:right;  font-size:.7em; }

.global-link a{
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration:underline;
color:#3392ce;}

.global-link a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration:none;
color:#ae6b06;}

.read-more{ float:right;}
.read-more a{
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration:underline;
color:#3392ce;
}
.read-more a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration:none;
color:#ae6b06;}
/*----------------------------------------------------- Header CSS code Ends here-------------------------------------------*/


/*----------------------------------------------------- Main body Content CSS code Start from here-------------------------------------------*/
.main-content{
width: 100%; 
padding-top: 50px;
position:relative;
}
.bg-header{
background-image:url(../images/bg-top.png);
background-repeat:no-repeat;
height: 22px;
position:relative;
}

.bg-repeater{
background-image:url(../images/bg-repeater.png);
background-repeat:repeat-y;
min-height: 400px;
position:relative;
}

.bg-footer{
background-image:url(../images/bg-footer.png);
background-repeat:no-repeat;
height: 131px;
position:relative;
clear:both;
}

/*----------------------------------------------------- Main body Content CSS code Ends here-------------------------------------------*/
/*---------------------------------------------------------Middle Sectio code start from here------------------------------------------*/
.middle-container{
/*margin-left: 210px;*/  /*Insert margin-left: 10px;, width: 55% and float: left If want to show the Right side container*/
margin-left: 40px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
padding-top: 10px;
width: 680px;
height:224px;
float:left;
/*background-color:#33FF99;*/
}
.content-area{width: 100%; }

.left-contaienr
{
float:left;
width: 20%;
margin-left: 46px;
text-align:left;
display:block;
position:relative;
}

.left-contaienr .heading
{
background-image:url(../images/header-img.jpg);
background-repeat:no-repeat;
width: 210px;
height: 43px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
padding-top: 13px;
text-transform:uppercase;
text-indent: 36px;
}
.left-contaienr ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.left-contaienr li
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #434343;
font-style:normal;
font-size:11px;
line-height: 25px;
text-indent: 10px;
border-bottom: 1px #b8bec0 dotted;
}
.left-contaienr li a
{
text-decoration: none;
color: #434343;
display:block;
}

.left-contaienr li a:focus
{
outline:none;
display:block;
}

.left-contaienr li a:hover
{
text-decoration: none;
color: #789fcf;
/*background-color: #c9dcf3;
display:block;*/
}
.left-contaienr li a:hover span
{
text-decoration: none;
color: #789fcf;
}
.obi{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#434343;
text-decoration:none;
}
.left-contaienr .select a{ /*selected main tab style */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #789fcf;
line-height: 25px;
}

.right-contaienr
{
float:right;
margin-right: 50px;
width: 67%;
}
.breadcumbs 
{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#333366;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}
.breadcumbs ul li
{ 
list-style-type: none;
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#333366;
padding-top:10px;
padding-bottom:10px;
text-align:left;
display:inline;
}
.breadcumbs  ul li a 
{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #789fcf;
text-decoration: none;
}
.breadcumbs ul li a:hover
{ 
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #789fcf;
text-decoration: underline;
}
/*---------------------------------------------------------Middle Section code Ends here------------------------------------------*/
/*---------------------------------------------Right Section sub links Code Start from here--------------------------------------------*/
.right-menus{float: right; 
margin-right: 50px;
text-align:left;}

.right-menus .heading
{
background-image:url(../images/header-img.jpg);
background-repeat:no-repeat;
width: 210px;
height: 43px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color:#FFFFFF;
font-weight:bold;
font-style:normal;
padding-top: 13px;
text-transform:uppercase;
text-indent: 35px;
}
.right-menus ul{
list-style-type: none;
padding: 0;
margin: 0;
}
/*FireFox 2 */
/*.right-menus ul li:before, x:-moz-any-link {content:"\00BB\0020";}*/

.right-menus li
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #434343;
line-height: 25px;
text-indent: 10px;
font-style:normal;
font-size:11px;
border-bottom: 1px #b8bec0 dotted;
}
.right-menus li a
{
text-decoration: none;
color: #434343;
display:block;
}

.right-menus li a:focus
{
outline:none;
display:block;
}

.right-menus li a:hover
{
text-decoration: none;
color: #789fcf;
/*background-color: #c9dcf3;
display:block;*/
}
.right-menus li a:hover span
{
text-decoration: none;
color: #789fcf;
}
.obi{
font-size: 10px;
color:#434343;
}
.right-menus .select a{ /*selected main tab style */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #789fcf;
line-height: 25px;
}
/*---------------------------------------------Right Section sub links Ends here--------------------------------------------*/
.content{
/*padding-top: 5px;*/
padding-bottom: 25px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
font-style: normal;
text-decoration:none;
color:#434343;
}
#footer{
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
padding-top: 18px;
font-size: 11px;
color:#2e729a;
}
.banner-one{
float:left;
width: 30%;
background-image:url(../images/cobit-games.png);
background-repeat:no-repeat;
width: 307px;
height: 119px;
padding-top: 12em;
margin-top: 2em;
}
.banner-two{
float:right;
width: 70%;
background-image:url(../images/cobit-game-play.png);
background-repeat:no-repeat;
width: 307px;
height: 119px;
padding-top: 12em;
margin-top: 2em;
}
.normaltext{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration:none;
color:#434343;
/*color:#5d5d5d;*/
}
.itpreneurs-logo{
background-image:url(../images/itplogo.jpg);
background-repeat:no-repeat;
position:relative;
display:block;
/*margin-top: 300px;*/
width:165px;
margin-left: 30px;
height:87px;}

.sub-heading{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#ea9a39;
text-decoration: none;
text-align:left;
}
.sub-heading span{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#ea9a39;
text-decoration: none;
}
.card-heading{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ea9a39;
text-decoration: none;
text-align:left;
}

a
{
text-decoration: none;
color: #789fcf; 
}

a:focus
{
outline:none;
}

a:hover
{
text-decoration: none;
color: #5d5d5d;
}

.obi-link{
font-size: 10px;
color:#789fcf;
}
/*-------------------------------CSS Code start here to define the main tab using images --------------------------------------*/
.img-holder{
width: 453px;
text-align:left;
position: relative;
left: 255px;
top: -41px;
}
.img-holder ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.img-holder li{
padding: 0;
margin: 0;
display: inline;
}
li.home a{
background-image:url(../images/home.png);
background-repeat:no-repeat;
background-position: 0 0;
width: 122px;
height: 43px;
display:block;
text-indent: -999999px;
overflow: hidden;
position:absolute;
}
li.home a:hover {
background-position: 0 -65px;
}
li.home a:active {
background-position: 0 -65px;
}
li.home a:focus {
background-position: 0 -65px;
}
li.about a{
background-image:url(../images/about-us.png);
background-repeat:no-repeat;
background-position: 0 0;
width: 190px;
height: 43px;
display:block;
text-indent: -999998px;
overflow: hidden;
margin-left: 122px;
position:absolute;
}
li.about a:hover {
margin-left: 122px;
background-position: 0 -65px;
}
li.about a:active {
margin-left: 122px;
background-position: 0 -65px;
}
li.about a:focus {
margin-left: 122px;
background-position: 0 -65px;
}
li.play a{
background-image:url(../images/how-to-play.png);
background-repeat:no-repeat;
background-position: 0 0;
width: 141px;
height: 43px;
display:block;
text-indent: -999999px;
overflow: hidden;
margin-left: 312px;
position:absolute;
}
li.play a:hover {
background-position: 0 -65px;
margin-left: 312px;
}
li.play a:active {
background-position: 0 -65px;
margin-left: 312px;
}
li.play a:focus {
background-position: 0 -65px;
margin-left: 312px;
}
/*-------------------------------CSS Code start here to define the main tab using images --------------------------------------*/