* { 
	 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	 	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 	box-sizing: border-box;         /* Opera/IE 8+ */
	}

	html {
		font-size:640%;
		text-align:center;
	}
	
	@font-face {
	    font-family: 'socialanimal';
	    src: url('http://www.bambi-artist.com/FStor/social_animal-webfont.eot');
	    src: url('http://www.bambi-artist.com/FStor/social_animal-webfont.eot?#iefix') format('embedded-opentype'),
	         url('http://www.bambi-artist.com/FStor/social_animal-webfont.woff') format('woff'),
	         url('http://www.bambi-artist.com/FStor/social_animal-webfont.ttf') format('truetype'),
	         url('http://www.bambi-artist.com/FStor/social_animal-webfont.svg#socialanimalregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	@import url(http://fonts.googleapis.com/css?family=Forum);

	
	body {
		font-family:Georgia, Times-new-roman, serif;
		font-size:01.56em;
		color:#3c3a34;

		width:100%;
		background: url(../images/Bg-Outer.png);
	}
	
	 #Wrapper {
		position:absolute; 
		text-align:center;
		left:0;
		font-size:;							/*	<<<<<<<<<<<<<<<<<<<<<<<<	*/
		
		width:99%;
	 }
	 
	a:link, a:hover, a:active, a:visited {
		text-decoration: none;
		color:#52555c;
		border:none;
	}
	
	 a:hover {
		color:white;
	 	text-decoration:underline;
	 }
	 
	.Bambi, .Hyde {
		display:none;
	}
	
	 .Bambi, .Bambi a {
		position:absolute;
	 	font-family: 'socialanimal';
	 	font-size: 1.8em;
		color:#5166ab;

	 	left:9.25em;
	 	top:1.1em;
	 	padding:0 0.5em;
	 	background-color:white;
	 }
	 
	.Bambi a:hover {
		color:#d2b85b;
		text-decoration: none;

	}

	.Bambi a {
		  -moz-box-shadow:    0.03em 0.03em 0.08em 0.03em #666;
		  -webkit-box-shadow: 0.03em 0.03em 0.08em 0.03em #666;
		  box-shadow:         0.03em 0.03em 0.08em 0.03em #666;
	}
	
	.Bambi a:hover {
		  -moz-box-shadow:    0.03em 0.03em 0.04em 0.02em #ccc;
		  -webkit-box-shadow: 0.03em 0.03em 0.04em 0.02em #ccc;
		  box-shadow:         0.03em 0.03em 0.04em 0.02em #ccc;
	}
	
	.Hyde {
		position:absolute;
		font-family: 'Forum', Forum, serif;
	 	font-size: 2.5em;
		line-height:0.35em;
	 	left:24em;
	 	top:1.85em;
		
	}
	
	.Hyde .Sub {
		font-family: 'Forum', Forum, serif;
	 	font-size: 0.5em;
	 	letter-spacing: 0.455em;
		line-height:0.005em;
		padding:0 0 0 0.5em;
		color:#333;
	}
	
	.Hyde a {
		color:#C63078;
		text-decoration: none;
	}

	.Hyde a:hover {
		color:white;
		text-decoration: none;
	}
	
	
	.VillaCont { 
		position:relative;
		top:0.2em;
		width: 9.4755em;
		height: 5.83575em;
		
		text-align: center; 
		margin: 0 auto;
		background-color:#eddfc2;
				
	}

	#Banner { 
		margin: 0 auto; 
		position: relative; 
		width: 9.4755em;
		height: 1.42475em;
		padding:0.018em 0 0;
		background-color:#393128;
		
		overflow:hidden;
	}
	
	#Villa-Logo {
		margin:0.251572327em auto;
		width:2.59375em;
		height:1.0125em;
	}
	
	.VidDemo {
		position:absolute;
		top:1.9em;
		width:99.99%;
		text-align:center;
		left:0;
	}
	
	.Video, #SwfVid, #SwfVidPPic {
		border:solid 0.006289308em #3c3a34;
		width:3.9225em;
		height:2.2125em;			/*	350.025157233em	*/
	}
	
	#SwfVidPPic {
		background-color:blue;
	}
	
	.NavButtn  { 
		position: absolute;
		top: 1.142943396em;
		width: 1.144654088em;
		height: 0.27672956em;
		line-height: 0.285em;
			-khtml-border-radius: 0.050314465em 0.050314465em 0 0;
			-moz-border-radius: 0.050314465em 0.050314465em 0 0;
			-webkit-border-radius: 0.050314465em 0.050314465em 0 0;
			border-radius: 0.050314465em 0.050314465em 0 0;
	}
	
	.Buttn1 {
		left:0.220125786em;
		background-position:-0.226415094em 0;
	}

	.Buttn2 {
		left:1.389937107em;
		background-position:-1.389937107em 0;
	}
	
	.Buttn3 {
		left:2.566037736em;
		background-position:-2.566037736em 0;
	}
	
	.Buttn4 {
		left:5.823899371em;
		background-position:-5.823899371em 0;
	}
	
	.Buttn5 {
		left:6.993710692em;
		background-position:-6.993710692em 0;
	}
	
	.Buttn6 {
		left:8.163522013em;
		background-position:-8.163522013em 0;
	}
	
	.Buttn1:hover {
		background-position:-0.226415094em 0.553459119em;
	}
	.Buttn2:hover {
		background-position:-1.389937107em 0.553459119em;
	}
	
	.Buttn3:hover {
		background-position:-2.566037736em 0.553459119em;
	}
	
	.Buttn4:hover {
		background-position:-5.823899371em 0.553459119em;
	}
	
	.Buttn5:hover {
		background-position:-6.993710692em 0.553459119em;
	}
	
	.Buttn6:hover {
		background-position:-8.163522013em 0.553459119em;
	}
	
	#Home .Buttn1 {
		background-position:-0.226415094em  1.106918238em; 
	
	}
	
	#About .Buttn2 {
		background-position:-1.389937107em  1.106918238em; 
		
	}
	
	#News .Buttn3 {
		background-position:-2.566037736em  1.106918238em; 
		
	}
	
	#Frames .Buttn4 {
		background-position:-5.823899371em  1.106918238em; 
		
	}
	
	#Services .Buttn5 {
		background-position:-6.993710692em  1.106918238em; 
		
	}
	
	#Contact .Buttn6 {
		background-position:-8.163522013em  1.106918238em; 
		
	}
	
	#TopSwash  {
		position: absolute;
		top: 1.8553459119em;
		left: 0.327044025em;
		width: 0.226415094em;
		height: 0.150943396em;
	}
	
	.Text {
		position:absolute;
		top:17.61006289em;
		width:17.61006289em;
		font-size:0.1em;
		color:#221c16;
		line-height:1.333em;
		text-align:justify;
	/**/
		text-justify: newspaper;
		text-justify:inter-character;
		text-justify:distribute;
		height:2.591194969em;
	}
	
	.Credits {

		top:23em;
		text-align:right;
		
		font-family:verdana, 'sans-serif';
		font-style:italic;
		font-size:0.1em;
		z-index:10000;
		
		color:#88b5b6;

		width:67.1em;
		
		display:none;
	}
	
	#TextCol1 {
		left:6.66666667em;
	}
	
	#TextCol1 p:first-child:first-letter { 
		color:#88b5b6;
		font-size:4em;
		padding:0 0.2em 0 0;
		margin-left:-0.25em;
		float:left;
		width:0.5em;
		line-height:0.46em;
	}
	
	#TextCol2, #TextCol2 p {
		left:71.12075472em;
		
	}
	
	.IF, .GalleryPix {
		position:absolute;
		top:1.761006289em;
		width:4.402515723em;
		height:2.767295597em;
	}
	
	#IF1 {
		left:0.289308176em;
	}
	
	#IF2 {
		top:1.58490566em;
		left:4.93081761em;
	}
	
	.IFLabel {
		position:absolute;
		font: bold italic 0.075471698em verdana, 'sans-serif';
		text-align: left;
	}

	.Labl1 {
		left:2.41090147em;
		
		top:232px;
		left:48px;
	}

	.Labl2 {
		top:36.68763108em;
		left:41.09014681em;

		top:692px;
		left:787px;
	}

	#GPic1, #GPic2, #GPic1a, #GPic2a {
		top:1.58490566em;
		width:3.981132075em;
		height:2.490566038em;
	}
	
	#GPic1, #GPic1a {
		left:0.477987421em;
		margin:0 0 0 0.566037736em;
	}
	
	#GPic2, #GPic2a {
		left:4.679245283em;
		margin:0 0 0 5.031446541em;
	}
	
	#GPic1a, #GPic2a {
		z-index:10;
		
	     opacity:100;
	-moz-opacity:100;
	      filter:alpha(opacity=100);
	}
	
	#Loader {
		display:none;
	}
	
	.Map {
		width:3.018867925em;
		height:3.073584906em;
	}
	
	#GalleryButton  {
		position: absolute;
		top: 4.528301887em;
		left: 6.812578616em;
		width: 2.301886792em;
		height: 0.855345912em;
			-khtml-border-radius: 0.050314465em;
			-moz-border-radius: 0.050314465em;
			-webkit-border-radius: 0.050314465em;
			border-radius: 0.050314465em;

		background-position:  -0.018867925em 0;
		z-index: 100;
	}
	
	#GalleryButton:hover  {
		background-position:  -0.018867925em -0.825345912em;
		  -moz-box-shadow:    -0.012578616em 0.012578616em 0.157232704em -0.025157233em #fff;
		  -webkit-box-shadow: -0.012578616em 0.012578616em 0.157232704em -0.025157233em #fff;
		  box-shadow:         -0.012578616em 0.012578616em 0.157232704em -0.025157233em #fff;

	}
	
	#Gallery #GalleryButton, #Gallery #GalleryButton:hover {
		background-position: -0.018867925em 0.981132075em;
		  -moz-box-shadow:    -0.012578616em 0.012578616em 0.283018868em 0 #fff;
		  -webkit-box-shadow: -0.012578616em 0.012578616em 0.283018868em 0 #fff;
		  box-shadow:         -0.012578616em 0.012578616em 0.283018868em 0 #fff;
	}
	
	#Gallery #TopSwash, #News #TopSwash {
		display:none;
	}

	
	#Foot  {
		position: absolute;
		top: 4.786163522em;
		left:0;
		width: 100%;
		height: 1.056603774em;
		text-align: center;
		border: solid 0.226415094em #88b5b6;
		background-color:#88b5b6;

	}
	
	#SocialMedia  {
		position: absolute;
		top: -0.025157233em;
		left: 0.352201258em;
		width: 0.811320755em;
		height: 0.672955975em;

	}
	
	#SocialMediaFb  {
		position: absolute;
		top: -0em;
		left: 0.352201258em;
		width: 0.811320755em;
		height: 0.220125786em;
		background-position:  0 0;
	}

	#SocialMediaFb:hover  {
		background-position:  -0.811320755em 0;
	}

	#SocialMediaLi  {
		position: absolute;
		top: 0.205em;
		left: 0.352201258em;
		width: 0.811320755em;
		height: 0.220125786em;
		background-position:  0 -0.2222em;
	}
	
	#SocialMediaLi:hover {
		background-position:  -0.811320755em -0.2222em;
		
	}
		
	#SocialMediaTw  {
		position: absolute;
		top: 0.387em;
		left: 0.352201258em;
		width: 0.811320755em;
		height: 0.220125786em;
		background-position:  0 -0.4444em;
	}
	
	#SocialMediaTw:hover  {
		background-position:  -0.811320755em -0.4444em;
	}
	
	#FootNav {
		font-family:verdana,sans-serif;
		font-size:0.075471698em;
		margin:2em 0.2%;
	}
	
	#TellEveryone  {
		position: absolute;
		top: 0.037735849em;
		left: 1.257861635em;
		width: 1.509433962em;
		height: 0.534591195em;

	}
	
	.Bottom a:link {color:#52555c;}      	/* unvisited link */
 	.Nav a:visited {color:#807b7e;}		/*  161619;}  	--  visited link */
	.Nav a:hover {color:#39c5f4;}  		/* mouse over link */
	.Nav a:active {color:#0095da}

	.Bottom.link {
		margin:0 1em;
	}
					
	.Bottom a:link {
		border:solid 0.006289308em blue;
		text-decoration:none;
		color:#52555c;
	}
	
	.Bottom.link a:hover {
		text-decoration:none;
		color:white;
	}
	
	#HOME {
	
	}
	
	#ABOUT {
	
	}
	
	#NEWS {
	
	}
	
	#FRAMES {
	
	}

	#SERVICES {
	
	}
	
	#CONTACT {
	
	}
	
	#About .Pic1, #About .Pic2, #About .Caption1, #About .Caption2  {
		position:absolute;
	}
	
	.Pic1, .Pic2 {
		border:0;
	}

	.Pic1 {
		top:1.911949686em;
		left:2.628930818em;
		
		width:3.056603774em;
		height:1.716981132em;
	}
	
	.Pic2 {
		top:3.081761006em;
		left:4.477987421em;
		
		width:2.446540881em;
		height:1.371069182em;
	}
	
	.Caption1, .Caption2 {
		position:relative;
		font-style:italic;
		font-size:0.062893082em;							/* EEEEEEEEEEK! -- 10 WOT?? */
		width:13.99999995em;								/* EEEEEEEEEEK! -- 140 WOT?? */
	}
	
	.Caption1 {
		top:30.19999989em;
		left:91.39999965em;
		text-align:left;
	}
	
	.Caption2 {
		top:67.59999974em;
		left:55.99999979em;								/* EEEEEEEEEEK! -- 560 WOT?? */
		text-align:right;
	}

	.News {

		  -moz-box-shadow:    0.03em 0.03em 0.08em 0.03em #aaa;
		  -webkit-box-shadow: 0.03em 0.03em 0.08em 0.03em #aaa;
		  box-shadow:         0.03em 0.03em 0.08em 0.03em #aaa;
		
		width:1.2em;
		height:auto !important;
		
		background-color:white;
		border:solid 0.01em grey;
		
		z-index:3000;
	
	}
	
	.News:hover {
		  -moz-box-shadow:    0.03em 0.03em 0.04em 0.02em #ccc;
		  -webkit-box-shadow: 0.03em 0.03em 0.04em 0.02em #ccc;
		  box-shadow:         0.03em 0.03em 0.04em 0.02em #ccc;
		
		border:solid 0.015em red;
	}
	
	#NewsPix {
		width:80%;
		height:3.2em;
		text-align:center;
		margin:0.2em auto 0;
		
		overflow:auto;
	}
	
	.rotate {
		/* Safari */
		-webkit-transform: rotate(-3deg);
		
		/* Firefox */
		-moz-transform: rotate(-3deg);
		
		/* IE */
		-ms-transform: rotate(-3deg);
		
		/* Opera */
		-o-transform: rotate(-3deg);
		
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.1);
		
	}


	.EarlyD {
		position:absolute;
		top:2.2em;
		left:5.5em;
		text-align:left;
		color:#d1a341;
		color:#ddb358;
		color:#ce9e37;
		color:#fce48b;
		
		font-size:0.12em;

		text-shadow:    0.1em 0.1em 0.03em #black;
		text-shadow:    0 0 0.3em #853b30;
		text-shadow:    0 0 0.3em #fce48b;
		text-shadow:    0 0 0.3em #ce9e37;

		z-index:2000;

	}

/*				/////////////////////////////////////////////				*/
/*				/////////////////////////////////////////////				*/
/*				/////////////////////////////////////////////				*/



	.EmBox {
		position:absolute;
		top:2em;					/* EEEEEEEEEEK! -- 200 WOT?? */
		left:2em;
		
		width:1em;
		height:1em;
		
		background-color:blue;

		z-index: 1000;
		
	}
	
	.TenEmBox {
		position:absolute;
		top:-20em;					/* EEEEEEEEEEK! -- 200 WOT?? */
		left:-20em;
		
		width:10em;
		height:10em;
		
		background-color:blue;

		z-index: 1000;
		
	}
	
	.HundredEmBox {
		position:absolute;
		top:-50em;					/* EEEEEEEEEEK! -- 200 WOT?? */
		left:-30em;
		
		width:100em;
		height:100em;
		
		background-color:blue;

		z-index: 1000;
		
	}