.summary{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
    height:150px;
    position:relative;
}
.summary1{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
    height:50px;
    position:relative;
}

.summary11{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:90%;
    height:15px;
    position:relative;
}
.summary12{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
    height:5px;
    position:relative;
    color:#FFFFFF;}

.nicebox{
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
    border:1px #c9c9cb solid;
    background:#bad5f1;
    color:#2c435a;
    float:right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
.niceboxchild1{
    position:absolute;
    left:0px;
    top:0px;
    width:24%;
    float:left;
}
.niceboxchild2{
    position:absolute;
    left:26%;
    top:0px;
    width:24%;
    float:left;
}
.niceboxchild3{
    position:absolute;
    left:52%;
    top:0px;
    width:24%;
    float:left;
}
.niceboxchild4{
    position:absolute;
    left:77%;
    top:0px;
    width:24%;
    float:left;
}

.sumbox{
    padding:0px 0px 0px 5px;
    margin:0px 0px 0px 0px;
    width:100%;
    border:1px #c9c9cb solid;
    background:#000;
    color:#FFF;
    float:right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
.sumboxx{
    padding:0px 0px 0px 5px;
    margin:0px 0px 0px 0px;
    width:100%;
    border:0px #c9c9cb solid;
    background:#bad5f1;
    color:#2c435a;
    float:right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.sumbox1{
    padding:0px 0px 0px 5px;
    margin:0px 0px 0px 0px;
    width:100%;
    border:2px #bad5f1 solid;
    background:#FFFFFF;
    color:white; 
    float:right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;

}

.brief1{
    position:absolute;
    left:0px;
    top:70px;
    width:23%;
    float:left;
}
.brief2{
    position:absolute;
    left:26%;
    top:70px;
    width:23%;
    float:right;
}
.brief3{
    position:absolute;
    left:524px;
    top:70px;
    width:23%;
}
.brief4{
    position:absolute;
    right:0%;
    top:70px;
    width: 22%
}
.brief4_1{
    position:absolute;
    right:21%;
    top:30px;
    width: 15%
}

.brief4_2{
    position:absolute;
    right:0%;
    top:30px;
    width: 20%
}
.brief4_21{
    position:absolute;
    right:0%;
    top:0px;
    width: 15%
}
.brief3_21{
    position:absolute;
    left:35%;
    top:0px;
    width: 15%;
    background:#2c435a;
    color:#FFFFFF;		
}
.brief3_22{
    position:absolute;
    right:26%;
    top:0px;
    width: 15%;
    background:#2c435a;
    color:#FFFFFF;
}

.link1{
    position:absolute;
    left:0px;
    top:0px;
    width:24%;
    float:left;
}
.link2{
    position:absolute;
    left:26%;
    top:0px;
    width:24%;
    float:left;
}
.link3{
    position:absolute;
    left:52%;
    top:0px;
    width:24%;
    float:left;
}
.circleBase {
    border-radius: 50%;
    /*   behavior: url(PIE.htc); *//* remove if you don't care about IE8 */
}

.type1 {
    position:relative;
    width: 220px;
    height: 220px;
    right: -70px;
    background: #337AB7;
    border: 10px solid #FFF;
}
.text1 {
    position:relative;
    margin-top:85px;
    font-size:16px;
    margin-left: 50px;
    width: 220px;
    height: 220px;
    /*    background: #bad5f1;
        border: 10px solid #2c435a;*/
}

.type2 {
    position:relative;
    margin-top:-220px;
    margin-left: 270px;
    width: 220px;
    height: 220px;
    background: #FFF;
    border: 5px solid #337AB7;
}
.text2 {
    position:relative;
    margin-top:85px;
    font-size:16px;
    color:#337AB7;
    margin-left: 50px;
    width: 220px;
    height: 220px;
    /*    background: #bad5f1;
        border: 10px solid #2c435a;*/
}
.text2:hover{

    color:#bad5f1;
}
.type3 {
    position:relative;
    margin-top:-230px;
    margin-left: 480px;
    width: 220px;
    height: 220px;
    background: #337AB7;
    border: 10px solid #FFF;
}
.text3 {
    position:relative;
    margin-top:85px;
    font-size:16px;
    /*	color:#FFFFFF;*/
    margin-left: 50px;
    width: 220px;
    height: 220px;
    /*    background: #bad5f1;
        border: 10px solid #2c435a;*/
}
.inbox{
    position:relative;
    right:90%;
    top:0%;
    width: 15%;
    width: 120px;
    height: 120px;
    background: url(../images/inbox_pic.png) no-repeat scroll transparent center top;

    /*	background:#2c435a;*/
    color:#000000;		
}
.inboxtext{
    position:relative;
    right:81%;
    top:50%;
    width: 15%;
    width: 40px;
    height: 20px;
    background:no-repeat scroll transparent center top;
    border: 1px dashed #e7e5e5;
    /*	background:#2c435a;*/
    color:#000000;		
}

.sent_mails{
    position:relative;
    right:28%;
    top:0%;
    width: 15%;
    width: 120px;
    height: 120px;
    background: url(../images/sent_mails.png) no-repeat scroll transparent center top;

    /*	background:#2c435a;*/
    color:#000000;		
}
.sent_mailstext{
    position:relative;
    right:18%;
    top:50%;
    width: 69px;
    height: 20px;
    background:no-repeat scroll transparent center top;
    border: 1px dashed #e7e5e5;
    /*	background:#2c435a;*/
    color:#000000;		
}

.compose_mails{
    position:relative;
    left:40%;
    top:0%;
    width: 15%;
    width: 120px;
    height: 120px;
    background: url(../images/write_mail.png) no-repeat scroll transparent center top;

    /*	background:#2c435a;*/
    color:#000000;		
}
.compose_mailstext{
    position:relative;
    left:51%;
    top:50%;
    width: 100px;
    height: 20px;
    background:no-repeat scroll transparent center top;
    border: 1px dashed #e7e5e5;
    /*	background:#2c435a;*/
    color:#000000;		
}