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

.circle-switch{
width:518px; margin-left:14px;  background-color:#f5f6f0; height:360px; margin-top:5px; 
background-image:url(../images/circle-container-bg.jpg);

}

.circle-col-left{width:231px; float:left; padding-top:25px;}
.circle-col-right{width:280px; float:right;}

.circle-title{ text-transform:uppercase; padding-bottom:25px; color:#2e719e; background-image:url(../images/light-arrow.jpg);
background-repeat:no-repeat; margin-left:12px; text-indent:15px; background-position: 0px 3px;
}

.circle-intro{color:#33444f; margin-bottom:1em;}
.circle-body-text{color:#777; margin-bottom:1em;}

.quart{float:left;}

.quart-1{text-indent:-5000px; }
.quart-1 a{height:127px; width:145px; background-image:url(../images/circle/part-1-off.jpg); float:left; }
.quart-1 a:hover{height:127px; width:145px; background-image:url(../images/circle/part-1-on.jpg); float:left;}


.quart-2{text-indent:-5000px; }
.quart-2 a{height:127px; width:135px; background-image:url(../images/circle/part-2-off.jpg); float:right; }
.quart-2 a:hover{height:127px; width:135px; background-image:url(../images/circle/part-2-on.jpg); float:right; }

.quart-3{text-indent:-5000px;}
.quart-3 a{height:153px; width:145px; background-image:url(../images/circle/part-3-off.jpg); float:left;}
.quart-3 a:hover{height:153px; width:145px; background-image:url(../images/circle/part-3-on.jpg); float:left;}

.quart-4{text-indent:-5000px;}
.quart-4 a{height:153px; width:135px; background-image:url(../images/circle/part-4-off.jpg); float:right; }
.quart-4 a:hover{height:153px; width:135px; background-image:url(../images/circle/part-4-on.jpg); float:right; }