@charset "utf-8";
/* CSS Document */

/*////////////logo begins here////////////*/
#logo
{margin:auto;
background-image:url(crossroads.png);
background-position:top;
background-repeat:no-repeat;
height:305px;
}
/*////////////logo end here////////////*/

body
{background-color:#333333;
width:100%;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*font-weight:bold;*/
color:#CCCCCC;
/*overflow-x:hidden;*/}

.container
{
margin:auto;
width:auto;
}


.layout
{width:900px;
height:733px;
position:relative;
top:25px;}


.blog{
background-image:url(images/bg-blog.png);
width:429px;
height:394px;
position:absolute;
top:0;
left:0;
}

.design{
background-image:url(images/bg-design.png);
width:422px;
height:394px;
position:absolute;
top:0;
right:0;
}

.comic{
background-image:url(images/bg-comic.png);
width:422px;
height:339px;
position:absolute;
bottom:0;
right:0;
}

.picle{
background-image:url(images/bg-picle.png);
width:429px;
height:339px;
position:absolute;
bottom:0;
left:0;
}

#center
{
position:absolute;
z-index:20;
width:394px;
height:397px;
top:195px;
left:253px;
}

.logo
{background-image:url(images/center-logo.png);
}

.logo p
{display:none;
visibility:hidden;}


.about
{background-image:url(images/center-about.png);
}

.about p
{display:block;
position:relative;
top:110px;
font-weight:bold;
line-height:16px;}

#abt-button
{z-index:30;
}

#close-button
{z-index:30;
}

.button
{position:absolute;
top:520px;
left:415px;
cursor:pointer;
}

.vis
{display:block;
visibility:visible;}

.invis
{display:none;
visibility:hidden;}

#about-me
{position:absolute;
z-index:30;
width:394px;
height:397px;
top:195px;
left:253px;
}

.footer { position:fixed;
bottom:0px;
width:100%;
height:38px;
background-image:url(http://22crossroads.in/footer.png);
padding-top:12px;
z-index:10;}

#top5
{position:absolute;
top:500px;
left:2000px;
}


/******* tab slide out************/

    
    .slide-out-div {
       padding: 20px;
        width: 250px;
        background: #f2f2f2;
        border: #29216d 2px solid;
    }
    


/********** tab slide out ends ************/