/* CSS Document */

/**** columns.css *************************************************************************************************/
.columns, .shell-out, .shell-in, .content-wrap, .content, .side { position:relative; }
.columns { clear:both; float:left; width:100%; overflow:hidden; }

.shell-out, .shell-in { float:left; }
    .px .shell-out { width:200%; }
     .px .shell-in,
    .per .shell-out,
     .per .shell-in { width:100%; }
	.px .l { left:200px; }
	.px .r,
	.px .m,
	.px .b { margin-left:-200px; right:100%; }
     .px .m .l, .px .b .l { left:auto; }
     .px .m .r, .px .b .r { margin-left:0; right:auto; }
     .px .m .shell-in { margin-left:-50%; left:400px; }
     .px .b .shell-in { margin-left:-200px; }
    .per .l { right:75%; }
    .per .r,
	.per .m,
    .per .b,
    .per .b .shell-in { right:25%; }
    .per .m .shell-in { right:50%; }
     .per .m .l, .per .b .l,
     .per .m .r, .per .b .r { right:auto; }
.content-wrap { width:50%; padding:0 0 1em; float:left; }
	.px .l .content-wrap { float:right; right:200px; }
	.px .r .content-wrap { left:50%; }
	.px .m .content-wrap { right:200px; }
.content { overflow:hidden; }
    .per .content { float:left; padding:0 0 1em; overflow:hidden; }
	.px .r .content,
	.px .l .content { margin:0 15px 0 215px; }
	.px .l .content { right:100%; }
	.px .m .content { margin:0 215px; left:200%; }
	.px .b .content { margin:0 15px 0 415px; left:100%; }
    .per .l .content, .per .r .content { width:71%; }
     .per .l .content,
     .per .m .content { left:102%; }
     .per .r .content { left:27%; }
     .per .b .content { left:52%; }
    .per .m .content, .per .b .content { width:46%; }
.side {}
	.px .side { width:170px; }
    .per .side { float:left; padding:0 0 1em; overflow:hidden; }
    .per .side { width:21%; }
	.px .l .side { right:185px;left:auto; }
    .px .r .side { left:185px;right:auto; }
    .px .m .l { right:15px; }
    .px .m .r { margin-right:45px; left:50%; }
    .px .b .l { left:185px; }
    .px .b .r { left:555px; }
    .px .l .side, .px .m .side { float:left; }
    .px .r .side, .px .m .side, .px .b .side { float:right; }
    .per .l .side { left:6%; }
    .per .r .side { left:31%; }
    .per .m .l { left:31%; }
    .per .m .r { left:85%; }
    .per .b .l { left:56%; }
    .per .b .r { left:60%; }