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

#box-1 {
	border: 2px solid #000;
	height: 120px;
	width:120px;
	position: absolute;

	/background: #ffffd9;
	left: 72px;
	top: 435px;
	box-shadow: 0 3px 3px #333;
	border-radius:60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	-khtml-border-radius:60px;
}
/*
#cup {
	width:100px;
	height:100px;
	margin: 100px;
}*/
.cup {
	background-color: #E6DED5;
	box-shadow: 0 3px 3px gray;
	border-radius: 20px 20px 20px 20px / 15px 15px 10px 10px;
	display: block;
	height: 20px;
	margin-left: -10px;
	margin-top: 15px;
	position: relative;
	width: 60px;
}
.cup:before {
/*	background: -moz-linear-gradient(center top, #5E5E5E 7%, #749f72 20%, #c6a8b0 85%) repeat scroll 0 0 transparent;*/
	/*(center top, #5E5E5E 5%, #a4a4a3 20%, #FFFFFF 85%) repeat scroll 0 0 transparent;*/
	border: 8px solid #728080;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 3px 3px gray;
	content: "";
	display: block;
	height: 45px;
	left: -12px;
	position: absolute;
	top: 23px;
	width: 25px;
	background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#474747+0,474747+100 */
background: #474747; /* Old browsers */
background: -moz-linear-gradient(top,  #474747 0%, #474747 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #474747 0%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #474747 0%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#474747',GradientType=0 ); /* IE6-9 */

}
.cup:after {
	box-shadow: 0 3px 3px grey;
	content: "";
	display: block;
	height: 60px;
	margin-left: 5px;
	margin-top: 15px;
	position: absolute;
	width: 50px;
	background: rgb(40,52,59); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MzQzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzI4MzQzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, rgba(40,52,59,1) 0%, rgba(181,189,200,1) 29%, rgba(181,189,200,1) 49%, rgba(181,189,200,1) 68%, rgba(40,52,59,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(40,52,59,1)), color-stop(29%,rgba(181,189,200,1)), color-stop(49%,rgba(181,189,200,1)), color-stop(68%,rgba(181,189,200,1)), color-stop(99%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(40,52,59,1) 0%,rgba(181,189,200,1) 29%,rgba(181,189,200,1) 49%,rgba(181,189,200,1) 68%,rgba(40,52,59,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(40,52,59,1) 0%,rgba(181,189,200,1) 29%,rgba(181,189,200,1) 49%,rgba(181,189,200,1) 68%,rgba(40,52,59,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(40,52,59,1) 0%,rgba(181,189,200,1) 29%,rgba(181,189,200,1) 49%,rgba(181,189,200,1) 68%,rgba(40,52,59,1) 99%); /* IE10+ */
background: linear-gradient(left, rgba(40,52,59,1) 0%,rgba(181,189,200,1) 29%,rgba(181,189,200,1) 49%,rgba(181,189,200,1) 68%,rgba(40,52,59,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#28343b',GradientType=1 ); /* IE6-8 */}
#box-2 {
	border: 2px solid #000;
	height: 120px;
	width:117px;
	position: absolute;
	/*background: #ffffd9;*/
	background-color: #e3d0d5;
	left: 1240px;
	top: 316px;
	box-shadow: 0 3px 3px #333;
	border-radius:60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	-khtml-border-radius:60px;
}/*
#house {
	width:100px;
	height:100px;
	margin: 100px;
}*/
.house {
	/* background-color: #E6DED5;
    border-radius: 20px 20px 20px 20px / 15px 15px 10px 10px;*/
    display: block;
	height: 45px;
	margin-top: 47px;
	margin-left:27px;
	position: relative;
	width: 65px;
	box-shadow: 0 0 6px gray;
	background: rgb(31,59,8); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMxZjNiMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMxMDc1M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiMxN2E1MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMxMDc1M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMxN2E1MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjI3ZDRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(31,59,8,1) 17%, rgba(16,117,63,1) 19%, rgba(23,165,49,1) 68%, rgba(16,117,63,1) 71%, rgba(23,165,49,1) 74%, rgba(98,125,77,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,rgba(31,59,8,1)), color-stop(19%,rgba(16,117,63,1)), color-stop(68%,rgba(23,165,49,1)), color-stop(71%,rgba(16,117,63,1)), color-stop(74%,rgba(23,165,49,1)), color-stop(100%,rgba(98,125,77,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,59,8,1) 17%,rgba(16,117,63,1) 19%,rgba(23,165,49,1) 68%,rgba(16,117,63,1) 71%,rgba(23,165,49,1) 74%,rgba(98,125,77,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,59,8,1) 17%,rgba(16,117,63,1) 19%,rgba(23,165,49,1) 68%,rgba(16,117,63,1) 71%,rgba(23,165,49,1) 74%,rgba(98,125,77,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(31,59,8,1) 17%,rgba(16,117,63,1) 19%,rgba(23,165,49,1) 68%,rgba(16,117,63,1) 71%,rgba(23,165,49,1) 74%,rgba(98,125,77,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(31,59,8,1) 17%,rgba(16,117,63,1) 19%,rgba(23,165,49,1) 68%,rgba(16,117,63,1) 71%,rgba(23,165,49,1) 74%,rgba(98,125,77,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b08', endColorstr='#627d4d',GradientType=0 ); /* IE6-8 */
}
.house:before   /*roof*/ {
	content: "";
	display: block;
	position: absolute;
	border-bottom: 30px solid #1e4b13;
	border-left: 38px solid transparent;
	border-right: 38px solid transparent;
	margin-top: -30px;
	margin-left: -5px;
	height: 0;
	width: 0;
}
.house:after  /*smoke stack*/ {
	content:"";
	display: block;
	position: absolute;
	background-color: #1e4b13;
	/* border-radius: 20px 20px 20px 20px / 15px 15px 10px 10px;*/
    display: block;
	height: 20px;
	margin-left: 50px;
	margin-top: -25px;
	position: absolute;
	width: 10px;
}
#box-3 {
	border: 2px solid #000;
	/*background: #ffffd9;*/
	box-shadow: 0 3px 3px #333;
	height: 120px;
	width:120px;
	position: absolute;
	left: 1195px;
	top: 553px;
	border-radius:60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	-khtml-border-radius:60px;
}
/*These are my color codes
B39D8A
B38A66
675545 -> cover
54A2B3
54919E
*/	/*
#outlet {
	width:100px;
	height:100px;
	margin: 100px;
}*/
.outlet {
	width:50px;
	height:70px;
	display:block;
	position:relative;
	background:#675545;
	border-radius:5px;
	box-shadow: 1px 1px 1px 1px black;
	margin-left:15px;
	margin-top:23px;
}
.outlet:before {
	content: "";
	width:35px;
	height: 20px;
	display:block;
	position:absolute;
	margin-left: 7px;
	margin-top: 10px;
	background:#B38C66;
	border-radius:5px;
	background: rgb(255,251,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNmZmZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNmZmZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmYWY5ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255,251,255,1)), color-stop(34%, rgba(0,0,0,1)), color-stop(38%, rgba(255,251,255,1)), color-stop(62%, rgba(255,251,255,1)), color-stop(66%, rgba(0,0,0,1)), color-stop(70%, rgba(250,249,252,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* IE10+ */
	background: linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbff', endColorstr='#faf9fc', GradientType=1 ); /* IE6-8 */
}
.outlet:after {
	content: "";
	width:35px;
	height:20px;
	display:block;
	position:absolute;
	margin-left: 7px;
	margin-top: 40px;
	background:#B38C66;
	border-radius:5px;
	background: rgb(255,251,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNmZmZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNmZmZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmYWY5ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255,251,255,1)), color-stop(34%, rgba(0,0,0,1)), color-stop(38%, rgba(255,251,255,1)), color-stop(62%, rgba(255,251,255,1)), color-stop(66%, rgba(0,0,0,1)), color-stop(70%, rgba(250,249,252,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* IE10+ */
	background: linear-gradient(left, rgba(255,251,255,1) 30%, rgba(0,0,0,1) 34%, rgba(255,251,255,1) 38%, rgba(255,251,255,1) 62%, rgba(0,0,0,1) 66%, rgba(250,249,252,1) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbff', endColorstr='#faf9fc', GradientType=1 ); /* IE6-8 */
}
#box-4 {
	/*border: 2px solid #000;
	background: #ffffd9;
	box-shadow: 0 3px 3px #333;*/
	height: 90px;
	width:90px;
	position: absolute;
	left: 1198px;
	top: 119px;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
}
/*
#bubbles {
	width:100px;
	height:100px;
	margin: 100px;
}*/
.bubbles {
	width:80px;
	height:80px;
	display:block;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	-khtml-border-radius:40px;
	background: blue;
	margin-left:-15px;
	margin-top:10px;
	position:relative;
	box-shadow: 55px 55px green;
}
.bubbles:before {
	content: "";
	width:48px;
	height:48px;
	display:block;
	border-radius:24px;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	-khtml-border-radius:24px;
	background:#675545;
	/*background:#cecece;*/
	margin-left:28px;
	margin-top:-8px;
	position:relative;
	box-shadow: -25px 95px gray;
}
.bubbles:after {
	content: "";
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	-khtml-border-radius:13px;
	background:#C2A3E8;
	margin-left:90px;
	margin-top:-45px;
	position:relative;
	box-shadow: -100px 60px green;
}
#box-5 {
	border: 2px solid #000;
	height: 120px;
	width:120px;
	position: absolute;
	/*background: #ffffd9;*/
	background-color: #e3d0d5;
	left: 51px;
	top: 7px;
	box-shadow: 0 3px 3px #333;
	border-radius:60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	-khtml-border-radius:60px;
}
/*These are my color codes
	Flag Colors->Blue- #0f3d4d	LiteBlue- #c9e1e5	DarkRed- #a80903	White- #e4edea	Red- #ba0d07
	
#flag {						
	width:100px;
	height:100px;
	margin: 100px;
}*/
.flag {
	width:75px;
	height:45px;
	background-color: #0f3d4d;
	display:block;
	position:relative;
	box-shadow: 0 10px 5px gray;
	margin-left: 27px;
	margin-top: 21px;
}
.flag:before {
	content: "";
	width:75px;
	height:30px;
	background-color: #c9e1e5;
	display:block;
	position:absolute;
}
.flag:after {
	content: "";
	width:75px;
	height:15px;
	background-color:#a80903;
	display:block;
	position:absolute;
}
/*Pole Colors->Lite- #cbc5c5	med-lite- #93868d	med- #979497	med-dark- #968e98	dark- #958c95 */
	
.pole {
	box-shadow: 0 10px 5px gray;
	width:8px;
	height:65px;
	display:block;
	position:relative;
	margin-left: 17px;
	margin-top: -40px;
/*	background: rgb(149,140,149); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;
base64, PD94bWwgd mVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk2OGU5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk3OTQ5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzkzODY4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(149,140,149,1) 0%, rgba(150,142,152,1) 25%, rgba(151,148,151,1) 50%, rgba(147,134,141,1) 75%, rgba(203,197,197,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(149,140,149,1)), color-stop(25%, rgba(150,142,152,1)), color-stop(50%, rgba(151,148,151,1)), color-stop(75%, rgba(147,134,141,1)), color-stop(100%, rgba(203,197,197,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(149,140,149,1) 0%, rgba(150,142,152,1) 25%, rgba(151,148,151,1) 50%, rgba(147,134,141,1) 75%, rgba(203,197,197,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(149,140,149,1) 0%, rgba(150,142,152,1) 25%, rgba(151,148,151,1) 50%, rgba(147,134,141,1) 75%, rgba(203,197,197,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(149,140,149,1) 0%, rgba(150,142,152,1) 25%, rgba(151,148,151,1) 50%, rgba(147,134,141,1) 75%, rgba(203,197,197,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(149,140,149,1) 0%, rgba(150,142,152,1) 25%, rgba(151,148,151,1) 50%, rgba(147,134,141,1) 75%, rgba(203,197,197,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#958c95', endColorstr='#cbc5c5', GradientType=0 ); /* IE6-8 */
	

}
.pole:before {/*top ball*/
	content: "";
	width:8px;
	height:8px;
	background-color: #958c95;
	display:block;
	margin-top:-8px;
	position:absolute;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
}
#box-6 {
	height: 90px;
	width:90px;
	position: absolute;
	left: 100px;
	top: 200px;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
}
/*
#bubbles {
	width:100px;
	height:100px;
	margin: 100px;
}*/
.bubbles-2 {
	width:70px;
	height:70px;
	display:block;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	-khtml-border-radius:35px;
	background: blue;
	margin-left:-15px;
	margin-top:10px;
	position:relative;
	box-shadow: 15px 55px green;
}
.bubbles-2:before {
	content: "";
	width:54px;
	height:54px;
	display:block;
	border-radius:27px;
	-moz-border-radius:27px;
	-webkit-border-radius:27px;
	-khtml-border-radius:27px;
	background:#675545;
	/*background:#cecece;*/
	margin-left:20px;
	margin-top:-8px;
	position:relative;
	box-shadow: 25px 115px gray;
}
.bubbles-2:after {
	content: "";
	display:block;
	width:16px;
	height:16px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	background:#C2A3E8;
	margin-left:60px;
	margin-top:-45px;
	position:relative;
	box-shadow: 0px 147px green;
}
#box-7 {
	width:100px;
	height:100px;
	margin: 100px;
	position: absolute;
	left: -42px;
	top: 510px;
	border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	-khtml-border-radius:45px;
}