.page_item page-item-2308,
.page_item page-item-2311,
.page_item page-item-2313 {display:none;}
.centre {
	width:898px;
	margin:0 auto
}
#middle .centre {
	overflow:hidden;
}
.clear {
	height:0;
	line-height:0;
	font-size:0;
	clear:both
}
.diensten {
	width:898px;
	border-top:1px solid #DDD;
	background:url(images/bg/bg-diensten.jpg) no-repeat left top;
	padding:30px 0 0 0;
	margin:30px 0 0 0
}
.diensten h3 {
	margin:0 0 20px 0;
	padding:0
}
.diensten ul {
	margin:0;
	padding:0 0 40px 0;
	width:898px!important
}
.diensten ul li {
	margin:0 0 30px 0!important;
	padding:0 20px 0 65px!important;
	list-style:none;
	float:left!important;
	width:214px!important;
	height:80px
}
.dienst1 {
	background:url(http://static4.urbanity.nl/images/icons/icon-webdesign.jpg) no-repeat left top
}
.dienst2 {
	background:url(http://static4.urbanity.nl/images/icons/icon-huisstijl.jpg) no-repeat left top
}
.dienst3 {
	background:url(http://static4.urbanity.nl/images/icons/icon-wordpress.jpg) no-repeat left top
}
.dienst4 {
	background:url(http://static4.urbanity.nl/images/icons/icon-seo.jpg) no-repeat left top
}
.dienst5 {
	background:url(http://static4.urbanity.nl/images/icons/icon-adwords.jpg) no-repeat left top
}
.dienst6 {
	background:url(http://static4.urbanity.nl/images/icons/icon-cms.jpg) no-repeat left top
}
.diensten ul li p {
	color:#6E6E6E;
	line-height:18px!important
}
.diensten h2 {
	margin:0!important;
	padding:0!important;
	width:299px!important;
	font-size:12px
}
.diensten h2 a {
	font-weight:bold
}
.slideshow {
	position:relative;
	width:386px;
	height:266px;
	float:right;
	background:url(images/bg/bg-slideshow-home.jpg) no-repeat left top;
	display:block
}
.slideshow #list {
	width:250px;
	height:152px;
	padding:13px 0 0 0;
	margin:0 0 0 61px;
	overflow:hidden!important
}
.slideshow ul {
	margin:0;
	padding:0;
	background:none
}
.slideshow li {
	width:250px;
	height:152px;
	display:block;
	margin:0!important;
	padding:0!important
}
.slideshow img {
	width:250px;
	height:152px;
	display:block
}
.prev-thumb {
	position:absolute;
	left:0;
	width:49px;
	height:64px;
	display:block;
	cursor:pointer;
	text-indent:-2000px;
	bottom:73px;
	background:url(http://static3.urbanity.nl/images/buttons/button-slide-left.png) no-repeat left top
}
div.prev-thumb:hover {
	position:absolute;
	left:0;
	width:49px;
	height:64px;
	display:block;
	cursor:pointer;
	text-indent:-2000px;
	bottom:73px;
	background:url(http://static3.urbanity.nl/images/buttons/button-slide-left.png) no-repeat left -64px
}
.next-thumb {
	position:absolute;
	width:77px;
	height:90px;
	display:block;
	cursor:pointer;
	text-indent:-2000px;
	bottom:0;
	right:0;
	background:url(http://static3.urbanity.nl/images/buttons/button-slide-right.png) no-repeat left top
}
div.next-thumb:hover {
	position:absolute;
	width:77px;
	height:90px;
	display:block;
	cursor:pointer;
	text-indent:-2000px;
	bottom:0;
	right:0;
	background:url(http://static3.urbanity.nl/images/buttons/button-slide-right.png) no-repeat left -90px
}
.centre .left {
	width:469px;
	float:left
}
* {
	margin:0;
	padding:0
}
p {
	line-height:20px;
	color:#6E6E6E!important;
	text-align:left!important;
	font-size:12px!important
}
body {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0
}
h1 {
	font-size:29px;
	width:540px;
	margin:0 0 10px 0;
	padding:0;
	color:#C02E2E;
	font-weight:normal
}
h2 {
	font-size:20px;
	color:#FF9001;
	font-weight:normal;
	margin:20px 0 15px 0
}
h3 {
	font-size:20px;
	color:#FF9001;
	font-weight:normal;
	margin:20px 0 15px 0
}
img {
	border:none;
	padding:0
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
#header {
	width:100%;
	padding:15px 0 0 0;
	height:95px;
	background:url(images/bg/bg-header.gif) repeat-x left top
}
#header h2 {
	padding:0;
	margin:0;
	width:210px;
	height:54px;
	float:left
}
#header h2 a {
	display:block;
	background:url(images/logo/urbanity-webdesign.gif) no-repeat left top;
	width:210px;
	height:54px;
	text-indent:-2000px
}
#header h2 a:hover {
	color:#666;
	text-decoration:none
}
.nav {
	list-style:none;
	margin:22px 0 0 0;
	padding:0;
	float:right
}
.nav ul {
	margin:0;
	padding:0;
	list-style:none
}
.nav li {
	float:left;
	margin:0;
	padding:0;
	position:relative
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF!important;
	display:inline-block;
	padding:1px 11px;
	height:28px;
	line-height:28px;
	text-decoration:none
}
.nav li a:hover {
	background:url(http://static5.urbanity.nl/images/navigation/bg-over.gif) repeat-x left top;
	color:#FFF;
	padding:0 10px;
	border-left:1px solid #CD3838;
	border-top:1px solid #CD3838;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000
}
.nav .current_page_item a, .nav .current_page_item a:link, .nav .current_page_item a:active, .nav .current_page_item a:visited {
	background:url(http://static4.urbanity.nl/images/buttons/bg-orange.gif) repeat-x left top;
	border-left:1px solid #FC9E26;
	border-top:1px solid #FC9E26;
	border-right:1px solid #A65D00;
	border-bottom:1px solid #A65D00;
	color:#FFF;
	padding:0 10px
}
#nav-one li:hover a {
	background:url(http://static5.urbanity.nl/images/navigation/bg-over.gif) repeat-x left top;
	color:#FFF;
	padding:0 10px;
	border-left:1px solid #CD3838;
	border-top:1px solid #CD3838;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000
}
#nav-one .page-item-125:hover a {
	background:url(http://static4.urbanity.nl/images/buttons/bg-green.gif);
	border-left:1px solid #8CC602;
	border-top:1px solid #8CC602;
	border-right:1px solid #557701;
	border-bottom:1px solid #557701
}
#nav-one li:hover ul a {
	background:#090909;
	color:#959595;
	padding:0 10px
}
#nav-one li:hover ul a:hover {
	background:#090909;
	color:#000;
	padding:0 10px
}
.nav ul {
	background:#930101;
	border-bottom:1px solid #820000;
	border-right:1px solid #820000;
	border-left:1px solid #CD3838!important;
	list-style:none;
	margin:0;
	padding:5px 0 5px 0;
	position:absolute;
	top:-999em;
	left:0;
	width:185px;
	z-index:99!important
}
.nav li:hover ul {
	top:29px
}
.nav ul li {
	border:0;
	float:none
}
.nav ul a {
	border:none!important;
	background:#930101 url(images/navigation/arrow.gif) no-repeat 10px top!important;
	border-bottom:0;
	padding-left:20px!important;
	white-space:nowrap;
	color:#FFF!important
}
.nav ul a:hover {
	background:#CCC;
	color:#000;
	text-decoration:underline
}
.nav .page-item-125 a, .nav .page-item-125 a:link, .nav .page-item-125 a:active, .nav .page-item-125 a:visited {
	background:url(http://static4.urbanity.nl/images/buttons/bg-green.gif);
	border-left:1px solid #8CC602;
	border-top:1px solid #8CC602;
	border-right:1px solid #557701;
	border-bottom:1px solid #557701;
	color:#FFF;
	padding:0 10px
}
.nav .page-item-125 a:hover {
	background:url(http://static4.urbanity.nl/images/buttons/bg-green.gif)!important;
	border-left:1px solid #8CC602!important;
	border-top:1px solid #8CC602!important;
	border-right:1px solid #557701!important;
	border-bottom:1px solid #557701!important;
	color:#FFF;
	padding:0 10px;
	text-decoration:underline
}
.nav .page-item-125 ul {
	background:#618802!important;
	left:-120px!important;
	width:185px!important;
	border-left:1px solid #8AC301!important;
	border-right:1px solid #557701!important;
	border-bottom:1px solid #557701!important
}
.nav .page-item-125 ul a {
	background:#618802 url(images/navigation/arrow.gif) no-repeat 10px top!important
}
.nav .page-item-125 ul a:hover {
	background:#618802 url(images/navigation/arrow.gif) no-repeat 10px top!important;
	border:none!important
}
.breadcrumb {
	margin:9px 0 0 0;
	font-size:11px;
	color:#606060;
	line-height:32px
}
#middle {
	width:100%;
	margin:0 auto;
	padding:20px 0 40px 0
}
#middle a {
	color:#009ACE
}
.choice {
	height:43px;
	float:left;
	margin:20px 0 0 40px;
	padding:0
}
.choice a:hover {
	text-decoration:underline!important
}
.offerte {
	float:left!important;
	margin:9px 10px 0 0!important;
	display:block;
}
.portfolio {
	float:left!important;
	margin:9px 0 0 0!important;
	display:block;
}
.of {
	width:93px;
	height:43px;
	display:block;
	background:url(images/bg/bg-of.gif) no-repeat left top;
	float:left;
	margin:0 10px 0 0!important
}
a.offerte {
	padding:5px 10px 5px 10px;
	float:right;
	text-align:center;
	display:block!important;
	width:110px!important;
	background:url(http://static4.urbanity.nl/images/buttons/bg-green.gif);
	border-left:1px solid #8CC602;
	border-top:1px solid #8CC602;
	border-right:1px solid #557701;
	border-bottom:1px solid #557701;
	color:#FFF!important;
	font-size:13px;
	text-decoration:none;
	font-weight:bold
}
a.portfolio {
	padding:5px 10px 5px 10px;
	float:left;
	text-align:center;
	background:url(http://static3.urbanity.nl/images/bg/bg-portfolio.gif);
	border-left:1px solid #FC9E26;
	border-top:1px solid #FC9E26;
	border-right:1px solid #CA7200;
	border-bottom:1px solid #CA7200;
	display:block!important;
	color:#FFF!important;
	font-size:13px;
	text-decoration:none;
	font-weight:bold
}
#footer {
	background:url(images/bg/bg-footer.gif) repeat-x left top;
	width:100%;
	height:507px;
	position:relative
}
.social {
	margin:0;
	padding:10px 0 0 0;
	float:left;
	height:50px
}
.social li {
	margin:10px 25px 0 0;
	padding:0;
	list-style:none;
	float:left
}
.social li a {
	display:block;
	text-indent:-2000px;
	float:left
}
.social li a.linkedin {
	background:url(http://static5.urbanity.nl/images/social/linkedin.gif) no-repeat left top;
	width:90px;
	height:24px
}
.social li a.linkedin:hover {
	background:url(http://static5.urbanity.nl/images/social/linkedin.gif) no-repeat left -24px;
	width:90px;
	height:24px
}
.social li a.facebook {
	background:url(http://static5.urbanity.nl/images/social/facebook.gif) no-repeat left top;
	width:99px;
	height:24px
}
.social li a.facebook:hover {
	background:url(http://static5.urbanity.nl/images/social/facebook.gif) no-repeat left -24px;
	width:99px;
	height:24px
}
.social li a.twitter {
	background:url(http://static5.urbanity.nl/images/social/twitter.gif) no-repeat left top;
	width:94px;
	height:24px
}
.social li a.twitter:hover {
	background:url(http://static5.urbanity.nl/images/social/twitter.gif) no-repeat left -24px;
	width:94px;
	height:24px
}
.social li a.hyves {
	background:url(http://static5.urbanity.nl/images/social/hyves.gif) no-repeat left top;
	width:65px;
	height:24px
}
.social li a.hyves:hover {
	background:url(http://static5.urbanity.nl/images/social/hyves.gif) no-repeat left -24px;
	width:65px;
	height:24px
}
.buttons {
	margin:0;
	padding:10px 0 0 0;
	height:50px;
	float:right
}
.buttons li {
	margin:10px 0 0 0;
	padding:0;
	float:left;
	list-style:none
}
.buttons li a {
	display:block;
	text-indent:-2000px;
	float:left
}
.buttons li a.rss {
	background:url(http://static5.urbanity.nl/images/extra/rss.gif) no-repeat left top;
	width:24px;
	height:24px;
	margin-left:10px!important
}
.buttons li a.rss:hover {
	background:url(http://static5.urbanity.nl/images/extra/rss.gif) no-repeat left -24px;
	width:24px;
	height:24px;
	margin-left:10px!important
}
.buttons li a.css {
	background:url(http://static5.urbanity.nl/images/extra/css.gif) no-repeat left top;
	width:48px;
	height:24px;
	margin-left:10px!important
}
.buttons li a.css:hover {
	background:url(http://static5.urbanity.nl/images/extra/css.gif) no-repeat left -24px;
	width:48px;
	height:24px
}
.buttons li a.xhtml {
	background:url(http://static5.urbanity.nl/images/extra/xhtml.gif) no-repeat left top;
	width:72px;
	height:24px;
	margin-left:10px!important
}
.buttons li a.xhtml:hover {
	background:url(http://static5.urbanity.nl/images/extra/xhtml.gif) no-repeat left -24px;
	width:72px;
	height:24px
}
.col {
	width:266px;
	height:355px;
	float:left;
	padding:10px;
	margin:20px 20px 0 0;
	background:url(images/bg/bg-col.gif) repeat-x left top
}
.col div {
	text-align:center
}
.col h5 {
	font-size:28px;
	color:#FF9001;
	padding:0;
	font-weight:normal;
	margin:0 0 10px 0
}
.col ul {
	margin:0;
	padding:0;
	list-style:none
}
.col a {
	color:#FFF;
	font-size:12px;
	line-height:22px;
	padding:0!important;
	margin:0!important
}
.navbottom {
	margin:11px 0 0 0;
	padding:0;
	width:898px;
	height:30px;
	float:left
}
.navbottom li {
	margin:0;
	padding:0;
	list-style:none;
	float:left
}
.navbottom li a, .navbottom li a:visited {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#525252!important;
	display:inline-block;
	padding:1px 11px;
	height:28px;
	line-height:28px;
	text-decoration:none
}
.navbottom li a:hover {
	background:url(images/navigation/bg-over.gif) repeat-x left top;
	color:#FFF;
	padding:0 10px;
	border-left:1px solid #CD3838;
	border-top:1px solid #CD3838;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;
	color:#FFF!important
}
.navbottom .page-item-125 a, .navbottom .page-item-125 a:link, .navbottom .page-item-125 a:visited {
	background:url(http://static4.urbanity.nl/images/buttons/bg-green.gif)!important;
	border-left:1px solid #8CC602!important;
	border-top:1px solid #8CC602!important;
	border-right:1px solid #557701!important;
	border-bottom:1px solid #557701!important;
	padding:0 10px!important;
	color:#FFF!important
}
.navbottom .black {
	float:right
}
.navbottom .black a {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#525252!important;
	display:block;
	padding:1px 11px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	float:right!important
}
.navbottom .black a:hover {
	background:url(http://static3.urbanity.nl/images/buttons/bg-black.gif) repeat-x left top;
	color:#FFF!important;
	padding:0 10px;
	border-left:1px solid #353535;
	border-top:1px solid #353535;
	border-right:1px solid #000;
	border-bottom:1px solid #000
}
li {
	margin:0;
	padding:0
}
#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	height:40px;
	width:40px;
	margin-top:-20px;
	margin-left:-20px;
	cursor:pointer;
	overflow:hidden;
	background:transparent;
	z-index:1104;
	display:none
}
#fancybox-loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background:transparent url('images/fancy_loading.png') no-repeat
}
#fancybox-overlay {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	z-index:1100;
	display:none
}
#fancybox-tmp {
	padding:0;
	margin:0;
	border:0;
	overflow:auto;
	display:none
}
#fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:20px;
	z-index:1101;
	display:none
}
#fancybox-outer {
	position:relative;
	width:100%;
	height:100%;
	background:#FFF
}
#fancybox-inner {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	padding:0;
	margin:0;
	outline:none;
	overflow:hidden
}
#fancybox-close {
	position:absolute;
	top:-15px;
	right:-15px;
	width:32px;
	height:32px;
	background:url('images/fancy_close.png') top left no-repeat;
	cursor:pointer;
	z-index:1103;
	display:none
}