/* Colours
Medium Teal ........ #68b3b0 ... Wave, dark
Bright Teal ........ #e6f8ee ... Wave, bright
Most bright Teal ... #f4fbf8 ... Page background
Dark Teal .......... #457e71 ... Link Focus state
Darkest Teal ....... #2c584d ... Link Active state
*/

/* #####  Layout  ############### */

* {margin:0;padding:0}

body { text-align: center; }
.wrap { width: 58.4em; max-width: 96%; min-width: 500px; margin: 0 auto; text-align: left; }

#footer { clear: both; }

#menu-main { width: 29%; float: right; }

/* DIVision ONE */
.one { margin-bottom: 1.3076em; }
/* DIVision TWO - Two columns side by side in this case */
.two-first { width: 48.8%; float: left; }
.two-second { width: 48.8%; float: right; }


/* #####  Design  ############### */

body, table { font: 13px/1.3076 'Trebuchet MS', Tahoma, Arial, sans-serif; }
body { background: #f4fbf8 url(../img/bg_header.png) repeat-x 50% 0; color: #224644; }
.body2 { background: url(../img/bg_footer.png) repeat-x 50% 100%; } /* bleeeh */

a:link { color: #207b65; text-decoration: underline; }
a:visited { color: #8ab7ac; text-decoration: underline; }
a:hover { color: #0e362d; }
a:focus { background: #457e71; color: #fff; }
a:active { background: #2c584d; color: #fff; }

h1 {
	height: 100px;
	position: relative;
	background: transparent url(../img/branding_title.png) no-repeat 15px 20px;
	color: #68b3b0;
	font-size: 1em;
}
h1 span {
	position: absolute;
	top: 69px;
	left: 175px;
	font-style: italic;
}
h1 span span { display: none; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active
{ width: 70%; height: 100px; display: block; background: transparent; color: #68b3b0; text-decoration: none; }

h2 {
	margin-bottom: 0.8235em;
	padding: 0.4em 0 0.1176em 0;
	border-bottom: 0.0588em solid #c2e1df;
	color: #3b716e;
	font-size: 1.3076em;
	line-height: 1em;
}
.one h2 { width: 65%; }

h2 a:link, h2 a:visited { display: block; color: #51a09d; text-decoration: none; }
h2 a:visited { color: #9db7b6; }
h2 a:hover { color: #3b716e; }
h2 a:focus, h2 a:active { color: #fff; }

h3 { color: #000; font-weight: bold; font-size: 1em; }

h3, h4, h5, h6, ul, ol, dl, p { padding-bottom: 1.3076em; }
p + p { text-indent: 1.3076em; }

ul, ol, dl { margin: 0 17px; }
dt { font-weight: bold; }
dd { padding: 0 1.3076em; }


a.read-more:link, a.read-more:visited { padding: 0 5px 0 19px; background: transparent url(../img/bullet_arrow.png) no-repeat 4px 60%; text-decoration: none; }
a.read-more:visited { color: #8ab7ac; }
a.read-more:hover { background: transparent url(../img/bullet_arrow_hover.png) no-repeat 4px 60%; color: #165445; }
a.read-more:focus { background: #457e71 url(../img/bullet_arrow_focus.png) no-repeat 4px 60%; color: #fff; }
a.read-more:active { background: #2c584d url(../img/bullet_arrow_focus.png) no-repeat 4px 60%; color: #fff; }


#footer {
	padding: 1.7em 17px;
	background: #68b3b0;
	color: #fff;
	font: 0.7692em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}
#footer a:link, #footer a:visited { color: #eef8f4; }
#footer a:hover { color: #fff; }


#menu-main {
	position: relative;
	bottom: 17px;
	right: 3px;
	margin: 0 0 1.3076em 17px;
	padding-left: 17px;
	background: transparent url(../img/bg_menu_main_tl.png) no-repeat 0 0;
}
#menu-main div { padding-right: 17px; background: transparent url(../img/bg_menu_main_br.png) no-repeat 100% 100%; }
#menu-main ul {
	margin: 0;
	padding: 0 0 17px 17px;
	list-style: none;
	background: transparent url(../img/bg_menu_main_bl.png) no-repeat 0 100%;
	font-size: 1.1538em; /* 15px */
	line-height: 1.133em; /* 17px */
}
#menu-main li.selected {
	padding: 0.4666em 14px;
	color: #466454;
	font-weight: bold;
}
#menu-main a:link, #menu-main a:visited {
	display: block;
	padding: 0.4666em 14px;
	color: #4a7158;
	text-decoration: none;
}
#menu-main a:visited { color: #688a77; }
#menu-main a:hover { color: #000; }
#menu-main a:focus { color: #fff; }
#menu-main a:active { color: #fff; }


/* Custom box/borders/yada-yada */
.cb { height: 1%;/*IE*/ position: relative; padding: 17px 0; }
.cb .w { padding: 0 17px; background: transparent url(../img/bg_cb_rc_fill.png) repeat 0 0; }
.cb .tl, .cb .tr, .cb .bl, .cb .br { width: 50%; height: 17px; position: absolute; }
.cb .tl { top: 0; left: 0; background: transparent url(../img/bg_cb_rc.png) no-repeat 0 0; }
.cb .tr { top: 0; right: 0; background: transparent url(../img/bg_cb_rc.png) no-repeat 100% 0; }
.cb .bl { clear: none; bottom: 0; left: 0; background: transparent url(../img/bg_cb_rc.png) no-repeat 0 100%; }
.cb .br { clear: none; bottom: 0; right: 0; background: transparent url(../img/bg_cb_rc.png) no-repeat 100% 100%; }

.one .tl { width: 95%; }
.one .tr { width: 17px; right: -14px; background-image: url(../img/bg_cb_rc_tr_menu.png); }


#partners ul { list-style: none; }


/* Tjillelinka, tjillelinkan, tjillelinkan! */
