@import "skeleton.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/



a:link { color:#D85B01; }
a:visited { color:#D85B01; }
a:hover { background:#D85B01; color:#FFF;}

#intro a:link, #intro a:visited
{
	color:#FFF;
}

#intro a:hover
{
	color:#000;
	background:none;
}

body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background:#474747  url(../images/layout/body.gif) repeat-x 0 0;

}
div#header { background:#FFF; }
div#nav { background:#000; }
div#intro { background:#FEA20A url(../images/layout/intro.gif) repeat-x 0 100%; font:14px Arial, Helvetica, sans-serif; color:#843104; }
div#main { background:#FFF url(../images/layout/main.gif) repeat-y 0 0; border-bottom:1px solid #C4C4C4; }
div#content { color:#414141; background:url(../images/layout/content.gif) no-repeat 0 0; }
div#footer { font-size:92%; background:#DEE2E2; color:#666; line-height:18px; border-top:1px solid #d6d6d6; }

/* -- NAV
----------------------------------------------------------------------------------------------------------*/


#nav ul li a
{
	color:#FFF;
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	line-height:18px;
}
body#page-home #nav ul li#nav-home a,
body#page-about #nav ul li#nav-about a,
body#page-accommodation #nav ul li#nav-accommodation a,
body#page-restaurant #nav ul li#nav-restaurant a,
body#page-specials #nav ul li#nav-specials a,
body#page-bottleshops #nav ul li#nav-bottleshops a,
body#page-specials #nav ul li#nav-specials a,
body#page-hotels #nav ul li#nav-hotels a,
body#page-maps #nav ul li#nav-maps a,
body#page-contact #nav ul li#nav-contact a,
#nav a:hover
{
	background:#FEA20A;
	color:#000;
}

#header-nav a {
	line-height:18px;
	font-size:11px;
	color: #9B9B9B;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
	text-align:center;
}
#header-nav #header-nav-sitemap a {
	background-image: url(../images/layout/icon-sitemap.gif);
}
#header-nav #header-nav-contact a {
	background-image: url(../images/layout/icon-contact.gif);
}

#header-nav a:hover {
	color:#C4060D;
}


/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#intro-wrap h1 { 
	font:20px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:25px;
	color:#3a1a00;
	letter-spacing:-0.8px;

}
#intro-wrap h1 span{ display:block; clear:left; font-size:24px; color:#eb8400; font-weight:bold; margin:8px 0 0 0; }
#intro-wrap h2 { line-height:24px;}
#content h1
{
	font-size:24px;
	line-height:23px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
}
#content h2, #sidebar h2
{
	font-weight:normal;
	font-size:18px;
	line-height:20px;
	color:#D85B01;
}

#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#282828;
}

/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border, 
.img-right, 
.img-caption-left,
.img-caption-right,
.img-left { border:1px solid #C4C4C4; background:#FFF; padding:4px; }


.tabular-data thead tr
{
	background-color:#0C3257;
}

.tabular-data th
{
	color:#FFF;
	font-weight:normal;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #D2E2FB;
	font-size:11px;
	padding:4px;
}

.tabular-data tbody tr.odd
{
	background-color:#EDF2FE;
}

.tabular-data tbody tr.even
{
}