/*	
	Curved cutout Borders
	http://www.webreference.com/programming/css_borders/
*/

/*	
	+++++++++++++++++++++++++++++++++++++++++++++++++++
	 boxcontent
	+++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Inset 3D Raised */
.raised {background: transparent; width:96%; text-align:center;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b3 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b4b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b3b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised .b2b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#fff;}
.raised .boxcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}



/* Inset 3D Curved */
.inset {background: transparent; width:40%;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.inset .b3 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.inset .b4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.inset .b4b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.inset .b3b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.inset .b2b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#fff;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}




/* Curved cutout Borders*/
.curved {background: transparent; width:40%;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff;}
.curved p {padding-bottom:0.5em;}

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}


/* flared serif */
.serif {background: transparent; width:40%;}
.serif h1, .serif p {margin:0 10px;}
.serif h1 {font-size:2em; color:#fff;}
.serif p {padding-bottom:0.5em;}

.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%;}
.pillar h1, .pillar p {margin:0 10px;}
.pillar h1 {font-size:2em; color:#fff;}
.pillar p {padding-bottom:0.5em;}

.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/*	
	+++++++++++++++++++++++++++++++++++++++++++++++++++
	 boxcontent2
	+++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* inset2 3D raised2 */
.raised2 {background: transparent; width:96%; text-align:center;}
.raised2 h1, .raised2 p {margin:0 10px;}
.raised2 h1 {font-size:2em; color:#6B017D;}
.raised2 p {padding-bottom:0.5em;}

.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b4, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b, .raised2 .b4b {display:block; overflow:hidden; font-size:1px;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b {height:1px;}
.raised2 .b2 {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.raised2 .b3 {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.raised2 .b4 {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.raised2 .b4b {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.raised2 .b3b {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.raised2 .b2b {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}


.raised2 .b1 {margin:0 5px; background:#6B017D;}
.raised2 .b2, .raised2 .b2b {margin:0 3px; border-width:0 2px;}
.raised2 .b3, .raised2 .b3b {margin:0 2px;}
.raised2 .b4, .raised2 .b4b {height:2px; margin:0 1px;}
.raised2 .b1b {margin:0 5px; background:#6B017D;}
.raised2 .boxcontent2 {display:block;  background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}



/* inset2 3D curved2 */
.inset2 {background: transparent; width:40%;}
.inset2 h1, .inset2 p {margin:0 10px;}
.inset2 h1 {font-size:2em; color:#6B017D;}
.inset2 p {padding-bottom:0.5em;}

.inset2 .b1, .inset2 .b2, .inset2 .b3, .inset2 .b4, .inset2 .b1b, .inset2 .b2b, .inset2 .b3b, .inset2 .b4b {display:block; overflow:hidden; font-size:1px;}
.inset2 .b1, .inset2 .b2, .inset2 .b3, .inset2 .b1b, .inset2 .b2b, .inset2 .b3b {height:1px;}
.inset2 .b2 {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.inset2 .b3 {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.inset2 .b4 {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.inset2 .b4b {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.inset2 .b3b {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.inset2 .b2b {background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}


.inset2 .b1 {margin:0 5px; background:#6B017D;}
.inset2 .b2, .inset2 .b2b {margin:0 3px; border-width:0 2px;}
.inset2 .b3, .inset2 .b3b {margin:0 2px;}
.inset2 .b4, .inset2 .b4b {height:2px; margin:0 1px;}
.inset2 .b1b {margin:0 5px; background:#6B017D;}

.inset2 .boxcontent2 {display:block; background:#6B017D; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}




/* curved2 cutout Borders*/
.curved2 {background: transparent; width:40%;}
.curved2 h1, .curved2 p {margin:0 10px;}
.curved2 h1 {font-size:2em; color:#6B017D;}
.curved2 p {padding-bottom:0.5em;}

.curved2 .b1, .curved2 .b2, .curved2 .b3, .curved2 .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}
.curved2 .b2, .curved2 .b3, .curved2 .b4 {background:#e0cea3; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.curved2 .b1 {margin:0 4px; background:#6B017D;}
.curved2 .b2 {margin:0 4px; height:2px;}
.curved2 .b3 {margin:0 3px;}
.curved2 .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved2 .boxcontent2 {display:block; background:#e0cea3; border:0 solid #6B017D; border-width:0 1px;}


/* flared serif2 */
.serif2 {background: transparent; width:40%;}
.serif2 h1, .serif2 p {margin:0 10px;}
.serif2 h1 {font-size:2em; color:#6B017D;}
.serif2 p {padding-bottom:0.5em;}

.serif2 .b1, .serif2 .b2, .serif2 .b3, .serif2 .b4 {display:block; overflow:hidden; font-size:1px;}
.serif2 .b1, .serif2 .b2, .serif2 .b3 {height:1px;}
.serif2 .b2, .serif2 .b3 {background:#fc0; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.serif2 .b4 {background:#fc0; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}

.serif2 .b1 {margin:0; background:#6B017D;}
.serif2 .b2 {margin:0 1px; border-width:0 2px;}
.serif2 .b3 {margin:0 3px;}
.serif2 .b4 {height:2px; margin:0 4px;}

.serif2 .boxcontent2 {display:block;  background:#fc0; border-left:1px solid #6B017D; border-right:1px solid #6B017D; margin:0 5px;}

/* pillar2 type */
.pillar2 {background: transparent; width:40%;}
.pillar2 h1, .pillar2 p {margin:0 10px;}
.pillar2 h1 {font-size:2em; color:#6B017D;}
.pillar2 p {padding-bottom:0.5em;}

.pillar2 .b1, .pillar2 .b2, .pillar2 .b3, .pillar2 .b4 {display:block; overflow:hidden; font-size:1px;}
.pillar2 .b1, .pillar2 .b2, .pillar2 .b4 {height:1px;}
.pillar2 .b2, .pillar2 .b3 {background:#d66; border-left:1px solid #6B017D; border-right:1px solid #6B017D;}
.pillar2 .b4 {background:#d66; border-left:4px solid #6B017D; border-right:4px solid #6B017D;}

.pillar2 .b1 {margin:0 2px; background:#6B017D;}
.pillar2 .b2 {margin:0 1px; border-width:0 1px;}
.pillar2 .b3 {height:2px; margin:0;}
.pillar2 .b4 {margin:0 2px;}

.pillar2 .boxcontent2 {display:block; background:#d66; border-left:1px solid #6B017D; border-right:1px solid #6B017D; margin:0 5px;}



/*	
	+++++++++++++++++++++++++++++++++++++++++++++++++++
	 boxcontent3
	+++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* inset3 3D raised3 */
.raised3 {background: transparent; width:98%; text-align:center;}
.raised3 h1, .raised3 p {margin:0 10px;}
.raised3 h1 {font-size:2em; color:#EAF4FF;}
.raised3 p {padding-bottom:0.5em;}

.raised3 .b1, .raised3 .b2, .raised3 .b3, .raised3 .b4, .raised3 .b1b, .raised3 .b2b, .raised3 .b3b, .raised3 .b4b {display:block; overflow:hidden; font-size:1px;}
.raised3 .b1, .raised3 .b2, .raised3 .b3, .raised3 .b1b, .raised3 .b2b, .raised3 .b3b {height:1px;}
.raised3 .b2 {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.raised3 .b3 {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.raised3 .b4 {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.raised3 .b4b {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.raised3 .b3b {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.raised3 .b2b {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}


.raised3 .b1 {margin:0 5px; background:#EAF4FF;}
.raised3 .b2, .raised3 .b2b {margin:0 3px; border-width:0 2px;}
.raised3 .b3, .raised3 .b3b {margin:0 2px;}
.raised3 .b4, .raised3 .b4b {height:2px; margin:0 1px;}
.raised3 .b1b {margin:0 5px; background:#EAF4FF;}
.raised3 .boxcontent3 {display:block;  background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}



/* inset3 3D curved3 */
.inset3 {background: transparent; width:40%;}
.inset3 h1, .inset3 p {margin:0 10px;}
.inset3 h1 {font-size:2em; color:#EAF4FF;}
.inset3 p {padding-bottom:0.5em;}

.inset3 .b1, .inset3 .b2, .inset3 .b3, .inset3 .b4, .inset3 .b1b, .inset3 .b2b, .inset3 .b3b, .inset3 .b4b {display:block; overflow:hidden; font-size:1px;}
.inset3 .b1, .inset3 .b2, .inset3 .b3, .inset3 .b1b, .inset3 .b2b, .inset3 .b3b {height:1px;}
.inset3 .b2 {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.inset3 .b3 {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.inset3 .b4 {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.inset3 .b4b {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.inset3 .b3b {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.inset3 .b2b {background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}


.inset3 .b1 {margin:0 5px; background:#EAF4FF;}
.inset3 .b2, .inset3 .b2b {margin:0 3px; border-width:0 2px;}
.inset3 .b3, .inset3 .b3b {margin:0 2px;}
.inset3 .b4, .inset3 .b4b {height:2px; margin:0 1px;}
.inset3 .b1b {margin:0 5px; background:#EAF4FF;}

.inset3 .boxcontent3 {display:block; background:#EAF4FF; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}




/* curved3 cutout Borders*/
.curved3 {background: transparent; width:40%;}
.curved3 h1, .curved3 p {margin:0 10px;}
.curved3 h1 {font-size:2em; color:#EAF4FF;}
.curved3 p {padding-bottom:0.5em;}

.curved3 .b1, .curved3 .b2, .curved3 .b3, .curved3 .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}
.curved3 .b2, .curved3 .b3, .curved3 .b4 {background:#e0cea3; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.curved3 .b1 {margin:0 4px; background:#EAF4FF;}
.curved3 .b2 {margin:0 4px; height:2px;}
.curved3 .b3 {margin:0 3px;}
.curved3 .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved3 .boxcontent3 {display:block; background:#e0cea3; border:0 solid #EAF4FF; border-width:0 1px;}


/* flared serif3 */
.serif3 {background: transparent; width:40%;}
.serif3 h1, .serif3 p {margin:0 10px;}
.serif3 h1 {font-size:2em; color:#EAF4FF;}
.serif3 p {padding-bottom:0.5em;}

.serif3 .b1, .serif3 .b2, .serif3 .b3, .serif3 .b4 {display:block; overflow:hidden; font-size:1px;}
.serif3 .b1, .serif3 .b2, .serif3 .b3 {height:1px;}
.serif3 .b2, .serif3 .b3 {background:#fc0; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.serif3 .b4 {background:#fc0; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}

.serif3 .b1 {margin:0; background:#EAF4FF;}
.serif3 .b2 {margin:0 1px; border-width:0 2px;}
.serif3 .b3 {margin:0 3px;}
.serif3 .b4 {height:2px; margin:0 4px;}

.serif3 .boxcontent3 {display:block;  background:#fc0; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF; margin:0 5px;}

/* pillar3 type */
.pillar3 {background: transparent; width:40%;}
.pillar3 h1, .pillar3 p {margin:0 10px;}
.pillar3 h1 {font-size:2em; color:#EAF4FF;}
.pillar3 p {padding-bottom:0.5em;}

.pillar3 .b1, .pillar3 .b2, .pillar3 .b3, .pillar3 .b4 {display:block; overflow:hidden; font-size:1px;}
.pillar3 .b1, .pillar3 .b2, .pillar3 .b4 {height:1px;}
.pillar3 .b2, .pillar3 .b3 {background:#d66; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF;}
.pillar3 .b4 {background:#d66; border-left:4px solid #EAF4FF; border-right:4px solid #EAF4FF;}

.pillar3 .b1 {margin:0 2px; background:#EAF4FF;}
.pillar3 .b2 {margin:0 1px; border-width:0 1px;}
.pillar3 .b3 {height:2px; margin:0;}
.pillar3 .b4 {margin:0 2px;}

.pillar3 .boxcontent3 {display:block; background:#d66; border-left:1px solid #EAF4FF; border-right:1px solid #EAF4FF; margin:0 5px;}