MobileAppChoice_Content_CSS

/* @font-face start */

@font-face {
font-family: 'OpenSansLight';
src: url('fonts/open-sans-fontfacekit/OpenSans-Light-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-Light-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-Light-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: 'OpenSansLightItalic';
src: url('fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
font-weight: 200;
font-style: italic;

}

@font-face {
font-family: 'OpenSans';
src: url('fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: 400;
font-style: normal;

}

@font-face {
font-family: 'OpenSansItalic';
src: url('fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
font-weight: 400;
font-style: italic;

}

@font-face {
font-family: 'OpenSansSemibold';
src: url('fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
font-weight: 600;
font-style: normal;

}

@font-face {
font-family: 'OpenSansSemiboldItalic';
src: url('fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
font-weight: 600;
font-style: italic;

}

@font-face {
font-family: 'OpenSansBold';
src: url('fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight: 800;
font-style: normal;

}

@font-face {
font-family: 'OpenSansBoldItalic';
src: url('fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
font-weight: 800;
font-style: italic;

}

@font-face {
font-family: 'OpenSansExtrabold';
src: url('fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
font-weight: 1000;
font-style: normal;

}

@font-face {
font-family: 'OpenSansExtraboldItalic';
src: url('fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot');
src: url('fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
url('fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
url('fonts/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
font-weight: 1000;
font-style: italic;

}

/* @font-face end */

body {
margin: 0;
font-family: OpenSans;
color: #58595b;
width: 1024px;
height: 748px;
}

sup {vertical-align: text-top;font-size: 0.65em;}

.page {
width: 1024px;
height: 748px;
background: #ffffff;
}

.africa .headline {
background-color: #60351d;
}

.africa h1 {
border-left-color: #60351d;
}

.africa h2 {
color: #60351d;
}

.asia .headline {
background-color: #773141;
}

.asia h1 {
border-left-color: #773141;
}

.asia h2 {
color: #773141;
}

.australia .headline {
background-color: #331C54;
}

.australia h1 {
border-left-color: #331C54;
}

.australia h2 {
color: #331C54;
}

.europe .headline {
background-color: #003359;
}

.europe h1 {
border-left-color: #003359;
}

.europe h2 {
color: #003359;
}

.north-america .headline {
background-color: #b3995d;
}

.north-america h1 {
border-left-color: #b3995d;
}

.north-america h2 {
color: #b3995d;
}

h1 {
width: 610px;
height: 24px;
margin-top: 21px;
color: #b3995d;
font-family: Cochin,YanaR;
font-weight: normal;
font-size: 24px;
line-height: 32px;
border-left: 24px solid #000000;
padding-left: 46px;
float: left;
letter-spacing: -0.0em;
}

h2 {
width: 296px;
height: 24px;
margin-top: 21px;
float: left;
font-family: OpenSansBold;
font-size: 12px;
text-transform: uppercase;
text-align: right;
line-height: 40px;
color: #000000;
letter-spacing: 0.1em;
}

div.content {
width: 1024px;
height: 647px;
background-image:-webkit-radial-gradient(circle, #ffffff 40%, #d8d4c4 125%);
clear: both;
}

.headline {
background-color: #000000;
color: #ffffff;
font-family: OpenSansBold;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.1em;
padding-left: 6px;
}

.text {
font-size: 13px;
line-height: 18px;
font-family: 'Hoefler Text';
}

.list {
font-size: 12px;
line-height: 18px;
list-style-type: none;
height: 435px;
padding-left: 0;
overflow: auto;
position: relative;
z-index: 100;
}

.list li {
}

.list li:before {
content: "▪ ";
color: #b3995d;
}

.resort-features {
width: 540px;
height: 647px;
float: left;
}

.resort-features .headline {
width: 464px;
position: absolute;
margin-top: -18px;
margin-left: 70px;
z-index: 100;
height: 18px;
}

.resort-features .text {
width: 470px;
height: 265px;
margin-top: 0px;
margin-left: 70px;
overflow: auto;
}

.services-amenities {
width:188px;
height: 647px;
margin-left: 30px;
float: left;
}

.services-amenities .headline {
width: 182px;
position: absolute;
margin-top: -18px;
z-index: 100;
height: 18px;
}

.nearby-attractions {
width:188px;
height: 647px;
margin-left: 30px;
float: left;
}

.nearby-attractions .headline {
width: 182px;
position: absolute;
margin-top: -18px;
z-index: 100;
height: 18px;
}

h5 {
color: #e0dccb;
position: absolute;
font-size:90px;
font-family: Cochin;
font-weight: normal;
margin-left: 70px;
width: 906px;
text-align: right;
top:477px;
}

h4 {
margin-top: 13px;
margin-left: 70px;
font-size: 11px;
font-family: OpenSansBold;
text-transform: uppercase;
letter-spacing: 0.3em;
}