@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
/* content block 1 */
#mcs_container{position:relative; width:436px; height:950px; padding:0 0px; border-bottom:0px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:400px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
#mcs_container .customScrollBox .content h2{padding:10px 5px 10px 15px; margin:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:20px;}
#mcs_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs_container .dragger_container{position:relative; width:0px; height:50%; float:left; margin:35px 0 0 25px; border-left:1px solid #CCC; border-right:1px solid #CCC; cursor:pointer}
#mcs_container .dragger{position:absolute; width:9px; height:60px; background: #666; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs_container .dragger_pressed{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
/* content block 3 */
#mcs3_container{position:relative; width:545px; height:950px; padding:0 0px; border-bottom:0px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs3_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs3_container .customScrollBox .container{
	position:relative;
	width:510px;
	top:0;
	float:left;
}
#mcs3_container .customScrollBox .content{clear:both;}
#mcs3_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
#mcs3_container .customScrollBox .content h2{padding:10px 5px 10px 15px; margin:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:20px;}
#mcs3_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs3_container .dragger_container{position:relative; width:0px; height:50%; float:left; margin:35px 0 0 25px; border-left:1px solid #CCC; border-right:1px solid #CCC; cursor:pointer}
#mcs3_container .dragger{position:absolute; width:9px; height:60px; background: #666; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs3_container .dragger_pressed{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
/* content block 4 */
#mcs4_container{position:relative; width:620px; height:950px; padding:0 0px; border-bottom:0px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{
	position:relative;
	width:590px;
	top:0;
	float:left;
}
#mcs4_container .customScrollBox .content{clear:both;}
#mcs4_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
#mcs4_container .customScrollBox .content h2{padding:10px 5px 10px 15px; margin:0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:20px;}
#mcs4_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs4_container .dragger_container{position:relative; width:0px; height:50%; float:left; margin:35px 0 0 25px; border-left:1px solid #CCC; border-right:1px solid #CCC; cursor:pointer}
#mcs4_container .dragger{position:absolute; width:9px; height:60px; background: #666; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs4_container .dragger_pressed{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}