/*
Theme Name: Nobel Pool SEO
Theme URI: http://www.nobelpool.be/
Description: Design for Nobel Pool
Author: Prestige Media
Version: 1.0
Tags: two-columns, fixed-width
*/

/* Meyer reset v1.0 | 20080212 */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
th { text-align:left; }

/* Make HTML 5 elements display block-level for consistent styling */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* Body */
body { background:#d9e3eb; font:14px/20px 'facitweb-1','facitweb-2',sans-serif; color:#333; }

/* Default margin-bottom */
h1, h2, p, ul, ol, table, form,
.ngg-slideshow { margin-bottom:20px; }

/* Links */
a { color:#358cb9; }
a:visited { color:#26729a; }
a:hover { text-decoration:none; }

a.button { background-color: #00437A; border-radius: 20px; color: #fff; display: inline-block; padding: 5px 15px; text-decoration: none; }
a.button::after { content: ' »'; }
a.button:hover { background-color: #26729a; }

/* Headings */
h1 { font-size:40px; font-family:'facitweb-1','facitweb-2',sans-serif; font-weight:normal; line-height:40px; letter-spacing:-0.02em; color:#00437a; text-shadow:0 1px 0 #fff; }
h2 { font-size:22px; }
h3 { font-size:18px; font-weight:normal; }

/* Lists */
ul { margin-left:1em; list-style-image:url(images/bullet-lightblue.png); }
ol { margin-left:1.5em; }

/* Topbar */
#topbar_wrap { background:#00437a url(images/glow.png) no-repeat 0 -100px; border-bottom:1px solid #fff; }
#topbar { margin:0 auto; padding:20px 0; width:960px; color:#9ab5cb; text-align:right; }
#topbar p { margin:0; }
#topbar span { margin-right:8px; }
#topbar span:after { content:'•'; margin-left:10px; color:rgba(255,255,255,0.3); }
#topbar span:last-of-type:after { content:''; }
#topbar a.home { padding-left:24px; background:url(images/home-icon.png) no-repeat 0 0; font-weight:bold; color:#9ab5cb; text-decoration:none; }
#topbar a.home:hover { background-position:0 -20px; color:#fff; }
#topbar .button {
	padding:10px 12px 8px; font-weight:bold; text-decoration:none; color:#00437a;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	background:#fdecbe; background:-moz-linear-gradient(top, #fdecbe, #face6b); background:-webkit-gradient(linear, left top, left bottom, from(#fdecbe), to(#face6b));
}
#topbar .button:hover { background:#face6b; }

/* Header */
#header_wrap {
	background:#a0def5;
	background-image:url(images/glow.png), url(images/header-bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:0 -300px, 0 0;
}
#header { position:relative; margin:0 auto; width:960px; height:180px; }

/* Languages */
#lang { position:absolute; top:10px; right:0; }
#lang li { display:inline; margin-left:5px; list-style:none; }
#lang a { position:relative; float:right; margin-left:5px; padding:4px; background:rgba(255,255,255,0.5); }
#lang a:hover, #lang .active a { background:#fff; }
#lang img { display:block; }

/* Logo */
#logo { position:absolute; top:60px; left:0; width:240px; height:60px; }
#logo img { margin:-40px 0 0 -45px; }

/* Main navigation */
#mainnav { position:absolute; bottom:0; right:0; width:720px; height:60px; }
#mainnav ul { margin:0; list-style:none; }
#mainnav > ul > li { position:relative; float:left; width:240px; }
#mainnav a { float:left; margin-left:1px; padding-top:20px; width:239px; height:40px; background:#46a4ce; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; color:#000; text-shadow:0 1px 1px rgba(255,255,255,0.5); }
#mainnav a:hover { background:#358cb9; }
#mainnav a small { display:none; }
#mainnav > ul > li.current-menu-item > a,
#mainnav > ul > li.current-menu-ancestor > a {
	margin-top:-40px; margin-left:0; padding-top:30px; width:240px; height:70px; background:url(images/mainnav-active-yellow.png) no-repeat 0 0;
}
#mainnav li.current-menu-item > a { font-weight:bold; }
#mainnav > ul > li.current-menu-item > a small,
#mainnav > ul > li.current-menu-ancestor > a small {
	display:block; margin-top:2px; font-weight:normal; color:#777;
}
#mainnav > ul > li.current-menu-item.cleaning > a,
#mainnav > ul > li.current-menu-ancestor.cleaning > a {
	background-image:url(images/mainnav-active-blue.png);
}
#mainnav > ul > li.current-menu-item.garden > a,
#mainnav > ul > li.current-menu-ancestor.garden > a {
	background-image:url(images/mainnav-active-green.png);
}

/* Superfish menu */
#mainnav ul ul { display:none; position:absolute; left:0; top:60px; width:240px; z-index:9999; } /* A very high z-index is needed in order to keep the menu above the slideshow. The slideshow uses an incremental z-index. */
#mainnav ul ul a { padding:10px 0 9px; height:auto; background:#face6b; border-top:1px solid #fff; font-size:14px; font-weight:normal; color:#000; }
#mainnav ul ul a:hover { background:#fce2a6; }
#mainnav li:hover ul { display:block; }
#mainnav .cleaning ul a { background:#65beec; }
#mainnav .cleaning ul a:hover { background:#a3d8f4; }
#mainnav .garden ul a { background:#77ca00; }
#mainnav .garden ul a:hover { background:#addf66; }

/* Main area */
#main_wrap { background:#fff url(images/main-bg.jpg) no-repeat 50% -200px; overflow:hidden; }
#main { margin:0 auto; width:960px; background:url(images/sidebar-bg.png) repeat-y 0 0; }

/* Content area */
#content { position:relative; float:right; padding:40px 0 40px 40px; width:680px; }

/* Sidebar */
#sidebar { float:left; padding:40px 0; width:240px; }

/* Subnavigation */
#subnav ul { margin:0 0 40px; border-top:1px solid #336995; list-style:none; }
#subnav a { display:block; padding:10px 10px 9px 30px; background:#00437a url(images/bullet-lightblue.png) no-repeat 13px 45%; border-bottom:1px solid #336995; color:#fff; font-weight:bold; text-decoration:none; }
#subnav a:hover { background-color:#003662; }
#subnav .current_page_item a {
	background-color:transparent;
	background-image:url(images/bullet-yellow.png), url(images/subnav-active-yellow.png);
	background-repeat:no-repeat, repeat-y;
	background-position:13px 45%, 0 0;
	color:#00437a;
}
body.cleaning #subnav .current_page_item a {
	background-image:url(images/bullet-blue.png), url(images/subnav-active-blue.png);
	background-repeat:no-repeat, repeat-y;
	background-position:13px 45%, 0 0;
}
body.garden #subnav .current_page_item a {
	background-image:url(images/bullet-green.png), url(images/subnav-active-green.png);
	background-repeat:no-repeat, repeat-y;
	background-position:13px 45%, 0 0;
}

/* Footer */
#footer_wrap { clear:both; background:#d9e3eb url(images/footer-bg.png) repeat-x 0 0; }
#footer { margin:0 auto; padding:40px 0; width:960px; min-height:60px; color:#666; overflow:hidden; }
#footer > div { float:left; padding:0 20px 0 39px; width:180px; border-left:1px solid #fff; }
#footer #copyright { padding:0 20px 0 0; width:220px; border:0; }




#about-the-author { display: block; font-size: 12px; line-height: 18px; margin: 0;  }
#about-the-author > nav { /*background: url(images/prestigemedia.png) left center no-repeat;*/ display: inline-block; padding: 0 5px 0 25px; vertical-align: bottom; }
#about-the-author a { color: #666; display: inline-block; text-decoration: none; position: relative; }
#about-the-author a:hover { color: #666; text-decoration: none; } 
#about-the-author a .o { display: none; }
#about-the-author a .media { color: #d14943; }
#about-the-author a:before { display: block; position: absolute; left: -18px; bottom: 1px; content: ' '; border: 2px solid #d14943; border-radius: 50%; width: 12px; height: 12px; }

/* Homepage */
body.home #main { background-image:none; }
body.home #sidebar { width:200px; }
.intro { padding-right:40px; font-size:20px; color:#666; line-height:25px; text-shadow:0 1px 0 #fff; }
.intro strong { display:block; margin-bottom:5px; color:#333; }
#badge { position:absolute; left:-50px; top:125px; z-index:8; }
#photos { margin:40px 0 40px -40px; width:720px; list-style:none; overflow:hidden; }
#photos li { position:relative; float:left; margin-left:1px; width:239px; height:330px; text-align:center; }
#photos a { color:#000; text-decoration:none; }
#photos strong { font-size:18px; text-shadow:0 1px 1px rgba(255,255,255,0.5); }
#photos p { position:absolute; bottom:0; left:0; right:0; margin:0; padding:20px 15px 0; height:50px; background:url(images/photos-bg.png) no-repeat 0 100%; overflow:hidden; }
#photos .cleaning p { background-position:-239px 100%; }
#photos .garden p { background-position:-478px 100%; }
#photos strong { display:block; margin-bottom:27px; }
#photos small { opacity:0; }

/* cforms */
.linklove { display:none; } /* Hide cforms linklove */
form.cform { margin-bottom:20px; width:auto; }
div.cf_info { width:auto !important; }
div.failure { font-weight:bold; }
form.cform textarea,
form.cform input { width:200px; }
form.cform fieldset.cf_hidden { display: none; visibility: hidden; }
form.cform p.cf-sb { margin:0 0 40px 95px; text-align:left; } /* Submit button */
input[type="submit"] { font-weight:bold; }
select#cf2_field_6, select#cf6_field_6, select#cf5_field_6 { width:208px; } /* Maintentance formula */

/* Contact form */
#contactform { float:right; width:480px; }

/* Contactgegevens */
#contactinfo { float:left; width:160px; font-size:16px; line-height:25px; }

/* Google map */
#map { clear:both; margin:40px 0 20px; width:100%; height:400px; }

/* Some general classes */
.mute { color:#666; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.no-margin { margin:0; }
.clear { clear:both; }
.hide { display:none; }

/* Overzicht */
.overzicht {
	float:left;
	margin:0 10px 10px 0;
	width:320px;
	height:80px;
	background-color:#eef7fc;
	color:#333;
	-webkit-transition:background-color 0.25s linear;
	-moz-transition:background-color 0.25s linear;
	-o-transition:background-color 0.25s linear;
}
.overzicht:hover {
	background-color:#c2e3f5;
}
.overzicht div {
	float:left;
	margin:10px 0 0 10px;
}
.overzicht h2 {
	margin:0;
	font-size:18px;
	text-shadow:0 1px 0 #fff;
}
.overzicht p {
	font-size:12px;
}
.overzicht img {
	float:left;
}

/* Shop styles */
/* Shoplink (homepage) */
a.shoplink {
	display:block; margin-top:40px; padding:10px 0 5px; width:200px; font-size:20px; text-align:center; text-decoration:none; color:#9AB5CB;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	background:#00437A; background:-moz-linear-gradient(top, #316794, #00437A); background:-webkit-gradient(linear, left top, left bottom, from(#316794), to(#00437A));
}
a.shoplink strong { display:block; margin:5px 0; color:#fff; }
a.shoplink:hover { background:#00345f; }
/* Shopping cart widget */
#shopping-cart .shopping-cart-wrapper { margin-bottom:25px; }
#shopping-cart .items { display:none; } /* Item count */
#shopping-cart .total { border-top:1px solid #fff; }
#shopping-cart table.shoppingcart { margin-left:0; width:100%; }
#shopping-cart table.shoppingcart th { font-size:8pt; }
form.wpsc_empty_the_cart { margin-bottom:10px; }
.gocheckout a {
	display:inline-block; padding:5px 15px; background:#00437A; color:#fff; text-decoration:none;
	-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;
}
.gocheckout a:after { content:' »'; }
.gocheckout a:hover { background:#2E6491; }

/* Categories widget */
.wpsc-cat-ancestor { font-weight:bold; }
#categorisation_group_1 ul ul { margin-bottom:0; }

/* Clearfix: http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after { clear:both; }
.clearfix { zoom:1; } /* IE < 8 */


/* Print styles */
@media print {

	/* Global font and color */
	body { background:#fff; color:#000; }

	/* Make header smaller */
	#header { height:100px; }
	#logo img { margin-top:-80px; }

	/* Stuff to hide */
	#topbar .button, #lang, #footer { display:none; }

}


/* SEO
 *************************************************************************************************/
.seo-wordcloud, .seo-wordcloud *, .seo-wordcloud:after, .seo-wordcloud:before,
.seo-gallery-title, .seo-gallery-title *, .seo-gallery-title:after, .seo-gallery-title:before,
.seo-gallery, .seo-gallery *, .seo-gallery:after, .seo-gallery:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#breadcrumb { font-size: 0; line-height: 0; list-style: none; margin: 0 0 10px; padding: 0; }
#breadcrumb li { display: inline-block; }
#breadcrumb li:before { color: #666; content: '»'; display: inline-block; font-size: 11px; line-height: 18px; margin: 0 3px; }
#breadcrumb span { color: #666 !important; font-size: 11px; line-height: 18px; }
#breadcrumb a { color: #666 !important; font-size: 11px; line-height: 18px; text-decoration: none !important; }
#breadcrumb a:hover { color: #358cb9 !important; }


.seo-thumb { background: #358cb9; float: left; font-size: 0; line-height: 0; margin: 5px 15px 10px 0; }


.seo-wordcloud { background-color: #fff; color: #282b2e; font-size: 0; line-height: 0; margin: 0 0 20px -20px; padding: 5px 0; }
.seo-wordcloud ul { list-style: none; margin: 0 !important; padding: 0 !important; text-align: center; width: 100%; }
.seo-wordcloud li { display: inline; }
.seo-wordcloud span, .seo-wordcloud a { color: #282b2e; display: inline-block; font-size: 12px; line-height: 16px; }
.seo-wordcloud a { text-decoration: none !important; }
.seo-wordcloud .cloud_0 span, .seo-wordcloud .cloud_0 a { color: #333 !important; font-size: 14px; padding: 3px 3px; }
.seo-wordcloud .cloud_1 span, .seo-wordcloud .cloud_1 a { color: #555 !important; font-size: 16px; padding: 3px 4px; }
.seo-wordcloud .cloud_2 span, .seo-wordcloud .cloud_2 a { color: #777 !important; font-size: 18px; padding: 3px 5px; }
.seo-wordcloud .cloud_3 span, .seo-wordcloud .cloud_3 a { color: #999 !important; font-size: 22px; font-weight: 200; padding: 3px 6px; }
.seo-wordcloud .cloud_4 span, .seo-wordcloud .cloud_4 a { color: #aaa !important; font-size: 26px; font-weight: 200; padding: 3px 7px; }
.seo-wordcloud a:hover { color: #358cb9 !important; }


.seo-gallery-title { background: #fff; clear: both; text-align: center; margin: 0; padding: 10px 0 5px; text-align: center; width: 60%; }
.seo-gallery { background: #fff; clear: both; font-size: 0; line-height: 0; list-style: none; margin: 0 auto 20px; padding: 0; width: 60%; }
.seo-gallery li { float: left; list-style: none; padding: 1%; width: 33.33%; }
.seo-gallery li img { height: auto; width: 100%; }


#seo-contactform { }
#seo-contactform fieldset { background-color: #fff; background-color: rgba(255,255,255,.5); border: none; margin: 0 0 20px -20px; padding: 5px 20px; width: 340px; }
#seo-contactform h2 { border-bottom: 1px solid #ccc; margin: 0 0 10px; text-align: center; }
#seo-contactform .label { display: block; font-size: 12px; line-height: 14px; margin: 0 0 5px; }
#seo-contactform input.large,
#seo-contactform textarea { background: #fff; background-color: rgba(255,255,255,.5); border: 1px solid #ccc; font: normal 14px/18px "futura-pt", sans-serif; padding: 2px 5px; resize: none; width: 100%; }


/* Content Read More */
#content h3.readmore { display: none; }
#content h3.readmore.animated { background: #358cb9; color: #fff; cursor: pointer; display: block; font-size: 18px; line-height: 20px; margin: 0 auto 20px; padding: 5px 10px; position: relative; text-align: center; width: 30%; }
#content h3.readmore.animated.hover { background: #00437a; }