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

/* --------------------- MINI BORDER ---------------------------- */

				#contentmini {
					width: 155px;
				}
				
				.outerxmini{
					width:157px;
					margin-left:auto;
					margin-right:auto;
					background:#fff url(../border/mini_side.png) repeat-y left top;
					padding-left: 3px;
				}
				
				.innerxmini{
					background:#fff url(../border/mini_side.png) repeat-y right top;
					padding:0 1em 0 0;
				}
				/* mac hide \*/
				* html .innerxmini{
					height:1%
				}
				
				/* force "layout" in IE */
				.outerxmini p{
					padding:0 1px;
					margin:0 0 1em 0
				}
				
				.mainmini {
					width:160px;
					position:absolute;
					left: 8px;
					top: 42px;
				}


/* ---------------------- EXPANDABLE BORDER --------------------- */
#mycontent {
	margin-left: 180px;
	position: absolute;
	width: 798px;
	height: 490px;
	padding: 5px;
	float: left;
	top: 40px;
}

/* TOP */
#mycontent .tb {
	position: absolute;
	width: 745px;					/*change accordingly*/
	height: 32px;
}

/* BOTTOM */
#mycontent .bb {
	position: absolute;
	width: 778px;					/*change accordingly*/
	height: 15px;
}

/* SIDES */
#mycontent .lb, #mycontent .rb {
	position: absolute;
	width: 3px;					/*change accordingly*/
	height: 455px;
}



/* Top Bar */
#mycontent .tb {
	background-image:url(../border/blacktop/top.png);
	top: 1px;
	left: 32px;
	z-index:98;
}

/* Left Bar */
#mycontent .lb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	left: 0;
}

/* Right Bar */
#mycontent .rb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	right: 0;
}

/* Bottom Bar */
#mycontent .bb {
	background-image:url('../border/blacktop/bottom.png');
	left: 15px;
	bottom: 0;
}

#mycontent .trc, #mycontent .tlc {
	position: absolute;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	z-index: 102;
}

#mycontent .brc, #mycontent .blc {
	position: absolute;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

/* Top Right Corner */
#mycontent .trc {
	background-image:url('../border/blacktop/corner_top_right.png');
	top: 1px;
	right: 0;
}

/* Top Left Corner */
#mycontent .tlc {
	background-image:url('../border/blacktop/corner_top_left.png');
	top: 1px;
	left: 0;
}

/* Bottom Right Corner */
#mycontent .brc {
	background-image:url('../border/blacktop/corner_bottom_right.png');
	bottom: 0;
	right: 0;
}

/* Bottom Left Corner */
#mycontent .blc {
	background-image:url('../border/blacktop/corner_bottom_left.png');
	bottom: 0;
	left: 0;
}

#mycontent p {
	margin: 10px;
}


/* ---------------------- EXPANDABLE BORDER 2 --------------------- */
#mycontent2 {
	margin-left: 180px;
	position: absolute;
	width: 730px;
	height: 492px;
	padding: 5px;
	float: left;
	top: 40px;
}

/* TOP */
#mycontent2 .tb {
	position: absolute;
	width: 676px;					/*change accordingly*/
	height: 32px;
}

/* BOTTOM */
#mycontent2 .bb {
	position: absolute;
	width: 710px;					/*change accordingly*/
	height: 15px;
}

/* SIDES */
#mycontent2 .lb, #mycontent2 .rb {
	position: absolute;
	width: 3px;					/*change accordingly*/
	height: 455px;
}



/* Top Bar */
#mycontent2 .tb {
	background-image:url(../border/blacktop/top.png);
	top: 1px;
	left: 32px;
	z-index:98;
}

/* Left Bar */
#mycontent2 .lb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	left: 0;
}

/* Right Bar */
#mycontent2 .rb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	right: 0;
}

/* Bottom Bar */
#mycontent2 .bb {
	background-image:url('../border/blacktop/bottom.png');
	left: 15px;
	bottom: 0;
}

#mycontent2 .trc, #mycontent2 .tlc {
	position: absolute;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	z-index: 102;
}

#mycontent2 .brc, #mycontent2 .blc {
	position: absolute;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

/* Top Right Corner */
#mycontent2 .trc {
	background-image:url('../border/blacktop/corner_top_right.png');
	top: 1px;
	right: 0;
}

/* Top Left Corner */
#mycontent2 .tlc {
	background-image:url('../border/blacktop/corner_top_left.png');
	top: 1px;
	left: 0;
}

/* Bottom Right Corner */
#mycontent2 .brc {
	background-image:url('../border/blacktop/corner_bottom_right.png');
	bottom: 0;
	right: 0;
}

/* Bottom Left Corner */
#mycontent2 .blc {
	background-image:url('../border/blacktop/corner_bottom_left.png');
	bottom: 0;
	left: 0;
}

#mycontent2 p {
	margin: 10px;
}


/* ---------------------- EXPANDABLE BORDER 2 --------------------- */
#mycontent3 {
	margin-left: 180px;
	position: absolute;
	width: 730px;
	height: 492px;
	padding: 5px;
	float: left;
	top: 40px;
}

/* TOP */
#mycontent3 .tb {
	position: absolute;
	width: 676px;					/*change accordingly*/
	height: 32px;
}

/* BOTTOM */
#mycontent3 .bb {
	position: absolute;
	width: 710px;					/*change accordingly*/
	height: 15px;
}

/* SIDES */
#mycontent3 .lb, #mycontent3 .rb {
	position: absolute;
	width: 3px;					/*change accordingly*/
	height: 455px;
}

/* Top Bar */
#mycontent3 .tb {
	background-image:url(../border/blacktop/top.png);
	top: 1px;
	left: 32px;
	z-index:98;
}

/* Left Bar */
#mycontent3 .lb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	left: 0;
}

/* Right Bar */
#mycontent3 .rb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	right: 0;
}

/* Bottom Bar */
#mycontent3 .bb {
	background-image:url('../border/blacktop/bottom.png');
	left: 15px;
	bottom: 0;
}

#mycontent3 .trc, #mycontent3 .tlc {
	position: absolute;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	z-index: 102;
}

#mycontent3 .brc, #mycontent3 .blc {
	position: absolute;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

/* Top Right Corner */
#mycontent3 .trc {
	background-image:url('../border/blacktop/corner_top_right.png');
	top: 1px;
	right: 0;
}

/* Top Left Corner */
#mycontent3 .tlc {
	background-image:url('../border/blacktop/corner_top_left.png');
	top: 1px;
	left: 0;
}

/* Bottom Right Corner */
#mycontent3 .brc {
	background-image:url('../border/blacktop/corner_bottom_right.png');
	bottom: 0;
	right: 0;
}

/* Bottom Left Corner */
#mycontent3 .blc {
	background-image:url('../border/blacktop/corner_bottom_left.png');
	bottom: 0;
	left: 0;
}

#mycontent3 p {
	margin: 10px;
}


/* ---------------------- ADS --------------------- */
#ads {
	margin-left: 3px;
	position: absolute;
	width: 975px;
	height: 95px;
	padding: 5px;
	float: left;
	top: 550px;
}

/* TOP */
#ads .tb {
	position: absolute;
	width: 922px;					/*change accordingly*/
	height: 32px;
}

/* BOTTOM */
#ads .bb {
	position: absolute;
	width: 955px;					/*change accordingly*/
	height: 15px;
}

/* SIDES */
#ads .lb, #ads .rb {
	position: absolute;
	width: 3px;					/*change accordingly*/
	height: 58px;
}



/* Top Bar */
#ads .tb {
	background-image:url(../border/blacktop/top.png);
	top: 1px;
	left: 32px;
	z-index:98;
}

/* Left Bar */
#ads .lb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	left: 0;
}

/* Right Bar */
#ads .rb {
	background-image:url('../border/blacktop/mini_side.png');
	top: 32px;
	right: 0;
}

/* Bottom Bar */
#ads .bb {
	background-image:url('../border/blacktop/bottom.png');
	left: 15px;
	bottom: 0;
}

#ads .trc, #ads .tlc {
	position: absolute;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	z-index: 102;
}

#ads .brc, #ads .blc {
	position: absolute;
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
}

/* Top Right Corner */
#ads .trc {
	background-image:url('../border/blacktop/corner_top_right.png');
	top: 1px;
	right: 0;
}

/* Top Left Corner */
#ads .tlc {
	background-image:url('../border/blacktop/corner_top_left.png');
	top: 1px;
	left: 0;
}

/* Bottom Right Corner */
#ads .brc {
	background-image:url('../border/blacktop/corner_bottom_right.png');
	bottom: 0;
	right: 0;
}

/* Bottom Left Corner */
#ads .blc {
	background-image:url('../border/blacktop/corner_bottom_left.png');
	bottom: 0;
	left: 0;
}

#ads p {
	margin: 10px;
}