html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, table, tr, th, td, input, select, textarea { margin: 0; padding: 0; }

body
{
	position: relative;
	font: 14px/1.5em Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
}

a, a:link, a:visited { color: #fff; }

.clear { clear: both; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

#container
{
	position: relative;
	min-width: 940px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #0a2143;
}
body.index #container {  background-color: #0a2143; }
body.lifestyle #container { background-color: #154258; background-image: url("../images/splash/flowers.1.gif"); }
body.guides #container { background-color: #78342a; background-image: url("../images/splash/flowers.2.gif"); }
body.foreign #container { background-color: #000; background-image: url("../images/splash/flowers.3.gif"); }

#photo
{
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 100px; height: expression((document.getElementById('container').clientHeight - 1) + 'px');
	background-position: right top;
	background-repeat: no-repeat;
}
#container > #photo { height: auto; min-height: 100%; }
body.index #photo { background-color: #475972; }
body.lifestyle #photo { background-color: #31576a; background-image: url("../images/splash/photo.1.big.jpg"); }
body.guides #photo { background-color: #864a41; background-image: url("../images/splash/photo.2.big.jpg"); }
body.foreign #photo { background-color: #1a1a1a; background-image: url("../images/splash/photo.3.big.jpg"); }

#content { width: 940px; margin-left: 100px; padding: 20px 0; }

div.sites { margin: 20px 0; text-align:left; color: #f5bb0e; font-weight:bold;  }
div.sites a { text-transform:uppercase; color: #f5bb0e; text-decoration:none; }
div.sites a.contact { color: #fff; text-decoration:underline; font-style: italic; font-size: 12px; text-transform:none; }

div.wide, div.narrow, div.border
{
	display: inline; float: left;
	margin: 0 0 20px 30px;
}
div.wide { width: 460px; }
div.border { width: 1px; margin-top: 100px; height: 500px; border-left: 1px solid #fff; }
div.wide h2 { font-size: 16px; }

div.narrow { width: 350px; line-height: 130%; margin:100px 0 20px 30px; font-size: 12px; text-transform:uppercase; }
div.narrow h2 { font-size: 16px; margin: 5px 0; }
div.narrow h3 { font-size: 14px; margin: 10px 0 2px 0 !important;  }
div.narrow a { display:block; text-transform:uppercase; text-decoration:none; font-size: 12px; }
div.narrow a:hover { color: #f5bb0e; }
div.narrow span.coming { text-transform:lowercase; font-style:italic; color: #ff0000; font-weight: bold; }
div.narrow p { margin:0px; display:block; text-transform:uppercase; text-decoration:none; font-size: 12px; }

h1 a
{
	display: block;
	width: 280px; height: 68px;
	width: 460px; height: 112px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash/logo.big.png',sizingMethod='crop');
}
h1 > a { filter: none; background: url("../images/splash/logo.big.png") left top no-repeat; }
h1 { margin-bottom: 1em; }
body.index h1 a
{
	width: 460px; height: 112px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash/logo.big.png',sizingMethod='crop');
}
body.index h1 > a
{
	filter: none;
	background-image: url("../images/splash/logo.big.png");
}
h1 span { display: none; }

#tagline
{
	width: 460px; height: 89px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#tagline em { display: none; }

body.index #tagline
{
	width: 460px; height: 26px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash/tagline.index.png',sizingMethod='crop');*/
}
/*body.index #content > #tagline { filter: none; background-image: url("../images/splash/tagline.index.png"); }*/

body.lifestyle #tagline { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash/tagline.lifestyle.png',sizingMethod='crop'); }
body.lifestyle #content > #tagline { filter: none; background-image: url("../images/splash/tagline.lifestyle.png"); }

body.guides #tagline { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash/tagline.guides.png',sizingMethod='crop'); }
body.guides #content > #tagline { filter: none; background-image: url("../images/splash/tagline.guides.png"); }

body.foreign #tagline { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash/tagline.foreign.png',sizingMethod='crop'); }
body.foreign #content > #tagline { filter: none; background-image: url("../images/splash/tagline.foreign.png"); }

#nav { margin: 0 !important; }
#nav, #nav li { list-style: none; }
#nav h3 { font-size: 12px; margin: 2px 0; }
#nav li
{
	display: inline; float: left;
	width: 140px;
	margin: 0 20px 40px 0;
}

#nav a, #nav a:link, #nav a:visited
{
	display: block;
	width: 140px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	/*text-transform: uppercase;*/
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#nav li.foreign { margin-right: 0; }

#nav span
{
	display: block;
	width: 140px; height: 175px;
	margin: 0 0 10px 0;
	border-bottom: 3px #fff solid;
	background-position: 0 -175px;
	background-repeat: no-repeat;
}
#nav li.lifestyle span { background-image: url("../images/splash/photo.1.nav.jpg"); }
#nav li.guides span { background-image: url("../images/splash/photo.2.nav.jpg"); }
#nav li.foreign span { background-image: url("../images/splash/photo.3.nav.jpg"); }

#nav a:hover,
body.lifestyle #nav li.lifestyle a,
body.guides #nav li.guides a,
body.foreign #nav li.foreign a { color: #f5bb0e; }

#nav a:hover span,
body.lifestyle #nav li.lifestyle span,
body.guides #nav li.guides span,
body.foreign #nav li.foreign span { border-color: #f5bb0e; background-position: 0 0; }

#contact_box { display: none; width: 500px;}
#contact_box.show { display: block; }
#contact_box p { margin: 0 120px; width: 500px; text-align:left;}
#contact_box p.error_message { color: #f5bb0e; }
#contact table { width: 100%; margin-bottom: 10px; }
#contact td.required { padding: 0 0 0 120px; text-align:left; }
#contact td
{
	width: 50%;
	padding: 0 0 10px 10px;
	vertical-align: top;
	text-align: right;
}
#contact input, #contact textarea
{
	width: 100%;
	padding: 3px 0;
	border: 1px #ccc solid; border-width: 1px 0;
	text-align: left;
	color: #999; background: #ccc;
}
#contact input:hover, #contact textarea:hover,
#contact input.hover, #contact textarea.hover { color: #999; background: #fff; }
#contact input:focus, #contact textarea:focus,
#contact input.focus, #contact textarea.focus { color: #000; background: #fff; }
#contact input.button
{
	border: 1px #f5bb0e outset;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	color: #000; background: #f5bb0e;
}
#contact input.button:hover { border-color: #f8cc4a; background: #f8cc4a; }
#contact input.button:active, #contact input.button:focus { border-style: inset; }

#copy { color: #fff; }
#page_content_item { margin: 0 0 20px 0; }

h2, h3, h4, h5, h6, p, ol, ul { margin: 0 0 .5em 0; }
h2, h3, h4 { line-height: 1.25em; text-transform: uppercase; color: #f5bb0e; }
h4 { font-weight: normal; color: #fff; }
ol, ul { margin-left: 2em; }

strong { text-transform: uppercase; color: #fff; }

sup { font-size: 50%; }

#footer
{
	position: absolute;
	left: 0; bottom: 0; right: 0;
	width: expression((document.getElementById('container').clientWidth) + 'px'); height: 20px;
	background: #f5bb0e;
}

/** popups **/
div.mochaContent { line-height: 120% !important; }
div.mochaContent p, div.mochaContent a { color: #000 !important; }
div.mochaContent p { line-height: 120% !important; }
.mochaTitle { color: #fff !important; }
.mochaPrintButton { position:absolute; right: 20px; cursor:pointer; }