/* --------------------------------------------------------------- */
/* --- UNIVERSAL ------------------------------------------------- */
/* --------------------------------------------------------------- */

html, body {
	margin:					0px;
	padding:				0px;
	height:					100%; /* needed for container min-height */
}

body {
	font-family:			'Yanone Kaffeesatz', sans-serif;
	letter-spacing:			1px;
	font-size:				22px;
	color:					#95c3ca;
	background-image:		linear-gradient(#fcfcfc, #c7c8ca);
	background-attachment:	fixed;
}

div#wrapper {
	min-height:				100%;
	height:					auto !important;
	height:					100%;
	margin:					0px auto -150px;
	background:				url(http://www.defuniac.dk/gfx/watermark.png) no-repeat bottom;
}

div#push {
	height:					170px;
}

div.clear {
	width:					100%;
	clear:					both;
}

div#main {
	width:					960px;
	margin:					0 auto;
}


/* --------------------------------------------------------------- */
/* --- HEADER ---------------------------------------------------- */
/* --------------------------------------------------------------- */

div#header {
	width:					960px;
	height:					200px;
	margin:					0 auto;
	background:				url(http://www.defuniac.dk/gfx/header_logo.png) 0px 0px no-repeat;
}

div#menu {
	font-size:				17px;
	text-align:				right;
	padding-top:			158px;
	padding-right:			10px;
}

div#menu a {
	color:					#15597a;
	text-decoration:		none;
}

div#menu a:hover {
	color:					#15597a;
	text-decoration:		underline;
}

span.menu_seleted {
	color:					#e30421;
}


/* --------------------------------------------------------------- */
/* --- FOOTER ---------------------------------------------------- */
/* --------------------------------------------------------------- */

div#footer {
	width:					960px;
	height:					150px;
	margin:					0px auto;
	border-top:				1px solid  #15597a;
	text-align:				center;
}

.footer_spacer {
	width:					100%;
	height:					10px;
}

div#visit_social_media {
	padding:				15px;
	color:					#15597a;
	font-size:				22px;
}

div#company_info {
	padding:				25px 0px 0px 0px;
	color:					#15597a;
	font-size:				17px;
}


/* --------------------------------------------------------------- */
/* --- PAGE: UNIVERSAL ------------------------------------------- */
/* --------------------------------------------------------------- */

p.headlines {
	display:				inline-block;
	font-size:				36px;
	margin:					0px;
	padding:				0px 0px 14px 0px;
	text-transform:			uppercase;
	text-align:				left;
	color:					#15597a;
}

p.sub_headlines {
	font-size:				28px;
	width:					100%;
	margin:					0px;
	padding:				10px 0px 14px 0px;
	text-transform:			uppercase;
	text-align:				left;
	color:					#15597a;
}

p.page_desc {
	font-size:				22px;
	line-height:			30px;
	letter-spacing:			1px;
	color:					#15597a;
	padding:				0px 0px 14px 0px;
	margin:					0;
}

p.page_desc a {
	color:					#83aebb;
	text-decoration:		none;
}

p.page_desc a:hover {
	color:					#83aebb;
	text-decoration:		underline;
}

ul.page_desc {
	margin-top:				8px;
	color:					#15597a;
	line-height:			32px;
}

div.img_shadow {
	width:					100%;
	height:					20px;
	background:				url(http://www.defuniac.dk/gfx/bottom-shadow.png) no-repeat top center;
}


/* --------------------------------------------------------------- */
/* --- PAGE: DEFAULT --------------------------------------------- */
/* --------------------------------------------------------------- */

p.welcome {
	font-size:				36px;
	width:					100%;
	margin:					0px;
	padding:				10px 0px 15px 0px;
	text-transform:			uppercase;
	text-align:				center;
}

div.holder {
	overflow:				hidden;
}

div.holder div.block {
	width:					307px;
	float:					left;
	margin:					0px 18px 0px 0px;
}

div.holder div.last {
	margin:					0px 0px 70px 0px;
}

div.holder div.block div.thumb-holder {
	position:				relative;
	width:					307px;
	height:					129px;
	margin-bottom:			5px;
}

div.holder div.block img {
	position:				absolute;
	top:					2px;
	left:					2px;
}

div.holder div.block h1 {
	font-size:				36px;
	margin:					10px 0px 0px 0px;
	text-indent:			0px;
	font-weight:			normal;
	color:					#15597a;
}

div.holder div.block p.thumb-text {
	font-size:				22px;
	line-height:			32px;
	letter-spacing:			1px;
	color:					#15597a;
	border-top:				1px solid #15597a;
	margin:					10px 0px 0px 0px;
	padding:				10px 0px 10px 0px;
}

button#read_more {
	width:					79px;
	height:					26px;
	background:				url(http://www.defuniac.dk/gfx/button_read_more.png) no-repeat transparent;
	border:					none;
}

button#read_more:hover {
	background-position:	0px -26px;
	border:					0;
	cursor:					pointer;
}

/* --------------------------------------------------------------- */
/* --- PAGE: PORTFOLIO ------------------------------------------- */
/* --------------------------------------------------------------- */

ul#filter {
	position:				relative;
	top:					4px;
	display:				inline-block;
	overflow:				hidden;
	padding:				0px 0px 0px 10px;
	margin:					0px;
}

ul#filter li {
	display:				inline-block;
	float:					left;
	margin-right:			10px;
	font-size:				17px;
	color:					#95c3ca;
}

ul#filter li.active {
	color:					#e30421;
}

ul#filter li a:hover {
	 text-decoration:		underline;
}

ul#filter li a {
	color:					#15597a;
	text-decoration:		none;
}



ul.gallery {
	overflow:				hidden;
	margin:					0px 0px 10px 0px;
	padding:				0;
	width:					1000px;
}

ul.gallery li {
	display:				block;
	position:				relative;
	overflow:				hidden;
	width:					226px;
	height:					191px;
	float:					left;
	margin:					0px 18px 10px 0px;
	background:				url(http://www.defuniac.dk/gfx/gallery_thumb_bgr.png) no-repeat;
	text-align:				center;
}

ul.gallery li img {
	margin:					2px 2px 0px 2px;
}

ul.gallery li a:hover span {
	display:				block;
}

ul.gallery li span {
	display:				none;
	position:				absolute;
	top:					2px;
	left:					1px;
	width:					224px;
	height:					150px;
}

ul.gallery li.cat-images span {
	background:				url(http://www.defuniac.dk/gfx/over.png) no-repeat;
}

ul.gallery li em {
	display:				block;
	color:					#15597a;
	font-size:				20px;
	font-style:				normal;
	margin-top:				8px;
	line-height:			22px;
}

div.paginator {
	text-align:				center;
	padding-bottom:			20px;
}

div.paginator img {
	padding:				0 5px 0 5px;
}

/* --------------------------------------------------------------- */
/* --- PAGE: INFO ------------------------------------------------ */
/* --------------------------------------------------------------- */

div.contact-left {
	width:					47%;
	float:					left;
}

div.contact-right {
	width:					466px;
	height:					511px;
	float:					right;
	background:				url(http://www.defuniac.dk/gfx/map_odder.png) no-repeat;
	background-position:	0px 20px;
}

div.addy {
	padding-top:			50px;
	margin:					0;
	font-size:				20px;
	letter-spacing:			0;
	color:					#15597a;
}

span.hilite {
	color:					#83aebb;
}

div.contact-left fieldset {
	border:					1px solid #83aebb;
}

div.contact-left form input {
	color:					#15597a;
	font-size:				13px;
	border:					1px solid #15597a;
	background:				#f9f7e8;
	padding:				4px 5px;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

div.contact-left form textarea {
	color:					#15597a;
	font-size:				13px;
	border:					1px solid #15597a;
	background:				#f9f7e8;
	padding:				4px 5px;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

div.contact-left form input, div.contact-left form textarea {
	width:					400px;
}

div.contact-left form input#send {
	width:					79px;
	height:					26px;
	background:				url(http://www.defuniac.dk/gfx/button_send.png) no-repeat transparent;
	border:					none;
	margin-left:			30px;
}

div.contact-left form input#send:hover {
	background-position:	0px -26px;
	border:					0;
	cursor:					pointer;
}

div.contact-left form input#send:active {
	background-position:	0px -52px;
	border:					0;
	cursor:					pointer;
}

div.contact-left form fieldset p {
	font-size:				20px;
	line-height:			20px;
	color:					#15597a;
}

div.contact-left form fieldset p.success {
	font-size:				20px;
	line-height:			20px;
	color:					#15597a;
}

div.contact-left form fieldset span.error {
	color:					#e30421;
}

div.contact-left form fieldset span.thanku {
	color:					#41a803;
}

div#capcha div {
    float:					left;
}

div#capcha p {
	font-size:				20px;
	line-height:			20px;
	letter-spacing:			1px;
	color:					#15597a;
}

span.captcha_highlight {
	color:					#83aebb;
}

div.captcha_opt {
	padding-right:			10px;
}

table.facts {
	font-size:				22px;
	letter-spacing:			1px;
	color:					#15597a;
}

/* --------------------------------------------------------------- */
/* --- PAGE: LOGIN ----------------------------------------------- */
/* --------------------------------------------------------------- */

input.logon {
	color:					#15597a;
	font-size:				13px;
	border:					1px solid #15597a;
	background:				#f9f7e8;
	padding:				4px 5px;
	width:					400px;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

input#logon_send {
	width:					79px;
	height:					26px;
	background:				url(http://www.defuniac.dk/gfx/button_login.png) no-repeat transparent;
	border:					none;
}

input#logon_send:hover {
	background-position:	0px -26px;
	border:					0;
}

input#logon_send:active {
	background-position:	0px -52px;
	border:					0;
}