@media screen and (min-width:1150px){
	#shell {position: relative; width:98%; height:100%; background:#990099; border-radius: 20px 20px 20px 20px; padding-bottom: 0px;}

}

@media (max-width: 1150px) {
	#shell {position: relative; width:100%; height:100%; background:#990099; border-radius: 20px 20px 20px 20px; padding-bottom: 0px;}
}

xhtml 	{overflow-y: scroll; height: 100%;}
body 	{min-height:100%; background: #640064; background-attachment: fixed; background-repeat: no-repeat; background-image:url("contentBoxTesting.png"); background-size:cover; background-position:2px top; font-family: Comic Sans MS, Arial, helvetica; font-size:10pt ; color:#d6d3d6; } 

p	{font-family: Comic Sans MS, Arial, helvetica; font-size:13pt ; color:#d6d3d6; font-weight:normal;}
h2	{font-family: Comic Sans MS, Arial; color: #d6d3d6; }
h3	{font-family: Comic Sans MS, Arial; color: #d6d3d6; font-size:15pt; font-weight: bold; font-style: italic; background-color:#640064; text-align: center;}
h4	{font-family: Comic Sans MS, Arial; color: #d6d3d6; font-size:10pt; font-weight: bold; background-color:#640064;}
h5	{font-family: Comic Sans MS, Arial; color: #d6d3d6; font-size:10pt; font-style: italic; font-weight:normal ;}
h6	{font-family: Comic Sans MS, Arial; color: #d6d3d6; font-size:13pt; background-color:#640064;text-align: left;}
h7	{font-family: Comic Sans MS, Arial; color: #d6d3d6; font-variant: small-caps;font-weight: bold;}
a   	{font-family: Comic Sans MS, Arial; color: #d6d3d6; text-decoration:none}
a 	img {border: none; }
td	{font-family: Comic Sans MS, Arial, color: #d6d3d6; font-size:10pt; font-weight:normal;}



#shell2 {display: inline-block; resize: none; padding-top: 15px; padding-bottom: 15px; width:100%; background:#640064; border-radius: 20px 20px 20px 20px;}


<!--TEST Whole container-->
#wholeContainer { margin: 0 auto; center;}

#centerPara	{ text-align:center; width: 700px; }
#contentMainOld	{ position: relative; top:125px; left:30px; width:660px;  height: 500px; overflow: auto; padding-right:50px; }
#contentMain	{ position: relative; top:0px;  height: 0px; overflow: auto; padding-right:40px; }
#contentProfile----Original------	{ position: relative; top:0px;  height: 620px; width:600px; overflow: auto; padding-right:40px; }
#contentProfile	{ position: relative; top:0px;  width:600px; overflow: auto; padding-right:20px; }
#contentWide 	{ position: relative; top:100px; left:70px; width:1050px; height: 500px; overflow: auto; padding-right:50px; }
#contentLong 	{ position: relative; top:100px; overflow: auto; }
#contentPhp 	{ position: absolute; top:375px; height: 500px; overflow: auto;  width: 90%;   margin-left: auto; margin-right: auto;  }
#contentPhpOriginal 					{ position: relative; top:240px; left:0px; width:80%; height: 500px; overflow: auto; }
#contentNoscroll{ position: relative; top:100px; left:70px; width:1050px; height: 500px; overflow: auto; padding-right:50px; }
#current 	{ padding: 0.2em 0.2em; background-color:#640064; background-image:url(xxx.gif); color:#fdbf03;}
#container 	{ position:relative; text-align: center; }



#logo 		{ position: relative; top:45px; background: url(www.seniorsirens.com/home.html) no-repeat;} 
#heading	{ position: relative; top:105px; }
#headingAgency	{ position: relative; top:95px; }
#headingName	{ position: relative; top:90px; left: -240px; }
#headingHome	{ position: relative; top:90px; left: -210px; }
#title_name	{ position: relative; left: -25px;}
#title_welcome	{ position: relative; left: 0px;}
#title_back	{ position: relative; left: -40px;}

#tdoverflow	{ height: 350px; overflow: auto; }

#btnBack	{ position: relative; top:15px; left: 90px; }
#footer	 	{ position: relative; top:830px; left:335px; width:600px;}
#footerLong	{ position: relative; top: 2610px;}
#endNav	 	{ position: relative; top:855px; left:125px; width:1000px;}

#hostess	{ position: relative; top:-300px; left:375px; }
#availability	{ position: relative; top:0px; left:0px; width:375px; height: 20px;}
#availability2	{ position: relative; top:0px; left:0px; width:370px; height: 225px; overflow: auto; text-align: left;}
	
#search		{ white-space: nowrap; position: relative; width:500px; top:75px; left:-20%; background-color: #640064; }
#review		{ white-space: nowrap; position: relative; width:270px; top:75px; left:-30px; background-color: #640064; }
#reviewPhp	{ white-space: nowrap; position: relative; width:270px; top:75px;  margin-left: auto; margin-right: auto; background-color: #640064; }

#searchEnd	{ white-space: nowrap; position: relative; width:500px; top: -5px; left:-20%; background-color:#640064;}
#reviewEnd	{ white-space: nowrap; position: relative; width:270px; top: -5px; left:-30px; background-color:#640064;}
#reviewEndPhp	{ white-space: nowrap; position: relative; width:270px; top: -5px; margin-left: auto; margin-right: auto;  background-color:#640064;}

#profileFrame	{ position: relative; top:-500px; left:400px; 	}
#profileFrameO	{ position: relative; top:200px; left:894px; 	}
#profileFrame2	{ position: relative; top:345px; left:745px;}
#currentPic	{ position: relative; top:-900px; left:401px;}
  
#navcontainer ul {
     position: relative; width:98%;
     top:80px;

     text-align: center;
     padding: 3px 5px;
     list-style-type: none;
     background-color: #fdbf03;
     color: #FFF;
 
     height: 20px;
     font: normal 50% comic sans ms, arial, sans-serif;
   }


#navcontainerEnd ul {
     position: relative;
     text-align: center;
     padding: 3px 5px;
     list-style-type: none;
     background-color: #fdbf03;
     color: #FFF;

     height: 20px;
     font: normal 50% comic sans ms, arial, sans-serif;
   }



li 	{ display: inline; width:100%; }

li a	{
           text-decoration: none;
           font-weight: bold;
           font-size: 10pt;
           background-color: #fdbf03;
           height: 25px;
           color: #640064;
           padding: 0.2em 0.4em;
	}

li a:hover {background-color: #d6d3d6; color: #640064; }




.gallerycontainer{
		   position: absolute;
		   top:-500px; 
		   left:50px; 
		   width:400px
		   /*Add a height attribute and set to largest image's height to prevent overlaying*/
		   }

.thumbnail img{
		border: 1px solid white;
		margin: 0 5px 5px 0;
		}


.thumbnail:hover img{border: 1px solid purple;}

.thumbnail span{ /*CSS for enlarged image*/
		 position: absolute;
		 background-color: transparent;
		 padding: 0px;
		 border: 0px;
		 visibility: hidden;
		 color: black;
		 text-decoration: none;
		 }

.thumbnail span img{ /*CSS for enlarged image*/
		     border-width: 0;
		     padding: 2px;
		     }

.thumbnail:hover span{ /*CSS for enlarged image*/
		       position: absolute;
		       visibility: visible;
		       top: -416px; 
		       left: 75px; /*position where enlarged image should offset horizontally */
		       /*z-index: 50;*/

		       }


.thumbnails img {
height: 60px;

border: 2px solid #640064;
padding: 1px;
margin: 0 10px 10px 0;
}

.thumbnails img:hover	 {
border: 2px solid #fdbf03; 
cursor:pointer;
}

.preview img {
border: 4px solid #fdbf03;
padding: 0px;
height: 325px;}

.feedbackborder img {
border: 15px solid #640064; /*Width, style, colour*/
padding: 0px;
border-image: url(1border.png) 10 10 10 stretch; }