/* Site Name CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";
@import "form.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #007dc6 url(../images/layout/bg.gif) repeat-x;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
}

a:link { color:#16A1E0; }
a:visited { color:#16A1E0; }
a:hover { background:#16A1E0; color:#FFF; text-decoration:none;}

.last, #content .last
{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout, div#layout-footer
{
	clear: both;
	min-width:780px;
	text-align:center;
}


div#layout-inner, div#layout-footer-inner
{
	width:780px;
	text-align:left;
}

div#layout-inner
{
	background: white;
	margin:10px auto 0 auto;
}

div#layout-footer-inner
{
	margin: 0 auto;
}

div#header-wrap,
div#main-wrap,
div#nav-wrap,
div#slideshow
{
	padding-left: 13px;
	padding-right: 13px;
}

div#main-wrap
{
	padding-top: 13px;
}

div#main-bottom
{
	clear: both;
	height: 0;
}

div#footer-wrap
{ 
	text-align: center; 
	background: url(../images/layout/bottomcorners.png) no-repeat; 
}

div#header 
{ 
	padding: 13px; 
	text-align: right; 
}

div#footer 
{ 
	padding-top: 60px; 
	padding-bottom: 40px; 
}

div#left-sidebar
{ 
	float: left; 
	width: 180px; 
	padding-left: 15px; 
}

div#content
{
	float: left; 
	width: 525px; 
	padding: 0 15px; 
}

body.no-side-left div#content
{
	width:720px;
}

div#footer-nav, div#footer-nav a { color: white; }
div#footer-nav a:hover, div#footer-info a:hover
{ 
	color: #ffe03f; 
	text-decoration: underline; 
	background: none; 
}

div#footer-info, div#footer-info a { color: white; }
div#footer-info p { margin: 0; }
div#footer-info span.nqweblink { font-size: 85%; color:#DCFF0B; }

div#logo, div#slideshow, div#special { float: left; padding-right: 0; }
div#slideshow { clear: both; width: 597px; margin-top: 5px; }
div#logo a { background:none;}
div#logo a:hover { background:none;}

div#special
{ 
	position: relative;
	color: white;
	width: 157px; 
	height: 238px; 
	overflow: hidden; 
	text-align: center;
	padding-bottom: 13px;
	margin-top: 5px;
}

div#special-text
{
	position: absolute;
	top: 143px;
	left: 0;
	width: 156px;
}
div#special-text a
{
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 18px;
	padding: 0 5px;	
	height: 79px;
}
div#special-text a:hover
{
	background: none;	
}
div#special-text p
{
	margin-bottom: 4px;
}

div#special-text span.price
{
	font-size: 14px;
}
body#popup div#inner
{
	margin:0 auto;
	width: 520px;
}


body#popup div#content
{
	float:none;
	padding:0;
}

body#popup div#content_inner
{
	background: #FFF url(../images/layout/pop-bg.gif) repeat-x 0 0;
	width: 480px;
	padding: 20px;
}
body#popup div#footer
{
		padding:10px;
}


/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/

#nav
{
}
#nav ul
{
  list-style:none;
  padding:0;
  margin:0;
}

#nav ul li
{
	margin:0;
	padding:0;
	float: left;
}

#nav ul li a
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#FFF;
	display:block;
	float:left;
	background:#007FC7 url(../images/layout/nav-bg.gif) repeat-x 0 0;


	letter-spacing:-0.5px;
	text-transform:uppercase;
	display:block;
	padding:12px 8px 12px 8px;
	text-decoration:none;
	border:1px solid #007dc6;
	margin-right:5px;
	text-align: center;
}

body#page-home #nav li#home a:link, body#page-home #nav li#home a:visited,
body#page-accommodation #nav li#accommodation a:link, body#page-accommodation #nav li#accommodation a:visited,
body#page-travelshop #nav li#travelshop a:link, body#page-travelshop #nav li#travelshop a:visited,
body#page-packages #nav li#packages a:link, body#page-packages #nav li#packages a:visited,
body#page-faq #nav li#faq a:link, body#page-faq #nav li#faq a:visited,
body#page-book #nav li#book a:link, body#page-book #nav li#book a:visited,
body#page-gallery #nav li#gallery a:link, body#page-gallery #nav li#gallery a:visited,
body#page-activities #nav li#activities a:link, body#page-activities #nav li#activities a:visited,
body#page-contact #nav li#contact a:link, body#page-contact #nav li#contact a:visited,
#nav ul li a:hover
{
	color:#ffcc00;
}

li#home a { width: 37px; }
li#accommodation a { width: 90px; }
li#travelshop a { width: 68px; }
li#packages a { width: 64px; }
li#faq a { width: 26px; }
li#activities a { width: 83px; }
li#gallery a { width: 60px; }
li#contact a { width: 56px; }
li#book a { width: 68px; }

#nav ul li#book a { margin-right: 0; }

/*
#nav ul
{
	background:url(../images/layout/nav.gif) no-repeat;
	height:32px;
	list-style:none;
	margin:0 0 4px 0;
	padding:0;
}

#nav li
{
	display:block;
	float:left;
	margin:0;
	padding:0 4px 0 0;
	text-indent:-9999px;	
}

li#contact { padding-right: 0; }

#nav li a
{
	background:transparent url(../images/layout/nav.gif) no-repeat;
	display:block;
	height:32px;
	text-decoration:none;
}

li#home a { width: 63px; }
li#accommodation a { width: 136px; }
li#travelshop a { width: 101px; }
li#packages a { width: 89px; }
li#faq a { width: 78px; }
li#book a { width: 91px; }
li#gallery a { width: 69px; }
li#contact a { width: 99px; }

#nav li#home a:link, #nav li#home a:visited { background-position:0 0; }
#nav li#home a:hover, body#page-home #nav li#home a:link, body#page-home #nav li#home a:visited { background-position:0 -32px; }

#nav li#accommodation a:link, #nav li#accommodation a:visited { background-position:-67px 0; }
#nav li#accommodation a:hover, body#page-accommodation #nav li#accommodation a:link, body#page-accommodation #nav li#accommodation a:visited { background-position:-67px -32px; }

#nav li#travelshop a:link, #nav li#travelshop a:visited { background-position:-207px 0; }
#nav li#travelshop a:hover, body#page-travelshop #nav li#travelshop a:link, body#page-travelshop #nav li#travelshop a:visited { background-position:-207px -32px; }

#nav li#packages a:link, #nav li#packages a:visited { background-position:-312px 0; }
#nav li#packages a:hover, body#page-packages #nav li#packages a:link, body#page-packages #nav li#packages a:visited { background-position:-312px -32px; }

#nav li#faq a:link, #nav li#faq a:visited { background-position:-405px 0; }
#nav li#faq a:hover, body#page-faq #nav li#faq a:link, body#page-faq #nav li#faq a:visited { background-position:-405px -32px; }

#nav li#book a:link, #nav li#book a:visited { background-position:-487px 0; }
#nav li#book a:hover, body#page-book #nav li#book a:link, body#page-book #nav li#book a:visited { background-position:-487px -32px; }

#nav li#gallery a:link, #nav li#gallery a:visited { background-position:-582px 0; }
#nav li#gallery a:hover, body#page-gallery #nav li#gallery a:link, body#page-gallery #nav li#gallery a:visited { background-position:-582px -32px; }

#nav li#contact a:link, #nav li#contact a:visited { background-position:-655px 0; }
#nav li#contact a:hover, body#page-contact #nav li#contact a:link, body#page-contact #nav li#contact a:visited { background-position:-655px -32px; }

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

#content h1
{
	font-size:20px;
	color:#007dc6;
	font-weight:normal;
	line-height:24px;
}
#content h2
{
	font-weight:normal;
}

#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	color:#007dc6;
	font-weight:normal;
	line-height:18px;
}
#content h4
{
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
	font-weight:bold;
	margin:0;
	padding:4px 0;
}
#content table h5
{
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:4px 0;
	
}


#content p
{
	margin-bottom: 0;
	padding-bottom: 18px;
	text-align: justify;
}
/*
#content ul
{
	list-style:none;
}

#content ul li
{
	background:url(../images/icon-tick.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
}
*/
/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#content a:link, #content a:visited
{
}

#content a:hover
{
}

#footer a:link, #footer a:visited
{
	
}
#footer a:hover
{
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

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

.tabular-data th
{
	color:#FFFFFF;
	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
{
}


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

.img-border			{ border:1px solid #370C00; background:#FFF; padding:4px; }
.img-right	{ border:1px solid #370C00; background:#FFF; padding:4px; }
.img-left 			{ border:1px solid #370C00;  background:#FFF; padding:4px; }

/*Horizontal Rule */
.hr
{
	padding-bottom:0px;
	margin:0 0 18px 0;
	border-bottom: medium none;
	background: url(../images/dot.gif) repeat-x bottom;
}