body { margin: 29px 0px; background-color: #DFE3EB; font-family: verdana, sans-serif; font-size: 100.1%; color: #333;}

/*<group=Page layout>*/  

#pageWrapper { width: 740px; margin-left: auto; margin-right: auto; position: relative; font-size: 70%; background: #fff; }
* html body { text-align: center;  }	/* center in IE */
* html #pageWrapper { text-align: left; } 

.shadow1, .shadow2, .shadow3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
/*.shadow1 {
  float: left;
  background: #fff url(../img/misc/shadow_bottom.gif) right bottom no-repeat;
  } */
.shadow2 {
  background: url(../img/misc/shadow_bottom.gif) left bottom no-repeat;
  }
.shadow3 {
  padding: 0 8px 8px 0;
  background: url(../img/misc/shadow_tr.gif) right top no-repeat;
  }
.shadow1 {
  float: left;
  background: url(../img/misc/shadow_slice.gif) right bottom repeat-y;
  }
.shadow3 img {
  display: block;
  }
 
  
.floatRight { float: right; margin: 2px 0 6px 8px; width:220px;}

div#content { width: 700px; margin: 0px 20px; padding-bottom: 10px; border-top: 1px solid #fff; line-height: 1.3em; }  

div#content:after { content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
    
div#content { display: inline-table; }

/* Hides from IE-mac \*/
* html div#content {height: 1%;}
div#content { display: block; }
/* End hide from IE-mac */

/*<group=Column layout>*/  

div.twocol { margin: 18px 0px 0px; }

div.twocol:after { content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
    
div.twocol { display: inline-table; }

/* Hides from IE-mac \*/
* html div.twocol {height: 1%;}
div.twocol { display: block; }
/* End hide from IE-mac */

div.subnav { float: left; width: 125px; margin-right: 10px;  }
div.subnav div.arrow, div.subnav div.subarrow { line-height: 1.3em; }
div.subnav div.current, div.subnav div.current a { font-weight: bold; color: #333; word-spacing: -1px; }
div.subnav div.sub { margin-left: 1em; }

div.detail { margin-left: 135px; }
* html div.detail { height: 1%; }

/* Hides from IE-mac \*/
div.detail { margin-right: 345px; }
/* End hide from IE-mac */

div.gallery { margin-left: 135px; margin-right: -3px; }
* html div.gallery { height: 1%; }
div.gallery img { float: left; margin: 0px 5px 5px 0px; }

div.rf { float: right; margin-left: 20px; margin-top: 2px; }
div.caption { margin-top: 0.4em; }
div.caption a { font-size: 95%; padding-right: 12px; background: url(../img/misc/photo_icon.gif)  100% 3px no-repeat; }

div.twocol div.rf { float: none; margin-bottom: 20px; }
/* Hides from IE-mac \*/
div.twocol div.rf {  float: right; margin-bottom: 0; }
/* End hide from IE-mac */

div#pager { clear: both; width: 565px; margin: 1em 0em; margin-left: 135px; }
div#prevPage { float: left; }
div#nextPage { text-align: right; }

div#spain_map { position: relative; }
div#spain_map img#map { position: relative; border: 1px solid #274f6f; }
div#spain_map img#dot { position: absolute; left: 209px; top: 280px; }

/*</group>*/

/*</group>*/

/*<group=Main nav>*/  

div#nav { background: url(../img/nav/bg.gif) top left repeat-x; height: 32px; width: 740px; }
div#nav a { display: block; float: left; height: 32px; text-decoration: none; }
div#nav a i { visibility: hidden; }

a#nav_home { background: url(../img/nav/home.gif) top left no-repeat; width: 51px; margin-left: 28px; }
a#nav_apartment { background: url(../img/nav/accommodation.gif) top left no-repeat; width: 132px; }
a#nav_rates { background: url(../img/nav/rates.gif) top left no-repeat; width: 134px; }
a#nav_directions { background: url(../img/nav/directions.gif) top left no-repeat; width: 88px; }
a#nav_things_to_do { background: url(../img/nav/things_to_do.gif) top left no-repeat; width: 107px; }
a#nav_contact { background: url(../img/nav/contact.gif) top left no-repeat; width: 96px; }
a#nav_feedback { background: url(../img/nav/feedback.gif) top left no-repeat; width: 76px; }

a#nav_home:hover, a#nav_apartment:hover, a#nav_rates:hover, a#nav_directions:hover, a#nav_things_to_do:hover, a#nav_contact:hover, a#nav_feedback:hover, div#nav a.current { background-position: 0px -32px; }

* html a#nav_home { margin-left: 18px; }

/*</group>*/

/*<group=General>*/

h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 95%; font-weight: bold; font-style: normal; }

a { color: #369; font-size: 95%; text-decoration: none; }
a:hover { text-decoration: underline; }

img.h1 { margin-top: 24px; }
span.arrow, div.arrow { color: #369; }
span.blueText {color: #369; font-weight: bold; }
div.rule { background: url(../img/misc/hdots.gif) left top repeat-x; margin-top: 5px; font-size: 1px; }

p.strong { font-weight: bold; margin-left: 1em; }

img#polaroid { float: right; margin-top: 9px; margin-left: 14px; border: 0; }

table.basic { border-collapse: collapse; border: 0; margin: 0; padding: 0; }
table.basic td { margin: 0; padding: 0; border: 0; vertical-align: top; }

table.standard { width: 100%; border-collapse: collapse; font-size: 100%; margin: 1em 0em;  }
table.standard th, table.standard td { padding: 5px 8px; vertical-align: middle; text-align: center; }

table.standard th { background: url(../img/misc/thead.gif) top center no-repeat; color: #fff; }
table.standard th.topLeft { background: #234764 url(../img/misc/thead.gif) top left no-repeat;  }
table.standard th.topRight { background: url(../img/misc/thead.gif) top right no-repeat;  }

table.standard tr.subHead th { background: #1e3e58; /* border: 1px solid #1e3e58; border-width: 1px 0; */}

table.standard td { background-color: #f5f5f5; }
table.standard tr.even td { background-color: #dfe3eb; }
table.standard td.spacer { padding: 0; font-size: 1px; background-color: #dfe3eb;}
table.standard .C { text-align: center; }

table.standard tr.base td { padding: 0; font-size: 1px; }
table.standard tr.base td.L { background: #dfe3eb url(../img/misc/tbaseb.gif) bottom left no-repeat; }
table.standard tr.base td.R { background: #dfe3eb url(../img/misc/tbaseb.gif) bottom right no-repeat; }

table.form {font-size:95%;}
table.form th { width: 40%; text-align: right; padding-right: 1.5em;}
table.form th.sub { font-weight: normal; font-style: italic; }
span.required { color: #E86313; padding-left: 0.3em; font-weight: bold; }

table.emailHeader {width:100%; border:1px solid #DDD; color:#666; font-size:95%;}
table.emailHeader col.firstCol{width: 80px; border-right: 1px solid #DDD;}
table.emailHeader td {font-style: normal;}

div.quote { 
    margin-bottom: 1.5em; 
    font-style: italic;
    overflow:visible;       /* Needed to overcome IE italics bug */
    width: 100%;    
    background: url(../img/misc/hdots.gif) left top repeat-x; 
    padding-top: 0.7em; 
    margin-top: 2em;
    }

div.links {
	margin-bottom:1.5em;
	padding-top: 0.7em;
	background: url(../img/misc/hdots.gif) left top repeat-x; 
	}

/* Promo item on homepage */	
div.homePromo{
	padding:5px; 
	background-color:#234764; 
	color:#DFE3EB;
	margin-top: 1.5em;
	}
div.homePromo a {
	color: #fff
}