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


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

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	background:#26630B;
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
span#nqweb-link
{
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout
{
	min-width:940px;
	text-align:center;
}

div#header-wrap,
div#main-wrap,
div#footer-wrap
{
	clear:both;
	text-align:center;
}
#header,
#main,
#footer
{
	text-align:left;
	margin:0 auto;
	padding:0 20px;
	width:900px;
}

div#header-wrap{ background:url(../images/layout/header-wrap.gif) repeat-x 0 0; height:143px; }
div#footer-wrap{  padding:20px 0 20px 0; }
div#main-wrap{background:#FFF url(../images/layout/footer-wrap.gif) repeat-x 0 100%; }

div#header { position:relative;}
div#main { background:url(../images/layout/main2.gif) no-repeat 30px 100%; padding-bottom:90px; }
div#footer { font-size:92%; color:#FFF; }
div#logo { }


div#content {  float:left; width:700px;}
div#content-inner { }
div#sidebar { width:200px; float:left; z-index: 1; position: relative; display: inline-block; }

div#sidebar-inner{ padding:10px 0 0 0; position:relative; display: inline-block; }
div#content-inner{  background:#FFF; color:#444; padding:10px 0 0 20px; display: inline-block}

div#footer-nav{ clear:both; border-top: 1px dotted #1A4408; padding:15px 0 0 0; }
div#footer-info{ padding:0 0 10px 0; text-align:left; }

#photos
{
	float:right;
	padding-top:4px;
}

div#info{
	position:absolute;
	left:180px;
	top: 125px;
}

div#info h1{
	padding:0;
	margin:0;
	font-size:14px;
	line-height:14px;
	color:#445500;
	font-weight:bold;
}


div#booking-badge{
	position:absolute;
	right:10px;
	top: 95px;
}


div#faux-col
{
	float:left;
	margin-left:20px;
}
div#faux-col2
{
	float:left;
}



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

#nav-top	{ background:url(../images/layout/nav-top.gif) no-repeat 0 0; padding:34px 0 0 0; width:195px; }
#nav		{ background:url(../images/layout/nav-tile.gif) repeat-y 0 0; padding:0 0 0 13px; }
#nav-bottom	{ background:url(../images/layout/nav-bottom.gif) no-repeat 0 100%; padding:0 0 34px 0; }
#nav { margin:-15px 0 0 0;}

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

#content h1
{
	color:#9CB600;
	font-size:19px;
	font-weight:normal;
	line-height:24px;
}
#content h2
{
	color:#E6610A;
	font-weight:normal;
	font-size:16px;
}

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


#footer h2
{
	font-weight:normal;
	color:#FFF;
	font-size:16px;

}



/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#content a:link, #content a:visited
{
	color:#EE5511;
}

#content a:hover
{
	background:#EE5511;
	color:#FFF;
	text-decoration:none;
}

#footer a:link, #footer a:visited
{
	color:#ADCA00;
	text-decoration:none;
}
#footer a:hover
{
	color:#FFF;
	text-decoration:underline;
}

/* -- 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;
}

/* -- INFO BOXES
----------------------------------------------------------------------------------------------------------*/

div.info-box
{
	float:left;
}

div#ib-eco
{
	width:34%;
	margin-right:5%;
}

div#ib-booking
{
	width:29%;
	margin-right:5%;
}

div#ib-contact
{
	width:24%;
	clear:right;
}



/* -- MISC.
----------------------------------------------------------------------------------------------------------*/
.rates
{
	font:12px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#26630B;
	line-height:18px;
}

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