#wraparound {
			position:relative;
			
			padding:0px 30px;
			margin:-10px -14px 0px -14px;	/* 30 = 20 padding + 10 neg margin */
			
			border:1px solid #99C2FF;
background: rgb(136,191,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(112,176,224,1) 93%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(93%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 93%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 93%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 93%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 93%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */


			color:#f8f8f8;
			box-shadow:0 4px 4px rgba(0,0,0,0.3);
			}
			#wraparound:before,
			#wraparound:after {
				content:" ";
				border-top:10px solid #003380;	/* Colour of the triangle. To flip the effect, use border-bottom. */
				position:absolute;
				bottom:-11px; /* +1 to compensate for the border */
				} 
				#wraparound:before {
					border-left:10px solid transparent;
					left:-1px;	/* Only required if the element has a border */
					}
				#wraparound:after {
					border-right:10px solid transparent;
					right:-1px;
					}