.corners {
  padding:0;
  margin:0;
  width:15px;
  height:15px;
  position:absolute;
}

.mid_bar {
  padding:0;
  height:15px;
  position:relative;
  margin:0 15px;
}

.nested_bar {
  position:relative;
}


.mid_bar .topL {
  background: transparent top left no-repeat;
  left:-15px;
}

.mid_bar .topR {
  background: transparent top right no-repeat;
  right:-15px;
}

.mid_bar .btmL {
  background: transparent bottom left no-repeat;
  left:-15px;
}

.mid_bar .btmR {
  background: transparent bottom right no-repeat;
  right:-15px;
}

.nested_bar .topL {
  background: transparent top left no-repeat;
  top:-4px;
  left:-4px;
}

.nested_bar .topR {
  background: transparent top right no-repeat;
  top:-4px;
  right:-4px;
}

.nested_bar .btmL {
  background: transparent bottom left no-repeat;
  bottom:-4px;
  left:-4px;
}

.nested_bar .btmR {
  background: transparent bottom right no-repeat;
  bottom:-4px;
  right:-4px;
}


/* =WHT INSIDE / WHT OUTSIDE
------------------------------------------------------*/
.whtIn {
  background-color: #ffffff;
  color:inherit;
}

.whtIn .topL {
  background-image: url(../images/corners/whtIn_topL.gif);
}

.whtIn .topR {
  background-image: url(../images/corners/whtIn_topR.gif);
}

.whtIn .btmL {
  background-image: url(../images/corners/whtIn_btmL.gif);
}

.whtIn .btmR {
  background-image: url(../images/corners/whtIn_btmR.gif);
}


/* =LT INSIDE / WHT OUTSIDE
------------------------------------------------------*/
.ltIn {
  background-color: #FFCE81;
  color:inherit;
}

.ltIn .topL {
  background-image: url(../images/corners/ltIn_topL.gif);
}

.ltIn .topR {
  background-image: url(../images/corners/ltIn_topR.gif);
}

.ltIn .btmL {
  background-image: url(../images/corners/ltIn_btmL.gif);
}

.ltIn .btmR {
  background-image: url(../images/corners/ltbluIn_btmR.gif);
}




/* =HEADER
------------------------------------------------------*/
.head_corners {
  background-color: #FFCE81;
  color:inherit;
}

.head_corners .topL {
  background-image: url(../images/corners/ltIn_topL.gif);
}

.head_corners .topR {
  background-image: url(../images/corners/ltIn_topR.gif);
}

.head_corners .btmL {
  background-image: url(../images/corners/ltIn_btmL.gif);
}

.head_corners .btmR {
  background-image: url(../images/corners/ltbluIn_btmR.gif);
}


/* =SERVICES
------------------------------------------------------*/
.services {
  color:inherit;
}

.closed_loc .services_hosting {
  background-color: #485867;
}

.closed_loc .services_webdesign {
  background-color: #674864;
}

.closed_loc .services_webapps {
  background-color: #486749;
}


/* hosting */
.services_hosting .topL {
  background-image: url(../images/corners/drkbluIn_topL.gif);
}

.services_hosting .topR {
  background-image: url(../images/corners/drkbluIn_topR.gif);
}

.services_hosting .btmL {
  background-image: url(../images/corners/ltbluIn_btmL.gif);
}

.services_hosting .btmR {
  background-image: url(../images/corners/ltbluIn_btmR.gif);
}

.closed_loc .services_hosting .btmL {
  background-image: url(../images/corners/drkbluIn_btmL.gif);
}

.closed_loc .services_hosting .btmR {
  background-image: url(../images/corners/drkbluIn_btmR.gif);
}



/* webdesign */
.services_webdesign .topL {
  background-image: url(../images/corners/drkRedIn_topL.gif);
}

.services_webdesign .topR {
  background-image: url(../images/corners/drkRedIn_topR.gif);
}

.services_webdesign .btmL {
  background-image: url(../images/corners/ltRedIn_btmL.gif);
}

.services_webdesign .btmR {
  background-image: url(../images/corners/ltRedIn_btmR.gif);
}

.closed_loc .services_webdesign .btmL {
  background-image: url(../images/corners/drkRedIn_btmL.gif);
}

.closed_loc .services_webdesign .btmR {
  background-image: url(../images/corners/drkRedIn_btmR.gif);
}





/* webapps */
.services_webapps .topL {
  background-image: url(../images/corners/drkGrnIn_topL.gif);
}

.services_webapps .topR {
  background-image: url(../images/corners/drkGrnIn_topR.gif);
}

.services_webapps .btmL {
  background-image: url(../images/corners/ltGrnIn_btmL.gif);
}

.services_webapps .btmR {
  background-image: url(../images/corners/ltGrnIn_btmR.gif);
}

.closed_loc .services_webapps .btmL {
  background-image: url(../images/corners/drkGrnIn_btmL.gif);
}

.closed_loc .services_webapps .btmR {
  background-image: url(../images/corners/drkGrnIn_btmR.gif);
}