body {
color: #eee; 
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
line-height: 1.4em;
letter-spacing: 1px;
margin: 0;
padding: 0;
background: #1a1a1a;
height: 100%;
width: 100%;
background-position: top left;
background-repeat: no-repeat;
-webkit-text-size-adjust: none;}

html, body {height: 100%;}

a { color: #a7e9ff!important; text-decoration: none; }
a img {border: 0;}
a {outline: none;  }
a {border: 0;}
a {margin: 0;}

hr { color: #ece8db; background: #ece8db; border: none; border-top: 1px solid #ece8db;  }

h1 { letter-spacing: 1px; font-size: 18px; line-height: 11px; text-align: center; font-weight: normal; font-family: "Times New Roman", Times, serif; letter-spacing: 2px; margin: 21px 0 0 0; }
h2 { letter-spacing: 1px; font-size: 18px; color: #ff0299; text-align: center; text-decoration: none; font-weight: normal; font-family: "Times New Roman", Times, serif; letter-spacing: 2px; margin: 11px 0 0 0; }
h3 { margin: 0; font-size: 17px; padding: 6px 0; text-align: center; font-weight: normal; font-family: "Times New Roman", Times, serif; }

 /* #container {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
} */

.img1 { margin: 4% 0 0 4%; }
.img2 { margin: 4% 0 0 4%; border: 1px solid #ff0299; }
.img2a { margin: 4% 0 4% 4%; border: 1px solid #ff0299; }
.img2b { margin: 20px 0 3px 15px; border: 1px solid #ff0299; }
.img3 { margin: 4% 0 0 0; }
.img4 { margin: 4% auto 0 auto; border: 1px solid #ff0299; text-align: center; }
.img4 img { display: block;} /* removes space at bottom before border */
.img5 { border: 2px solid #ff0299; }

.wht { color: #fff; margin: 22px 0 0 0; letter-spacing: 1px; }
.gapadjust { margin-top: 7px; }
.pinked { color: #ff0095;}
.whited { color: #fff;}
.cont { padding-top: 30px; text-align: center; margin-bottom: 40px; }
.cont a { color: #fff; font-size: 155%; text-align: center; font-family: Times New, serif; text-shadow: 2px 0 5px #487b95, -2px 0 5px #487b95, 0 2px 5px #487b95, 0 -2px 5px #487b95, 1px 1px 0 #487b95, -1px -1px 5px #487b95, 1px -1px 5px #487b95, -1px 1px 5px #487b95; letter-spacing: 1px; }
.cont a:hover { color: #ff0095!important; }
.cont a, .cont a:hover {  
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out; }

#container { position: relative; min-width: 320px; max-width: 450px; margin-left: auto; margin-right: auto; min-height: 100%;}  
#maincontent { margin: 0; height: auto; overflow:hidden; padding-bottom: 80px; width: 96%; margin: 0 auto; }

#logocontainer { height: 130px; width: 100%; /* background: url(images/bgdivider.jpg) no-repeat bottom; */  }
#logo { width: 320px; margin: 0 auto 0 auto; padding-top: 3px; }

.buttons, .buttons2, .buttons3, .buttons4 {position: relative; background: #ff0299; margin: 0 auto 0 auto; font-size: 18px; width: 98%; margin: 0 auto; padding: 0; border: 1px solid #fff; }		
a.fill {display:block; width:99%; height: 35px; margin: 0 auto; padding: 18px 0 0 0; color: #eee!important; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; }    
a.fill:hover {background: #a7e9ff; display:block; width:100%; height: 35px; margin: 0 auto; padding: 18px 0 0 0; text-decoration: none; }    
.buttimg { margin: -5px 20px 0 0; }       

/* PHONE BUTTON */
.buttons, .buttons4 { background: url(images/button-bg.png) repeat-x top; height: 60px; width: 100%; border: none; padding-top: 10px; } /* button-bg.png HEIGHT IS ACTUALLY 70PX */
.buttons span, .buttons4 span  {color: #f7a5dc; text-shadow: 2px 0 9px #000, -2px 0 9px #000, 0 2px 5px #ff0299, 0 -2px 5px #ff0299, 1px 1px 0 #ff0299, -1px -1px 5px #ff0299, 1px -1px 5px #ff0299, -1px 1px 5px #ff0299; }
.buttons4 { background: url(images/button2-bg.png) repeat-x bottom; height: 46px; padding-top: 10px; }
/* .buttons a:active { background: #2d67b2;  } */

a.fill2 {display:block; height:100%; width:100%; height: 35px; margin: 0 auto; padding: 16px 0 0 0; color: #ff0299; font-size: 23px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; }    
a.fill5 {display:block; height:100%; width:100%; height: 35px; margin: 0 auto; padding: 0 0 0 0; color: #ff0299; font-size: 23px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; }    

/* MAIN TOP MENU */
#menusur2 {text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; height: 40px; margin-bottom: 16px; } 

a.fill3 {display:block; height:100%; width:100%; height: 40px; margin: 0 auto; color: #fff!important; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; }    
a.fill3:hover {background: #a7e9ff; display:block; height:100%; width:100%; height: auto; margin: 0 auto; color: #000!important; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; } 

a.fill4 {display:block; height:100%; background: #a7e9ff; width:100%; height: 40px; margin: 0 auto; color: #000!important; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; }    
a.fill4:hover {background: #ff0299; display:block; height:100%; width:100%; height: auto; margin: 0 auto; color: #000!important; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; text-decoration: none; }

.buttons3 { display: inline-block; vertical-align: top; width: 30%; line-height: 40px; }
/* END */

.ui-btn-active { color: #2F3E46 !important; background: none !important; background-color: #1367c7 !important; text-shadow: 0 /*{a-bup-shadow-x}*/ 0 /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #fff /*{a-bup-shadow-color}*/;  }

.mainwords { padding: 10px; margin-bottom: 8px; text-align: justify; }
.mainwords a { color: #1367c7;  }
.mainwords ul { list-style-type: none; margin-left: -30px; }

/* #vidsur { position: relative; padding-bottom: 56.25%; border: 1px solid #ff0299; padding-top: 25px; height: 0;} */
/* #vidsur iframe, #vid object, #vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */

.vidsur { position: relative; padding-bottom: 56.25%; /* 16:9 */ border: 1px solid #ff0299; padding-top: 25px; height: 0; margin-bottom: 5%;}
.vidsur iframe, .vid object, .vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 99.9%; }

.equal { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; }
.words { display: inline-block; vertical-align: top; width: 21%; height: 100%; vertical-align: middle; }
.words2 { display: inline-block; vertical-align: top; width: 31%; margin-top: 4%;  }

.equal3 { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; width: 70%; margin: 0 auto; }
.words4 { display: inline-block; vertical-align: top; width: 28%; height: 100%; vertical-align: middle; }

.equal2 { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; background: #fff; }
.words3 { display: inline-block; width: 28%; padding: 4% 2% 0 2%; height: 100%; vertical-align: middle;   }

.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;}

.blueline { background: url(images/bg-blue-line.png) repeat-x bottom; height: 20px; padding: 15px 0; }
ul.normal { list-style-type: inherit; }

#seenon { color: #fff; /* text-shadow: 2px 2px 7px #00baef; */ font-family: "Times New Roman", Times, serif; font-size: 17px; text-align: center; 
text-shadow: 2px 0 9px #000, -2px 0 9px #00baef, 0 2px 9px #00baef, 0 -2px 9px #00baef, 1px 1px 0 #00baef, -1px -1px 9px #00baef, 1px -1px 9px #00baef, -1px 1px 9px #00baef; }

.empty { clear: both; }
.empty2 { clear: both; height: 20px; }

#homeimgsur {position: relative; }
#homeimgsur::after { content: ""; display: table; clear: both; }

#mag { position: absolute; top: 95px; left: 15px; width: 30%;  }
#equit {position: absolute; bottom: 80px; left: 15px; width: 30%; }
#homeimg { float: right; width: 76%; }

.find { float: left; width: 150px;  }

#opening {float: left; width: 320px; min-height: 210px; border-top: solid #ece8db 1px; }
.day { float: left; width: 107px; margin-bottom: 3px;  }
.time { float: left; width: 163px; margin-bottom: 3px; }

.mainwordsfind { margin-bottom: 8px; }
.mainwordsfind a { color: #4455b6;  }
.mainwordsfind a:hover { color: #fa7e04; }
#findaddy { margin-left: 30px; }

.contactus { margin: 35px 25px 25px 220px;}

.commentarea p { margin-bottom: 11px; }

.commentarea textarea { -webkit-appearance: none; width: 94%; padding: 12px 10px 12px 10px; height: 110px; border: 2px solid #ff0299; border-radius: 0; font-size: inherit; }

.termsagreed {margin-top: 20px; }

.submitbutton { text-align: left; }
.submitbutton input { -webkit-appearance: none;  margin: 20px 0 30px 0; height: 45px; width: 100%; background: #ff0299; color: #fff; font-size: 14px; font-family: "Times New Roman", Times, serif; letter-spacing: 1px; border: 1px solid #ece8db; border-radius: 0; }

.mandatory {color: red;}

#thanks { font-size: large; margin-bottom: 70px; text-align: center; }

.contactdetails {margin-top: 10px;  }
.contactdetails label { text-align: left; float: left; width: 270px; padding: 5px 0 10px 0px; }
.contactdetails input {width: 94%; margin: 0 0 10px 0; padding: 12px 10px 12px 10px; border: 2px solid #ff0299; border-radius: 0; font-size: inherit; }

/* NEW CONTACT FORM */
#renove_padding { margin-bottom: -100px!important; }

#footer { /* border-top: #00baef 2px solid; */ background: url(images/bgdivider3.png) repeat-x top; position: relative; font-size: 11px; text-align: center; height: 90px; margin-top: -90px; width: 100%; 
margin-left: auto; margin-right: auto;  clear: both; }
#footerw { padding-top: 15px; color: #a7e9ff; -webkit-font-smoothing: antialiased; } 
#footerw a { color: #a7e9ff; }
.pipe { color: #eee; }