/*  ERIC MAYER - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* COMMON */
h2 
	{	height: 36px;
		line-height: 26px;
		margin-top: 16px;
		padding-left: 60px;
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		font-size: 1.6em;
		font-weight: bold;
		clear: left;
		color: rgb(180,180,180);
		background: transparent url('../gfx/h2.png') no-repeat;
	}
	
h4
	{	margin: 16px 0 6px 0;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		font-style: italic;
		font-weight: bold;
		font-size: 12px;
		color: rgb(100,100,100);	
	}
		
h2:first-child
	{	margin-top: 0;
	}

p 
	{	margin: 8px 16px;
		line-height: 140%;
	}
a
	{	color: rgb(150,150,80);
	}	
a:hover
	{	color: rgb(100,100,0);
		text-decoration: overline;
	}	

.mainMargin
	{	margin: 0 10px;
	}

.noCellBorder th, 
.noCellBorder td
	{ 	border: none !important;
	}
	
.widthAuto
	{	width: auto !important;
	}
		
table.view
	{	width: 480px;
		margin: 4px 0 0 10px;
		border: 1px solid rgb(245,245,245);
	}		

table.white
	{	background-color: white;
	}

.view a
	{	color: black;
		text-decoration: none;
	}
.view a:hover
	{	text-decoration: underline;
	}

.view th
	{	padding: 2px;
		text-align: center;
		vertical-align: middle;
		font-style: italic;
		font-weight: bold;
		color: white;
		/*border-bottom: 1px solid rgb(240,240,230);*/
		background-color: rgb(180,180,170);
	}

.view td
	{	padding: 2px 4px;
		border-right: 1px solid rgb(245,245,245);
		border-bottom: 1px solid rgb(245,245,245);
	}

.view tr.total
	{	border-top: 1px solid rgb(240,240,230);
		background-color: rgb(230,230,220);
	}
	
.view tr.total td
	{	font-weight: bold;
		color: rgb(100,100,100);
	}
	
.view .weekend
	{	background-color: rgb(220,220,220);
	}
	
.view .received
	{	background-color: rgb(240,240,210);
	}
	
.view .accepted
	{	background-color: rgb(210,210,180);
	}
	
ul.list 
	{	margin: 15px 4px 30px 34px;
	}

ul.list li
	{	list-style: square;
		margin: 0 0 8px 20px;
	}
	
/* common classes */
.right
	{	float: right !important;
	}
.left
	{	float: left;
	}
.center
	{	text-align: center;
	}
.red
	{	color: rgb(236,37,34);
	}	
.num
	{	text-align: right;
	}
.hidden
	{	visibility: hidden;
		display: none;
	}
.nobr 
	{	white-space: nowrap
	}	
.wide 
	{	width: 100%
	}
.odd
	{	background-color: rgb(245,245,242) !important;
	}
.spacer 
	{	clear: left !important;
	}
.popup
	{	display: none;
		position: absolute !important;
	}
	
#popupBackground	
	{	top: 0;
		left: 0;
		opacity: 0;
		background-color: black;
	}
/* LAYOUT */
body 
	{	font-family: Verdana, "Helvetica CE", Helvetica, "Arial CE", Arial, "Lucinda Grande", sans-serif;
		text-align: center;
		color: black;
		background: white url('../gfx/body.png');
	}

/* wrapper */
#wrapper
	{	background: transparent url('../gfx/wrapper.png') repeat-x;
	}
	
	#wrapper_line
		{	background: transparent url('../gfx/wrapper_line.png') repeat-x left 208px;
		}

/* container */
#container 
	{	width: 653px;
		font-size: .7em;
		margin: 0 auto;
	}
	
	/* header */
	#header 
		{	height: 153px;
			background: transparent url('../gfx/header.png') no-repeat 10px top;
		}

		#header h1 a 
			{	height: 153px;
				display: block;
				font-size: 0;
				text-decoration: none;
				text-indent: -2000px;
			}
		
	/* content*/
	#content 
		{	background: white url('../gfx/content.png') repeat-y;
			min-height: 520px;
			text-align: left;
		}
		/* main */
		#main 
			{	margin-left: 2px;
				width: 499px;
				padding: 20px 0;
				text-align: left;
				background: transparent url('../gfx/main.png') no-repeat;
			}
			
		/* panel */
		#panel
			{	float: right;
				width: 150px;
				margin-right: 2px;
				padding-top: 10px;
				text-align: center;
				clear: both;
				min-height: 480px;
				background: transparent url('../gfx/panel.png') no-repeat;
			}

	/* footer */
	#footer 
		{	height: 74px;
			font-size: 9px;
			background: transparent url('../gfx/footer.png') no-repeat;
		}

		#footer a 
			{	margin: 50px 0 0 16px;
				color: white;
				text-decoration: none;
				float: left;
			}
			
		#footer a:hover
			{	text-decoration: underline;
				color: white;
			} 				

/* MENU */
#menu
	{	margin-left: 5px;
	}
	
#menu ul
	{	display: block;
		height: 54px;
		list-style-type: none;		
	}
	#menu ul li
		{	float: left;
		}
	#menu ul li a 
		{	height: 54px;
			line-height: 66px;
			width: 100px;
			color: black;
			text-align: center;
			text-decoration: none;
			display: block;
			overflow: hidden;
		}
	#menu ul li a:hover,
	#menu ul li a.active 
		{	background: transparent url('../gfx/menu.png') no-repeat;
		}
	#menu ul li a.active:hover
		{	text-decoration: none;
		} 		
	#menu ul li a:hover
		{	text-decoration: underline;
		} 
/* CALENDAR */

.calendar
	{	text-align: center;
	}

.calendar caption
	{	text-align: center;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		font-style: italic;
		font-weight: bold;
		font-size: 1.2em;
		color: rgb(100,100,100);
		margin-bottom: 6px;
	}

.calendar a
	{	text-decoration: none;
		color: rgb(205,205,205);
	} 

.calendar table 
	{	margin: 0 auto;
		font: normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		border: 1px solid rgb(240,240,240);
		border-spacing: 1pt;
		background-color: rgb(150,140,150);
	}
	
.calendar th, 
.calendar td
	{	text-align: center;
		vertical-align: middle;
		background-color: rgb(150,150,150);
		margin-left: 1px;
	}
	
.calendar th
	{	font-weight: bold;
		color: rgb(220,220,220);
		background-color: rgb(100,90,100);
	}

.calendar td a
	{	width: 17px;
		height: 14px;
		line-height: 14px;
		color: rgb(205,205,205);
		display: block;
	}

.calendar td.blank
	{	background: rgb(200,200,200);
	}	 

.calendar td.weekend a
	{	background: rgb(110,110,110);
	}
.calendar td.future a
	{	color: white !important;
	}

.calendar td.today a
	{	background: rgb(50,50,50) !important;
		color: rgb(250,230,0) !important;
	}	

.calendar td a:hover
	{	background: rgb(45,45,45);
		color: rgb(250,250,100) !important;
		text-decoration: underline;
	}

.calendar th:first-child, 
.calendar td:first-child 
	{	border-left: none;
	}
	
#popupCalendar
	{	/*width: 144px;*/
		background-color: white;
		border: 1px solid silver;
	}

#popupCalendar th
	{	font-weight: normal;
	}
	
#popupCalendar .calNavigation a
	{	display: block;
	}

#popupCalendar .calNavigation a:hover
	{	color: black;
		text-decoration: underline;
		background-color: rgb(200,190,200);
	}
#popupCalendar .arrow
	{	font-size: 16px;
	}
/* NAVIGATION */

.navigation
	{	height: 20px;
		margin: 0 10px;
	}
	
.navigation li
	{	float: left;
		margin-left: 4px;
		line-height: 18px;
	}
	 
.navigation li:first-child
	{	margin-left: 0;
	} 
	
.navigation a 
	{	width: 18px;
		height: 18px;
		display: block;
		line-height: 18px;
		text-align: center;
		color: gray;
		text-decoration: none;
		border: 1px solid rgb(230,230,230);
	}
.navigation li.active a
	{	background-color: rgb(230,230,230);
		border-color: rgb(220,220,220);
	} 
	
.navigation a:hover
	{	color: black;
		text-decoration: underline;
		background-color: rgb(240,240,240);
	} 

.navigation .year
	{	height: 18px;
		display: block;
		padding: 0 4px;
		line-height: 18px;
		text-align: center;
		color: gray;
		border: 1px solid rgb(230,230,230);
	}

.switch
	{	margin-right: 10px;
	}
	
.switch li
	{	float: left;
		text-align: center;
		border: 1px solid rgb(230,230,230);
	}
	
.switch li:first-child
	{	border-right: none;
	}
	
.switch a
	{	height: 18px;
		width: 80px;
		line-height: 18px;
		display: block;
		color: gray;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	
.switch a.active
	{	background-color: rgb(243,243,243);
	}

.switch a:hover
	{	background-color: rgb(230,230,230);
		color: black;
		text-decoration: underline;
	}
/* GALLERY */

.thumbs
	{	margin-left: 10px;
	}
	
a.thumb
	{	width: 156px;
		height: 156px;
		display: block;
		margin: 0 2px 2px 0;
		float: left;
		border: 1px solid rgb(220,220,220);
		border-left-color: rgb(240,240,240);
		border-top-color: rgb(240,240,240);
	}

a.thumb:hover
	{	border: 1px solid rgb(180,180,180);
		border-left-color: rgb(200,220,220);
		border-top-color: rgb(220,220,220);
	}
	
.thumb img
	{	border: 1px solid rgb(246,246,246);
	}
	
.port
	{	margin: 7px 0 0 24px;
	}
	
.land
	{	margin: 25px 0 0 6px;
	}
	
.mainThumb
	{	height: 202px;
		width: 476px;
		margin: 2px 10px;
		background-color: white;
		border: 1px solid rgb(234,234,234);
	}	
	
.mainThumb a
	{	height: 180px;
		width: 454px;
		margin: 10px;
		padding: 1px;
		display: block;
		background-color: rgb(234,234,234);
	}
	
#popupThumb
	{	margin: 0 auto;
		width: 647px;
		height: 526px;
		background-color: white;
		border: 1px solid rgb(234,234,234);
	}
#popupThumb a#thumb
	{	margin: 10px;
		display: block;
	}

#popupThumb .land
	{	margin: 0;
	}
/* AUTHENTICATION */
#auth
	{	margin: 30px 0;
	}

#auth table
	{	margin: 0 auto;
	}
 
#auth .text
	{	width: 140px;
	}
	
#auth .error
	{	text-align: left;
	}
	
#auth .list
	{	margin-left: 0;
	}
/* RESERVATION */

.reservation
	{	margin: 10px;
	}
	
.reservation table
	{	width: auto;
		margin: 0;
		padding: 0;
		text-indent: 0;
		border: none;
	}

.reservation table.wide
	{	width: 100%
	}
	
.reservation td
	{	margin: 0;
		padding: 0 0 0 10px;
		text-indent: 0;	
		border: none;
	}
.reservation td:first-child
	{	padding-left: 0;
	}

label
	{	margin: 0 2px;
	}	

.text
	{	width: 148px;
		margin: 1px 0 2px 0;
	}
	
.text, .date, textarea
	{	border: 1px solid rgb(220,220,230);
		background: white url('../gfx/input.png') no-repeat;
	}
	
textarea
	{	width: 476px;
		height: 80px;
		float: left;
		font-family: Verdana, "Helvetica CE", Helvetica, "Arial CE", Arial, "Lucinda Grande", sans-serif;
		font-size: 1em;
	}	
	
.button 
	{	margin: 5px 0; padding: 0 6px;
		font-style: normal;
		text-decoration: underline;
		background: white url('../gfx/button.png') repeat-x;
		border: 1px solid rgb(235,235,235);
		border-top-color: rgb(220,220,220);
		border-left-color: rgb(220,220,220);
	}	
	
.bodyCount
	{	width: 40px;
		margin: 0;
		padding: 0;
	}
/* PRICELIST */
ul.contract 
	{	margin: 4px 10px 10px 16px;
	}

ul.contract li 
	{	list-style: none;
	}

ul.contract li ul 
	{	margin-left: 10px;
	}
	
ul.contract li ul li
	{	margin-bottom: 10px;
	}
	
ul.contract li ul li ul
	{	margin-top: 4px;
	}
	
ul.contract li ul li ul li 
	{	list-style: square;
		margin: 0 0 4px 20px;
	}
	
ul.contract span
	{	margin-right: 6px;
		font-family: georgia;
		font-style: italic;
		font-size: 1.2em;
	}
/* CONTACT */
dl.address
	{	width: 480px;
		margin: 4px 0 10px 10px;
		padding-bottom: 10px;
		text-align: left; 
		text-indent: 5px;
		border-bottom: 1px solid rgb(245,245,245);
	}
	
dl.address dt 
	{	float: left; 
		width: 150px; 
		padding: 2px;
	}
	
dl.address dd 
	{	padding: 2px;
	}
	
dl.address dd.big 
	{	font-size: 1.5em;
	}
	
.contactThumb
	{	width: 476px;
		height: 300px;
		margin: 2px 10px;
		background-color: white;
		border: 1px solid rgb(234,234,234);
	}	
	
.contactThumb a
	{	display: block;
		margin: 10px;
		border: 1px solid rgb(234,234,234);
	}

ul.contact
	{	
	}
	
ul.contact li
	{	margin: 2px 0;
	}