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

    body{
           	margin:30px;
            background:#999;
    }
	
	.wrapper{
			width:1000px;
			margin:0 auto;
			position:relative;
			background:#eee;
			-moz-box-shadow:0 0 10px #222222;
			-khtml-box-shadow:0 0 10px #222222;
			-webkit-box-shadow:0 0 10px #222222;
			box-shadow:0 0 10px #222222;
	}

	#box{
			position:relative;
			width:950px;
			height:650px;
            margin:0 auto;
			background:rgba(245,245,245,1);
			-moz-border-radius:0px;
			border-radius:0px;			  
			color:rgba(0,0,0, .8);
			text-shadow:0 1px 0 rgba(0,0,0,0);
			line-height:1.5;
			  
	}

	#box:before, #box:after{
			z-index:-1; 
			position:absolute; 
			content:"";
			bottom:15px;
			left:10px;
			width:50%; 
			top:80%;
			max-width:300px;
			background:rgba(0, 0, 0, 0.7); 
			-webkit-box-shadow:0 15px 15px rgba(0,0,0, 0.6);   
			-moz-box-shadow:0 15px 15px rgba(0, 0, 0, 0.6);
			box-shadow:0 15px 15px rgba(0, 0, 0, 0.6);
			-webkit-transform:rotate(-5deg);    
			-moz-transform:rotate(-5deg);   
			-o-transform:rotate(-5deg);
			-ms-transform:rotate(-5deg);
			transform:rotate(-5deg);
	}

	#box:after{
			-webkit-transform:rotate(5deg);
			-moz-transform:rotate(5deg);
			-o-transform:rotate(5deg);
			-ms-transform:rotate(5deg);
			transform:rotate(5deg);
			right:10px;
 			left:auto;
	}

    #menu{
            margin:0;
            padding:0;
            list-style:none;
            margin-top:20px;
            margin-left:-20px;
            display:inline-block;
            position:absolute;
            z-index:100;
    }

    #menu a{
            *zoom:1;
            width:120px;
			height:40px;
            display:block;
            font-size:16px;
			font-family:微軟正黑體;
            color:#fff;
            line-height:45px;
            padding-left:0px;
            background:#333;
            text-decoration:none;
            border-left:1px solid #444;
            border-top:1px solid #444;
            border-bottom:1px solid #222;
            -webkit-transition:all .3s;
            -moz-transition:all .3s;
            -o-transition:all .3s;
            transition:all .3s;
            -moz-box-shadow:3px 5px 5px rgba(0,0,0,0.4);
            -khtml-box-shadow:3px 5px 5px rgba(0,0,0,0.4);
            -webkit-box-shadow:3px 5px 5px rgba(0,0,0,0.4);
            box-shadow:3px 5px 5px rgba(0,0,0,0.4);
			overflow:hidden;
			text-align:left;
			outline:none;
    }

    #menu li:first-child a{
            border-top-right-radius:4px;
    }

    #menu li:last-child a{
            border-bottom-right-radius:4px;
    }

    #menu a:hover{
            padding-left:0px;
			width:188px;
			height:40px;
            -webkit-transform-origin:0;
            -moz-transform-origin:0;
            -o-transform-origin:0;
            -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
            -khtml-box-shadow:0 5px 5px rgba(0,0,0,0.3);
            -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
            box-shadow:5px 5px 5px rgba(0,0,0,0.3);
			border-top-right-radius:4px;
			border-bottom-right-radius:4px;
			outline:none;
    }

    #menu a:active{
            background:#555;
            border-top:1px solid #666;
            border-bottom:1px solid #333;
    }

    .triangle{
            width:0;
			height:0;
			position:absolute;
			margin-top:-12px;
			margin-top:260px;
			margin-left:-40px;
            border-color:transparent #292929 transparent transparent;
            border-style:dashed solid dashed dashed;
            border-width:12px 20px;
    }
	
	/*@font-face {
			font-family:微軟正黑體;
			src:url('fonts/msjhbd.ttf');
	}*/
	
	.footnote{
			margin:auto;
			position:absolute;
			width:960px;
			top:627px;
			color:#f1f1f1;
			font-size:8pt; 
			font-weight:bolder;
			font-family:微軟正黑體, Verdana, Arial, Helvetica;
			text-shadow:0px 0px 2px rgba(0,0,0,1);
			border-top:1px solid rgba(0,0,0,0);
	}
	
	.header{
	margin: auto;
	/*position: absolute;*/
	position: relative;
	width: 960px;
	top: 0px;
	color: #ff0000;
	font-size: 12pt;
	font-weight: bolder;
	font-family: 微軟正黑體, Verdana, Arial, Helvetica;
	text-shadow: 0px 0px 0px rgba(0,0,0,1);
	border-top: 1px solid rgba(0,0,0,0);
	border-style: outset;
	border-color: #DAF5FC;
	background: #D2DAF7
	}
	
	#logo{
			z-index:3;
			position:absolute;
			right:15px;
			top:15px;
			width:50px;
			height:61px;
			background:rgba(255,255,255,0);
	}
	
	#logo a{
			outline:none;
	}
	
	#container{
			z-index:2;
			margin-left:120px;
			margin-right:120px;
			margin-top:20px;
			margin-bottom:0px;
			position:relative;
			width:750px;
			height:630px;
			background:rgba(0,0,0,0);
			overflow:hidden; /* also used as a clearfix */
	}
	
	#indexwelcome{
			z-index:3;
			position:absolute;
			left:205px;
			top:20px;
			width:206px;
			height:141px;
			background:rgba(255,255,255,0);
	}

	#indexabout{
			z-index:2; 
			margin-top:20px;
			margin-left:300px;
			margin-right:300px;
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(205,255,155,1);
	}
	
	#indexabout a{
			color:#333;
			text-decoration:none;
			outline:none;
	}
	
	#indexabout:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			margin-top:115px;
			margin-left:5px;
			width:140px; 
			height:20px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}
	
	#indexbulletin{
			z-index:2; 
			margin-top:10px;
			margin-left:140px;
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(250,255,145,1);
	}
	
	#indexbulletin a{
			color:#333;
			text-decoration:none;
			outline:none;
	}
	
	#indexbulletin:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			margin-top:115px;
			margin-left:5px;
			width:140px; 
			height:20px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}
	
	#indexservices{
			z-index:2; 
			margin-top:10px;
			margin-left:10px;
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(185,230,255,1);
	}
	
	#indexservices a{
			color:#333;
			text-decoration:none;
			outline:none;
	}
	
	#indexservices:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			margin-top:115px;
			margin-left:5px;
			width:140px; 
			height:20px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}
	
	#indexevents{
			z-index:2; 
			margin-top:10px;
			margin-left:10px;
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(255,190,215,1);
	}
	
	#indexevents a{
			color:#333;
			text-decoration:none;
			outline:none;
	}
	
	#indexevents:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			margin-top:115px;
			margin-left:5px;
			width:140px; 
			height:20px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}
	
	#indexmedia{
			z-index:2; 
			margin-top:10px;
			margin-left:300px;
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(245,190,255,1);
	}
	
	#indexmedia a{
			color:#333;
			text-decoration:none;
			outline:none;
	}
	
	#indexmedia:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			margin-top:115px;
			margin-left:5px;
			width:140px; 
			height:20px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}
	
	#indexcontacts{
			z-index:2; 
			margin-top:10px;
			margin-left:300px;
			float:left;
			width:150px;
			height:140px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(250,200,115,1);
	}
	
	#indexcontacts a{
			color:#333;
			text-decoration:none;
			outline:none;
	}
	
	#indexcontacts:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			margin-top:115px;
			margin-left:5px;
			width:140px; 
			height:20px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}

	#bulletinsmall{
			z-index:2; 
			margin-top:20px;
			float:left;
			width:750px;
			height:120px;
			/*overflow:hidden;*/
			overflow-y:auto;
			font-size:11pt;
			color:#333;
			background:rgba(250,255,145,1);
	}

	#bulletinsmall:before, #bulletinsmall:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:72px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}
	
	#bulletinsmall:after{
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
			left:548px;
	}
	
/*	#bulletinsmall2{
			z-index:2; 
			margin-top:10px;
			float:left;
			width:258px;
			height:220px;*/
			/*overflow:hidden;*/
/*			overflow-y:auto;
			font-size:11pt;
			color:#333;
			background:rgba(250,255,145,1);
	}

	#bulletinsmall2:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:55px;
			top:303px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}*/

	#bulletinmedium{
			z-index:2;
			margin-top:10px;
			float:left;
			width:258px;
			/*height:240px;*/
			height:470px;
			overflow-y:auto;
			font-size:11pt;
			color:#333;
			background:rgba(250,255,145,1);
	}
	
	#bulletinmedium:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:550px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}

	#bulletinlarge{
			margin-top:10px;
			float:right;
			width:488px;
			height:470px;
			overflow-y:auto;
			font-size:11pt;
			color:#333;
			background:rgba(250,255,145,1);
	}
	
	#bulletinlarge:before, #bulletinlarge:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:263px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-2deg);    
			-moz-transform:rotate(-2deg);   
			-o-transform:rotate(-2deg);
			-ms-transform:rotate(-2deg);
			transform:rotate(-2deg);
	}
	
	#bulletinlarge:after{
			-webkit-transform:rotate(2deg);    
			-moz-transform:rotate(2deg);   
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			transform:rotate(2deg);
			left:548px;
	}
	
	#servicessmall{
	z-index: 2;
	margin-top: 20px;
	float: left;
	width: 258px;
	height: 220px;
	overflow: auto;
	font-size: 11pt;
	color: #000;
	background: rgba(185,230,255,1);
	}

	#servicessmall:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:55px;
			top:173px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}

	#servicesmedium{
			z-index:2;
			margin-top:10px;
			float:left;
			width:258px;
			height:370px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(185,230,255,1);
	}
	
	#servicesmedium:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:550px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}

	#serviceslarge{
			margin-top:20px;
			float:right;
			width:488px;
			height:600px;
			overflow-y:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(185,230,255,1);
	}
	
	#serviceslarge:before, #serviceslarge:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:263px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-2deg);    
			-moz-transform:rotate(-2deg);   
			-o-transform:rotate(-2deg);
			-ms-transform:rotate(-2deg);
			transform:rotate(-2deg);
	}
	
	#serviceslarge:after{
			-webkit-transform:rotate(2deg);    
			-moz-transform:rotate(2deg);   
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			transform:rotate(2deg);
			left:548px;
	}
	
	#aboutusmedium{
			z-index:2; 
			margin-top:20px;
			float:right;
			width:258px;
			height:370px;
			overflow:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(205,255,155,1);
	}

	#aboutusmedium:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:495px;
			top:323px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.6); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.3);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			box-shadow:0 10px 5px rgba(0,0,0, 0.3);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}

	#aboutussmall{
			z-index:2;
			margin-top:10px;
			float:right;
			width:258px;
			height:220px;
			overflow:auto;
			font-size:11pt;
			color:#333;
			background:rgba(205,255,155,1);
	}
	
	#aboutussmall:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:548px;
			top:550px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}

	#aboutuslarge{
			margin-top:20px;
			float:left;
			width:488px;
			height:600px;
			overflow-y:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(205,255,155,1);
	}
	
	#aboutuslarge:before, #aboutuslarge:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-2deg);    
			-moz-transform:rotate(-2deg);   
			-o-transform:rotate(-2deg);
			-ms-transform:rotate(-2deg);
			transform:rotate(-2deg);
	}
	
	#aboutuslarge:after{
			-webkit-transform:rotate(2deg);    
			-moz-transform:rotate(2deg);   
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			transform:rotate(2deg);
			left:285px;
	}
	
	#eventsmedium{
			z-index:2;
			margin-top:20px;
			float:left;
			width:258px;
			height:600px;
			overflow:auto;
			font-size:11pt;
			color:#333;
			background:rgba(255,190,215,1);
	}
	
	#eventsmedium:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:550px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}

	#eventslarge{
			margin-top:20px;
			float:right;
			width:488px;
			height:600px;
			overflow-y:auto;
			font-size:11pt;
			color:#333;
			background:rgba(255,190,215,1);
	}
	
	#eventslarge:before, #eventslarge:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:263px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-2deg);    
			-moz-transform:rotate(-2deg);   
			-o-transform:rotate(-2deg);
			-ms-transform:rotate(-2deg);
			transform:rotate(-2deg);
	}
	
	#eventslarge:after{
			-webkit-transform:rotate(2deg);    
			-moz-transform:rotate(2deg);   
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			transform:rotate(2deg);
			left:548px;
	}
	
	#medialeft{
			z-index:2;
			margin-top:10px;
			float:left;
			width:370px;
			height:250px;
			overflow:auto;
			font-size:11pt;
			color:#333;
			background:rgba(245,190,255,1);
	}
	
	#medialeft:before, #medialeft:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}
	
	#medialeft:after{
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
			left:168px;
	}
	
	#mediaright{
			z-index:2;
			margin-top:10px;
			float:right;
			width:370px;
			height:250px;
			overflow:auto;
			font-size:11pt;
			color:#333;
			background:rgba(245,190,255,1);
	}
	
	#mediaright:before, #mediaright:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			right:5px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(3deg);    
			-moz-transform:rotate(3deg);   
			-o-transform:rotate(3deg);
			-ms-transform:rotate(3deg);
			transform:rotate(3deg);
	}
	
	#mediaright:after{
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
			right:168px;
	}

	#medialarge{
			margin-top:20px;
			float:left;
			width:750px;
			height:340px;
			overflow-y:auto;
			font-size:11pt;
			color:#333;
			background:rgba(245,190,255,1);
	}
	
	#medialarge:before, #medialarge:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:292px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-2deg);    
			-moz-transform:rotate(-2deg);   
			-o-transform:rotate(-2deg);
			-ms-transform:rotate(-2deg);
			transform:rotate(-2deg);
	}
	
	#medialarge:after{
			-webkit-transform:rotate(2deg);    
			-moz-transform:rotate(2deg);   
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			transform:rotate(2deg);
			left:548px;
	}

	#contactsmedium{
			z-index:2;
			margin-top:20px;
			float:left;
			width:258px;
			height:600px;
			overflow:auto;
			font-size:11pt;
			color:#333;
			background:rgba(250,200,115,1);
	}
	
	#contactsmedium:before{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:5px;
			top:550px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-3deg);    
			-moz-transform:rotate(-3deg);   
			-o-transform:rotate(-3deg);
			-ms-transform:rotate(-3deg);
			transform:rotate(-3deg);
	}

	#contactslarge{
			margin-top:20px;
			float:right;
			width:488px;
			height:600px;
			overflow-y:hidden;
			font-size:11pt;
			color:#333;
			background:rgba(250,200,115,1);
	}
	
	#contactslarge:before, #contactslarge:after{
			z-index:-1; 
			position: absolute; 
			content: "";
			width:200px; 
			height:60px;
			left:263px;
			top:552px;
			max-width:300px;
			background: rgba(0, 0, 0, 0.8); 
			-webkit-box-shadow:0 10px 5px rgba(0,0,0, 0.4);  
			-moz-box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			box-shadow:0 10px 5px rgba(0,0,0, 0.4);
			-webkit-transform:rotate(-2deg);    
			-moz-transform:rotate(-2deg);   
			-o-transform:rotate(-2deg);
			-ms-transform:rotate(-2deg);
			transform:rotate(-2deg);
	}
	
	#contactslarge:after{
			-webkit-transform:rotate(2deg);    
			-moz-transform:rotate(2deg);   
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			transform:rotate(2deg);
			left:548px;
	}