* {
    margin: 0;
    padding: 0;
}

body,
html {
    height: 100%;
}

body {
    background: url(../images/body_bg.gif) repeat-x left top;
}

div#veri {
    position: absolute;
    top: 75%;
    left: 80%;
}

div#wrap-a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/wrap_a_bg.gif) repeat-x 0 50%;
}

img#wrap-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -243px;
    margin-top: -190px;
    z-index: 0;
}

div#wrap-b {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 486px;
    height: 322px;
    margin-left: -243px;
    margin-top: -190px; 
    z-index: 1;
}


#wrap-b img#mbi-logo {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -135px;
}
#wrap-b a#btn-edQ,
#wrap-b a#btn-mbi,
#wrap-b a#btn-ed,
#wrap-b a#btn-billpay,
#wrap-b a#btn-medpay,
#wrap-b a#btn-patinfo,
#wrap-b a#btn-info {
    position: absolute;
    top: 120px;
    left: 50%;
    height: 158px;
    width: 194px;
    text-indent: -999em;
    text-align: left;
    text-decoration: none;
    border: 1px solid #497AAE;
}


#wrap-b a#btn-mbi { 
    margin-right: -97px;
    background: url(../images/mbi.gif) no-repeat 0 0;
}

#wrap-b a#btn-mbi:hover {
    background: url(../images/mbi.gif) no-repeat 0 -158px;
}

#wrap-b a#btn-ed { 
    margin-left: -194px;
    background: url(../images/ed.gif) no-repeat 0 0;
    border-top: 1px solid #497AAE;
    border-left: 1px solid #497AAE;
    border-bottom: 1px solid #497AAE;
}

#wrap-b a#btn-ed:hover {
    background: url(../images/ed.gif) no-repeat 0 -158px;
}

#wrap-b a#btn-billpay {
	top: 120px;
	width: 389px;
	height: 43px;
	margin-left: -194px;
	background: url(../images/billpay.gif) no-repeat 0 0;
}

#wrap-b a#btn-billpay:hover {
    background: url(../images/billpay.gif) no-repeat 0 -43px;
}

#wrap-b a#btn-patinfo {
	top: 185px;
	width: 389px;
	height: 43px;
	margin-left: -194px;
	background: url(../images/info.gif) no-repeat 0 0;
}

#wrap-b a#btn-patinfo:hover {
    background: url(../images/info.gif) no-repeat 0 -43px;
}

#wrap-b a#btn-medpay {
    top: 250px;
    width: 389px;
    height: 43px;
    margin-left: -194px;
    background: url(../images/medpay.gif) no-repeat 0 0;
}

#wrap-b a#btn-medpay:hover {
    background: url(../images/medpay.gif) no-repeat 0 -43px;
}

#wrap-b a#btn-edQ {
    top: 315px;
    width: 389px;
    height: 43px;
    margin-left: -194px;
    background: url(../images/ED_Questions.gif) no-repeat 0 0;
}

#wrap-b a#btn-edQ:hover {
    background: url(../images/ED_Questions.gif) no-repeat 0 -43px;
}

#wrap-b a#btn-info {
    top: 310px;
    width: 389px;
    height: 43px;
    margin-left: -194px;
    background: url(../images/patserve.png) no-repeat 0 0;
}

#wrap-b a#btn-info:hover {
    background: url(../images/patserve.png) no-repeat 0 -43px;
}
