/*------------------------------------------------------------------
	RETOUCH ApS - www.retouch.dk 
	layout.css
	
	[Table of contents]
	1. Body
	2. Typography
	3. Frame
	4. Navigation
	5. Buttons
	6. Contact form
	7. Smart text elements
	8. Page elements
	
-------------------------------------------------------------------*/


/* [1. Body
----------------------------------------------- */

body {
	font:normal 13px/normal  Arial, Helvetica, sans-serif;
	/* font: font-weight font-size/line-height font-family */	
	color:#444;
	text-align:left;
	background:#d2d7d0; 
}
body,html    { padding:0 0 10px 0; }


/* [2. Typography
----------------------------------------------- */

/* Headlines */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #444; }

h1 { font-size: 22px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 16px; margin-bottom: 0.75em; }
h3 { font-size: 15px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 14px; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 13px; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 12px; font-weight: bold; margin-bottom: 1.5em; }


/* Text elements */

p       { line-height:140%; margin:0 0 10px 0; font-weight:normal; }

a       { text-decoration: none; color:#478240; }
a:focus,
a:hover { text-decoration: underline; color:#478240; }


/* Lists */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { }
dd          { margin-left: 1.5em;}
ul li 
{
	line-height:140%;
}


/* [3. Frame]
----------------------------------------------- */

#sitecontainer {
	width:750px;
	margin:0 auto;
	position:relative;
	background:url('/images/frameBg.gif') repeat-y top left;
	padding:0 15px 15px 15px;
}
#bottomCorner {
	background:url('/images/frameFooter.gif') no-repeat;
	width:780px;
	height:2px;
	margin:0 auto;
}
#mainarea{
	width:750px;
	margin:0 auto;
	padding:0 0 20px 0;
}
#content {
	width:580px;
	float:right;
	padding:10px 0 0 0;
}
#sidebar {
	width:140px;
	padding:0 15px;
	float:left;
}
#header {
	position:relative;
}
#header #logo {
	width:750px;
	height:116px;	
	background:url('/images/headerBannerNew.jpg') no-repeat;
	text-indent:-9000px;
	float:left;
	margin:0 0 17px 0;
	padding:0;
	display:block;
}

/* [4. Navigation]
----------------------------------------------- */

/* Topmenu */

ul#navmenu {
	list-style-type:none;
	margin:0 0 30px 0;
	clear:both;
}
#navmenu li {
	margin:0 10px 0 0;
	display:block;
}
ul#navmenu li a {
	font-size:11px;
	line-height:22px;
	text-decoration:none;
	color:#444;
	font-weight:bold;
	text-decoration:none;
}
ul#navmenu li a:hover {
	text-decoration:underline;
}
ul#navmenu .current a {
	color:#478240;	
}

/* Footer */

#footer {
	width:750px;	
	background:#e4eae2;
	height:24px;
}
#footer ul {
	list-style-type:none;
	margin:0;
	padding:0 15px;
}
#footer ul li {
	float:left;
	margin:0 22px 0 0;
	line-height:24px;
	color:#478240;	
	font-size:12px;	
	background:url('/images/middot.gif') no-repeat left center;
	padding:0 0 0 22px;
}
#footer ul li.last {
	margin:0;
	padding:0;
}
#footer ul li a {
	color:#478240;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}


/* [5. Buttons]
----------------------------------------------- */

/* [6. Contact form]
----------------------------------------------- */


/* [7. Smart text elements]
----------------------------------------------- */

.smartText {
	padding:0 15px;
}

.left-image,
.leftImage  { margin:5px 15px 10px 0; float:left; }
.right-image,
.rightImage { margin:5px 0 10px 15px; float:right; }

/* filegallery */

.filegallery              { margin: 0 0 20px 0; }
.filegallery .alternative { background-color:#f9f9f9; }
.filegallery .last        { text-align: right; }
.filegallery tr:hover     { background-color: #fef8bf; }
.filegallery th, 
.filegallery td {
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #c9c9c9;
}
.filegallery thead th {
    background-color: #e4eae2;
    font-weight: bold;
	font-size:13px;
}
.filegallery .typeicon {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

/* messages */

.error{
	background:#fee;
	border:1px solid red;
	margin:0 0 10px 0;
	padding:0.666em;
	text-align:center;
}
.success{
	background:#efe;
	border:1px solid #0f0;
	margin:0 0 10px 0;
	padding:0.666em;
	text-align:center;
}

/* quote */

.quote {
	margin:10px 0 20px 40px;
	padding: 0 0 0 15px;
	border-left: 5px #000 solid;
	font-style:italic;
	font-size:14px;
}

/* image gallery */
.imagegallery {	margin:0 0 20px 0; }
.imagegallery img {	margin:0 5px 5px 0; }

/* pic */
.pic { text-align:center; margin:0 0 20px 0; }

/* embeddedmedia */
.embeddedmedia { text-align:center;	margin:0 0 20px 0; }


/* [8. Page elements]
----------------------------------------------- */

/*  reservation */
.reservation {
	clear:both;
	margin:0 0 30px 0;
}

.reservation dl,
.reservation dt,
.reservation dd {
	color:#444;
	font-size:12px;	
	line-height:150%;
}
.reservation dt {
	float:left;
}
.reservation dd {
	text-align:right;
	padding:0 10px 0 0;
}
.reservation h3 {
	font-size:14px;
	color:#478240;	
	margin-bottom:.5em;
}


/* content banner */

.banner {
	width:580px;
	height:262px;
	position:relative;
	margin:4px 0 6px 0;
}
.banner h1 {
	position:absolute;
	left:16px;
	bottom:18px;
	font-size:22px;
	color:#537b4f;
	font-weight:bold;
	margin:0;
}