/*General CSS reset*/
*                                {margin:0; padding:0;}
a                                {text-decoration:none;}
ul                               {list-style-type:none; padding:0; margin:0;}
img                              {border:none;}
body                             {background:#333;}
p, li, a, div                    {font-size:20px;}
div.clearfix                     {clear:both;}
/*Calculator/datepicker styles*/
div.calculator                   {background:#222; text-align:center; height:75px; border-bottom:solid 4px #bf9849;}
div.calculator form              {line-height:75px;}
div.calculator input, div.calculator select{height:30px; border-radius:2px; margin:0 2%; width:15%; color:#999; text-indent:10px;}
div.calculator input[type="submit"]        {font-size:.8em; border:none; text-shadow:inset 1px 1px 2px #fff; background:#bf9849; border-radius:0px; color:#FFF; text-indent:0;}
div.calculator input[type="submit"]:hover  {background:#999; color:#FFF;}
/*Section styles*/
section                          {width:80%; margin:0 auto; background:#FFF; border-top:solid 4px #bf9849; border-bottom:solid 4px #bf9849;}
section.narrow                   {width:60%; margin:0 auto;}
#payment_container               {padding:20px;}
@media screen and (max-width:1300px){
section.narrow                   {width:80%; margin:0 auto;}
}
img.banner                       {width:100%; height:auto;}
/*Button Styles*/
div.button                       {margin:10px 0;}
div.button a                     {margin:10px 0; background:#bf9849; padding:5px 10px; border:solid 1px #DDD; font-weight:bold; text-shadow:inset 1px 1px 2px #fff; 
				                  font-size:.9em; font-family:Arial, sans-serif; letter-spacing:.02em; color:#FFF;}
div.button a:hover               {background:#999; color:#FFF;}
input.button                     {margin:10px 0; background:#bf9849; text-shadow:inset 1px 1px 2px #fff; padding:5px 10px; border:solid 1px #DDD; font-weight:bold; border-radius:0px;
				                  font-size:.9em; font-family:Arial, sans-serif; letter-spacing:.02em; color:#FFF; cursor:pointer;}
input.button:hover               {background:#999; color:#FFF;}
div.query form select {padding: 5px 10px;}
/*Main DIV styles*/
div.description                  {color:#333; padding:20px; }
div.description p                {text-align:justify; line-height:1.4em;}
div.description a                {text-decoration:underline;}
/*Image float styles*/
img.float_left                   {margin:0 20px 5px 0; float:left;}
img.float_right                  {margin:0 0 5px 20px; float:right;}
/*H2 styles*/
.accordionHeading                {display:inline-block; font-weight:normal; color:#CCC; padding:10px 0 15px 0; margin:0 0 20px 0; 
					              border-bottom:solid 1px #CCC; background:url(../images/underline.png)no-repeat left bottom;}
/*INDEX.PHP PAGE STYLES*/
/*Styles for Slideshow*/
div.slideshow                    {position:relative;}
div.headings                     {opacity:0; position:absolute; bottom:35%; text-align:center; width:100%;}
div.headings h1, div.headings h2 {color:white; z-index:2; padding:10px; display:inline-block; font-weight:normal;}
div.slideshow img                {width:100%; height:auto; opacity:0; z-index:0; position:absolute; top:0; left:0;}
.headings h1                     {background:rgba(000,000,000,.6);}
.headings h2                     {background:rgba(191,152,073,.6); margin-bottom:15px; font-size:1.8em;}
.prev, .next                     {position: absolute;height: 56px; width: 56px; 
								  background:url(../images/direction_sprite.png)no-repeat 0 0; 
                                  position:absolute; top:40%; margin:30px; left:0; z-index:4; cursor: pointer;}				 
.prev                            {background-position:0 -100px; left:0;}
.prev:hover                      {background-position:0 0;}
.next                            {left:auto;right: 0; background-position:-100px -100px; right:0;}
.next:hover                      {background-position:-100px 0;}
/*Caption styles*/
div.captions                     {background:white;}
div.caption                      {display:inline-block; width:30.33%; padding:1.5%; vertical-align:top;}
div.caption img                  {width:100%; height:auto;}
div.caption ul             		 {padding-bottom:10px;}
div.caption ul li                {background:url(../images/tick.png)no-repeat 0 10px; padding:5px 5px 5px 25px; color:#666;}
div.caption p                    {color:#666; padding:12px 0;}
div.caption div#map_canvas       {width:100%; height:230px; margin-bottom:20px;}
div.caption h3                   {margin:0 0 25px 0; padding:0 0 10px 0; color:#999; font-weight:normal; 
						          font-size:1.5em; border-bottom:solid 1px #CCC;
				                  background:url(../images/underline.png)no-repeat left bottom;}
/*APARTMENT_ONE.PHP STYLES*/
div#apartments, div#aside        {padding:20px;}
div.container                    {height:0; overflow:hidden;}
div.unavailable                  {border-radius:10px; padding:20px; border:solid 2px #bf9849; margin:20px;}
/*Apartments table styles*/
ul.headerRow li                  {background:#bf9849; color:#FFF;  margin-top:20px; line-height:50px; display:inline-block; 
				                  vertical-align:middle; text-align:center; min-width:65px;}
ul.dataRow                       {border-bottom:solid 1px #CCC; cursor:pointer;}
ul.dataRow li                    {display:inline-block; vertical-align:middle;color:#111; text-align:center; min-width:65px;}
ul.dataRow li a                  {color:#222; line-height:50px; display:block;}
ul.dataRow:hover                 {background:#333;}
ul.dataRow:hover li              {color:#FFF;} 
ul.dataRow:hover li a            {color:#ccc;}
ul.dataRow li:first-child, ul.headerRow li:first-child  {width:40%; text-indent:10px; text-align:left;}
ul.dataRow li:nth-child(2), ul.headerRow li:nth-child(2){width:15%;}
ul.dataRow li:nth-child(3), ul.headerRow li:nth-child(3){width:30%;}
ul.dataRow li:nth-child(4), ul.headerRow li:nth-child(4){width:15%;}
ul.dataRow li:nth-child(3)       {color:red; font-size:.8em;}
ul.dataRow li:nth-child(4)       {font-size:.8em;}
.highlighted                     {background:#bf9849;}
span.price, span.available       {font-family:Arial, sans-serif; text-transform:uppercase; font-size:16px;}
span.available                   {color:#0C6;}
span.price                       {color:#3CF;  font-weight:bold;}
span.payAdvance                  {color:red; font-weight:bold;}
span.bullet                      {color:#ccc;}
/*Styles for Main Accordions*/
div.flexible_container           {height:0;overflow:hidden;}
div.flexible_container.opened      {height:auto;overflow:hidden;}
div#apartments select            {padding:5px 10px;}
a.plusMinus, a.minusPlus {height:30px; width:30px; display:inline-block; 
								  background:url(../images/plusMinus_sprite.png)no-repeat 2px 17px;}				  
a.plusMinus:hover                {background-position: 2px -47px;}
a.plusMinus.now_open, a.minusPlus             {background-position: 2px -111px;}
a.plusMinus.now_open:hover, a.minusPlus:hover       {background-position: 2px -175px;}
a.minusPlus.now_open {background-position: 2px 17px;}
a.minusPlus.now_open:hover {background-position: 2px -47px;}
/*Gallery Styles*/	
div.thumbs, div.preview          {display:inline-block; box-sizing:border-box; vertical-align:top;}
div.thumbs                       {padding:0 1.5%; width:50.8%;}
div.thumbs img                   {margin:2% 2% 1% 2%; opacity:.8; width:21%; height:auto; box-sizing:border-box;}
div.thumbs img.selectedThumb     {opacity:1; border:solid 1px #666;}
div.preview                      {position:relative; width:46.2%;}
div.preview img                  {opacity:0; position:absolute; top:10px; left:10px; width:97%; height:auto; 
							      max-width:550px; border:solid 1px #666;}
/*Amenities styles*/
div.amenities ul                 {margin:0; padding-bottom:0px;}
div.amenities li span            {color:#CCC;}
div.amenities li                 {display:inline-block; width:25%; height:30px; line-height:30px; text-indent:20px; color:#333;}
@media screen and (max-width:1100px){
div.amenities li                 {width:33.33%;}
}
/*Main Gallery Styles*/
div.pragueSlideshow              {background:#0a0a0a url(../images/moleskin.jpg)repeat 0 0; position:relative; } 
div.clickNav div.next, div.clickNav div.prev {top:35%;}
div.mainImage                    {position:relative; max-width:1500px; margin:0 auto;overflow-x:auto; overflow-y:hidden;}
div.mainImage img                {opacity:0; position:absolute; top:0; left:0; width:100%; height:auto; min-width:750px;}
div.thumbnails                   {background:#1a1a1a; text-align:center; overflow:auto;overflow-x:auto; 
                                  overflow-y:hidden; white-space:nowrap;}
div.thumbnails img               {display:inline-block; margin:16px 8px; opacity:.6;}
div.thumbnails img.selectedThumb {opacity:1; border:solid 1px #CCC;}
/*PRICELIST.PHP Styles*/
section.pricelist  h2            {margin-left:20%;}  
section.pricelist  p             {width:60%; margin:20px auto; color:#666;}
section.pricelist table          {width:60%; margin:0 auto; padding:20px; border-collapse:collapse;}
section.pricelist table th       {background:#bf9849; color:#FFF; padding:5px; text-align:left;}
section.pricelist table td       {padding:5px; color:#666;}           
section.pricelist tr.studioType td{border-bottom:solid 1px #CCC;}
/*ABOUT.PHP Styles*/
span.largeCap                    {font-size:3em; color:#666; text-shadow:1px 1px 0 #111; }
img.signature                    {width:250px; height:auto;}
/*Styles for the Map*/
div#map_container                {width:80%; height:650px; position:absolute; top:10%; left:-99999px; background:white; border-radius:15px;}
div#map_container h2             {margin-left:20px;}
div#google_map                   {width:100%; height:580px; position:absolute; bottom:0; left:0; border-radius:0 0 15px 15px;}
/*Styles for the Contact Form*/
.statusMessage, #contactForm input[type="submit"], #contactForm input[type="button"]{border-radius: 10px;}
#contactForm, .statusMessage     {color:#EEE;  background:#222; border:1px solid #333; box-shadow:0 0 15px rgba(0,0,0,.5); opacity:.85;
                              	  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#444), color-stop(1, #222) );
                                  background: -moz-linear-gradient( center bottom, #444 0%, #222 100% );}
#contactForm                     {display:none; width:40%;  height: 650px; border-radius:15px; 
								  border-bottom:solid 4px #bf9849; position: absolute;  top:30%; left:30%;  right:30%; z-index:9999;} 

.statusMessage                   {display:none;  margin:auto;  width:30em;  height:2em;  padding:1.5em;  position:fixed;  top:0;  bottom:0; left:0;  right:0;}
.statusMessage p                 {text-align: center;}
div.contactHeader                {background: #FFF url(../images/stamp.png) no-repeat right 0; padding:1em; border-radius: 10px 10px 0 0;}
#contactForm ul li               {margin:.9em 0 0 0;  white-space:nowrap;}
label                            {width: 28%; display:inline-block; padding: 2% 0 2% 0;  margin: 0; font-weight: bold; 
							      text-align:right; vertical-align:top;}
#contactForm input, 
#contactForm textarea            {display: inline-block; margin:0; padding:1%; width:64%; font-family: "Georgia", serif; font-size: 1em;
                                  border:1px solid #aaa; border-radius:5px; box-shadow:rgba(0,0,0,.2) 0 1px 4px inset; background:#fff;}
#contactForm textarea            {height: 13em;}
#contactForm input:focus,
#contactForm textarea:focus      {outline:solid 1px #bf9849; }
div#formButtons                  {text-align:center;}
#contactForm input[type="submit"], 
#contactForm input[type="button"]{display:inline-block; margin:0; width:140px; padding:.5em;  border:1px solid #666; margin:25px;
								  border-radius: 10px; box-shadow: 0 0 .5em rgba(0, 0, 0, .8); color: #fff;
								  background: #bf9849; font-size: 1em; line-height: 1em; font-weight: bold; opacity: .7;
								  -webkit-appearance: none;-moz-transition: opacity .5s;-webkit-transition: opacity .5s;
								  -o-transition: opacity .5s; transition: opacity .5s;}
.exit		                     {opacity: .7;-webkit-appearance: none;-moz-transition: opacity .5s;
                                  -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s}	
.exit:hover,								
#contactForm input[type="submit"]:hover,
#contactForm input[type="submit"]:active,
#contactForm input[type="button"]:hover,
#contactForm input[type="button"]:active  {cursor: pointer; opacity: 1;}
#contactForm input[type="submit"]:active, input[type="button"]:active{color:#333; background:#eee; box-shadow:0 0 .5em rgba(0, 0, 0, .8) inset;}
#contactForm input[type="button"]{background: #FFF; color:#111;}
#contactForm ul li:nth-child(3)  {display:none; position:absolute; left:-9999px;}
.exit                            {width:25px; height:25px; position:absolute; top:10px; right:10px; border-radius:5px; border:solid 1px #333;
								  background:#bf9849 url(../images/cancel_sprite.png)no-repeat 0 5px;}
.exit:hover                      {background-position:0 -35px; }
/*Footer styles*/
footer                           {background:#111; color:#999; font-family:Arial, sans-serif;}
div#social                       {text-align:right; width:25%;}
footer div#social ul li          {display:inline-block; width:36px; height:36px;}
footer div#social ul li a        {background:url(../images/social_sprite.png)no-repeat 0 -60px; width:100%; height:100%; display:block;}
footer div#social ul li:nth-child(1) a:hover{background-position:0 0;}
footer div#social ul li:nth-child(2) a      {background-position:-50px -60px;}
footer div#social ul li:nth-child(2) a:hover{background-position:-50px 0;}
footer div#social ul li:nth-child(3) a      {background-position:-100px -60px;}
footer div#social ul li:nth-child(3) a:hover{background-position:-100px 0;}
footer div#social ul li:nth-child(4) a      {background-position:-150px -60px;}
footer div#social ul li:nth-child(4) a:hover{background-position:-150px 0;}
footer div#topRow                {border-bottom:solid 1px #333; padding:2%; width:76%; margin:0 auto;}
footer div#topRow>ul, div#social {display:inline-block; }
footer div#topRow>ul             {width:75%;}
footer div#topRow>ul li          {display:inline-block;}
footer div#topRow>ul li a        {display:block; width:110px; height:47px; background:url(../images/payment.png)no-repeat 0 0;}
footer div#topRow>ul li:nth-child(1) a:hover {background-position:-110px 0; }
footer div#topRow>ul li:nth-child(2) a       {background-position:-220px 0; }
footer div#topRow>ul li:nth-child(2) a:hover {background-position:-330px 0; }
footer div#topRow>ul li:nth-child(3) a       {background-position:-440px 0; width:60px;}
footer div#topRow>ul li:nth-child(3) a:hover {background-position:-550px 0; }
footer div#topRow>ul li:nth-child(4) a       {background-position:-660px 0; width:55px;}
footer div#topRow>ul li:nth-child(4) a:hover {background-position:-770px 0; }
footer div#topRow>ul li:nth-child(5) a       {background-position:-882px 0; width:55px;}
footer div#topRow>ul li:nth-child(5) a:hover {background-position:-992px 0; }
footer div#topRow>ul li:nth-child(6) a       {background-position:-1102px 0; width:55px;}
footer div#topRow>ul li:nth-child(6) a:hover {background-position:-1212px 0; }
div.bottomRow {padding:10px;}
div.bottomRow small                     {display:inline-block; width:50%; vertical-align:middle; font-size:16px;  text-align:right;}
div.bottomRow ul {display:inline-block; vertical-align:middle; width:50%;}
div.bottomRow ul li {display:inline-block; vertical-align:top;}
div.bottomRow ul li a {color:#999; font-size:16px;} 
div.bottomRow ul li a:hover {color:#FFF;}

form#reservationData fieldset {margin:20px 0; padding:20px; border:solid 2px #bf9849; border-radius:10px;}
form#reservationData select   {padding:5px 10px; vertical-align:middle;  margin:10px 0;}
form#reservationData label    {display:inline-block; width:200px; text-align:right; vertical-align:middle; padding:0;}
div.details strong {display:inline-block; width:200px; text-align:right; padding:0;}
form#reservationData input {padding:5px 10px; margin:10px 0; font-size:16px;}
div.details em {font-weight:bold; color:red;}
form#reservationData textarea {font-size:16px;}
label.textAreaLabel {vertical-align:top !important;}
#paymentType label {width:auto !important; text-align:left;}
ul.list_style {list-style:disc; margin-left:20px;}
div.inline_buttons {display:inline;}