.t {
	background-image: url(images/ugly/dot.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #FFF;
	height: 78px;
}
.b {background: url(images/ugly/dot.png) 0 100% repeat-x}
.l {background: url(images/ugly/dot.png) 0 0 repeat-y}
.r {background: url(images/ugly/dot.png) 100% 0 repeat-y}
.bl {
	background-image: url(images/ugly/bl_white.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 78px;
}
.br {
	background-image: url(images/ugly/br_white.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 78px;

}
.tl {
	background-image: url(images/ugly/lt_white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 78px;

}
.tr {
	padding:10px;
	background-image: url(images/ugly/rt_white.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 78px;

} 
/* contosnright
-----------------------------------------------------------------------------*/

#contosn .t {
	background-image: url(images/ugly/dot.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #FFF;
	height: 378px;
}
#contosn .b {background: url(images/ugly/dot.png) 0 100% repeat-x}
#contosn .l {background: url(images/ugly/dot.png) 0 0 repeat-y}
#contosn .r {background: url(images/ugly/dot.png) 100% 0 repeat-y}
#contosn .bl {
	background-image: url(images/ugly/bl_white.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 378px;
}
#contosn .br {
	background-image: url(images/ugly/br_white.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 378px;

}
#contosn .tl {
	background-image: url(images/ugly/lt_white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 378px;

}
#contosn .tr {
	padding:10px;
	background-image: url(images/ugly/rt_white.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 378px;

} 



/* continner
-----------------------------------------------------------------------------*/

#continner .t_c {
	background-image: url(images/ugly/dot.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #FFF;
}
#continner .b_c {background: url(images/ugly/dot.png) 0 100% repeat-x}
#continner .l_c {background: url(images/ugly/dot.png) 0 0 repeat-y}
#continner .r_c {background: url(images/ugly/dot.png) 100% 0 repeat-y}
#continner .bl_c {
	background-image: url(images/ugly/bl_white.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
#continner .br_c {
	background-image: url(images/ugly/br_white.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;

}
#continner .tl_c {
	background-image: url(images/ugly/lt_white.png);
	background-repeat: no-repeat;
	background-position: 0 0;

}
#continner .tr_c {
	padding:10px;
	background-image: url(images/ugly/rt_white.png);
	background-repeat: no-repeat;
	background-position: 100% 0;

} 

/* continner
-----------------------------------------------------------------------------*/



.t_g {
	background-image: url(images/ugly/grey/dot.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #eeeeee;
}
.b_g {background: url(images/ugly/grey/dot.png) 0 100% repeat-x}
.l_g {background: url(images/ugly/grey/dot.png) 0 0 repeat-y}
.r_g {background: url(images/ugly/grey/dot.png) 100% 0 repeat-y}
.bl_g {
	background-image: url(images/ugly/grey/bl.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.br_g {
	background-image: url(images/ugly/grey/br.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;

}
.tl_g {
	background-image: url(images/ugly/grey/tl.png);
	background-repeat: no-repeat;
	background-position: 0 0;

}
.tr_g {
	padding:10px;
	background-image: url(images/ugly/grey/tr.png);
	background-repeat: no-repeat;
	background-position: 100% 0;

}