/* BASIC ELEMENTS */

body
{
	background-color:#fff;
	margin:0;
	padding:0;
	background-image:url(/images/greenberry/mapbg.jpg);
	background-position:400px bottom;
	background-repeat:no-repeat;
}

.pointer
{cursor:pointer;}

p
{
	font-family:sans-serif;
	font-size:13px;
	color:#717070;
	line-height:18px;
	margin:0;
}

.fl
{float:left;}

.fr
{float:right;}


.center
{
	margin-left:auto;
	margin-right:auto;
}

.noie6
{_display:none;}

.clear
{clear:both;}

.spacer20
{
	height:20px;
	overflow:hidden;
}

h2
{
	margin:0;
	color:#afafb0;
	font-family:sans-serif;
	font-size:12px;
	letter-spacing:0.09em;
}

h3
{
	margin:0;
	color:#6e9e40;
	font-family:sans-serif;
	font-size:32px;
}

.fl
{float:left;}


/* Grid */

.page_container
{
	margin-left:auto;
	margin-right:auto;
	width:886px;
	padding-top:22px;
}

.twitter
{
	width:100%;
	margin-top:20px;
}

.cases
{margin-top:25px;}

.content_page
{margin-top:15px;}

.footer .fl,
.footer .fr
{padding-top:10px;}

.footer h2
{
	color:#9d9d98;
	font-size:10px;
	letter-spacing:0.1em;
}

.map
{
	width:575px;
	height:200px;
	margin-top:25px;
	_margin-top:22px;
}

/* Assets */

.logo
{
	width:256px;
	height:77px;
}

.sep
{
	border-bottom:1px;
	height:1px;
	background-image:url(/images/greenberry/dot.gif);
	background-repeat:repeat-x;
	overflow:hidden;
}

.w100
{width:100%;}

.mt5
{
	margin-top:5px;
	overflow:hidden;
}

.mt10
{
	margin-top:10px;
	overflow:hidden;
}

.mt20
{margin-top:20px;}

.ml6
{margin-left:6px;}

.twitter h3
{
	line-height:40px;
text-align:left;
}

.twitter h3 div
{
	color:#bababb;
	font-size:18px;
	margin-top:-5px;
}

.title h3
{
	color:#787778;
	font-size:32px;
}

.cases .container p
{
	height:110px;
	overflow:hidden;
}

.cases .container,
.content_page .container
{
	width:290px;
	float:left;
}

.cases .container_wide .container,
.content_page .container_wide .container
{
	margin-left:6px;
	_margin-left:3px;
	margin-top:-6px;
	float:left;
}

.cases .container_wide,
.content_page .container_wide
{
	width:596px;
	float:left;
	padding-top:66px;
	_padding-top:69px;
}

.cases h2
{margin-top:2px;}

.cases p,
.content_page p
{
	width:280px;
	padding-right:10px;
	margin-top:18px;
}

/* BLOG CSS */

.cases .blog h3
{line-height:14px;}

.cases .blog h2
{font-size:12px;}

.cases .blog .title
{height:75px;}

.cases .blog .client
{height:23px;}

.cases .blog p
{
	height:250px;
	overflow:hidden;
}

/* BLOG DETAIL CSS */

.blog_detail
{
	width:576px;
	padding-left:20px;
	_padding-left:10px;
	float:left;
}

.blogpost_details .f12
{
	font-size:12px;
	color:#afafb0;
}

.blogpost_details .retweet_container
{
	margin-left:480px;
	margin-top:-40px;
}

.blogpost_details .retweet,
.blogpost_details .retweet_over
{
	width:92px;
	height:29px;
	cursor:pointer;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -338px no-repeat;	
}

.blogpost_details .retweet_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -372px no-repeat;	
}

/* END */

.icon_green_dot
{
	width:4px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -24px no-repeat;	
	_background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -26px no-repeat;	
}

.tag_bg
{
	position:absolute;
	width:93px;
	height:22px;
	overflow:hidden;
	background-image:url(/images/greenberry/tagbg.png);
	background-repeat:no-repeat;
	margin-top:254px;
	_margin-top:257px;
	margin-left:200px;
	z-index:5;
cursor:pointer;
}


.tag_type_1
{
	width:59px;
	height:16px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -297px no-repeat;
	margin-top:24px;	
}

.tag_type_2
{
	width:51px;
	height:16px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -260px no-repeat;	
	margin-top:24px;	
}

.tag_type_3
{
	width:107px;
	height:16px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -223px no-repeat;	
	margin-top:24px;
}

.tagdot
{
	width:9px;
	margin-top:6px;
	_margin-top:7px;
}

.concept_tag
{
	margin-left:205px;
	width:85px;
}

.webdev_tag
{
	margin-left:144px;
	width:146px;
}

.tag_bg h2
{
	font-size:13px;
	color:#9d9d98;

	padding-top:2px;
	_padding-top:3px;
	margin-right:10px;
	letter-spacing:0.1em;
}

.container_wide_2
{
	width:576px;
	padding-left:20px;
	_padding-left:10px;
	float:left;
}

.container_wide_2 p
{width:100%;}

.container_wide_2 h2,
.location h2
{
	color:#787778;
	margin-top:20px;
	font-size:18px;
}

.h2larger
{
	color:#afafb0;
	margin-top:10px;
	font-size:14px;
}

/* Form */

.container_form
{
	width:260px;
	_width:255px;
	margin-left:10px;
	float:right;
	margin-top:16px;
	margin-right:10px;
	_margin-right:0px;
}

.container_form form
{
	margin:0;
	padding:0;
}

.container_form form input,
.container_form form textarea
{
	width:100%;
	clear:both;
	border-color:#bababb;
	border-width:1px;
	border-style:solid;
	margin-top:5px;
	font-family:sans-serif;
	font-size:12px;
	padding:3px;
	color:#717070;
}

.container_form form textarea
{height:150px;}

/* Buttons */

.btn_verstuur,
.btn_verstuur_over
{
	width:53px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -86px no-repeat;	
	cursor:pointer;	
	float:right;
}

.btn_verstuur_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -0px -105px no-repeat;	
}

.btn_more_work,
.btn_more_work_over
{
	width:71px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -27px no-repeat;	
	cursor:pointer;	
}

.btn_more_work_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -102px -27px no-repeat;	
}

.btn_prev,
.btn_prev_over,
.btn_prev_blogpost,
.btn_next_blogpost,
.btn_prev_blogpost_over,
.btn_next_blogpost_over
{
	width:80px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -46px no-repeat;	
	cursor:pointer;
	float:left;
}

.btn_prev_blogpost,
.btn_next_blogpost,
.btn_prev_blogpost_over,
.btn_next_blogpost_over
{width:124px;}

.btn_next_blogpost,
.btn_next_blogpost_over
{float:right}

.btn_prev_blogpost
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -172px no-repeat;
}

.btn_next_blogpost
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -169px -172px no-repeat;
}

.btn_prev_blogpost_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -193px no-repeat;
}

.btn_next_blogpost_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -169px -193px no-repeat;
}

.btn_prev_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -66px no-repeat;	
}

.btn_prev_short,
.btn_prev_short_over
{
	width:91px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -130px no-repeat;	
	cursor:pointer;
	float:left;
}

.btn_prev_short_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px -150px no-repeat;	
}

.btn_next,
.btn_next_over
{
	width:96px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -195px -46px no-repeat;	
	cursor:pointer;
	float:right;
}

.btn_next_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -195px -66px no-repeat;	
}

.btn_next_short,
.btn_next_short_over
{
	width:106px;
	height:10px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -185px -130px no-repeat;	
	cursor:pointer;
	float:right;
}

.btn_next_short_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -185px -150px no-repeat;	
}

.btn_follow,
.btn_follow_over
{
	width:50px;
	height:17px;
	overflow:hidden;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -309px -44px no-repeat;	
	cursor:pointer;
	float:left;
	margin-left:5px;
	margin-top:3px;
}

.btn_follow_over
{
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -309px -63px no-repeat;	
}

/* Nav */

.nav
{
	height:27px;
	margin-top:15px;
	margin-left:132px;
	overflow:hidden;
}

.btn_home,
.btn_home_over
{
	width:40px;
	height:11px;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) 0px 0px no-repeat;	
	cursor:pointer;
	overflow:hidden;
	cursor:pointer;
	float:left;
}

.btn_home_over
{height:17px;}

.btn_portfolio,
.btn_portfolio_over
{
	width:89px;
	height:11px;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -129px 0px no-repeat;	
	cursor:pointer;
	overflow:hidden;
	float:left;
	margin-left:80px;
	_margin-left:66px;
}

.btn_portfolio_over
{height:17px;}

.btn_blog,
.btn_blog_over
{
	width:37px;
	height:11px;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -647px 0px no-repeat;	
	cursor:pointer;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin-left:80px;
}

.btn_blog_over
{height:17px;}

.btn_over_ons,
.btn_over_ons_over
{
	width:76px;
	height:11px;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -309px 0px no-repeat;	
	cursor:pointer;
	overflow:hidden;
	float:left;
	margin-left:80px;
}

.btn_over_ons_over
{height:17px;}

.btn_contact,
.btn_contact_over
{
	width:66px;
	height:11px;
	background: url(/images/greenberry/mainsprite_gif_1.0.gif) -474px 0px no-repeat;	
	cursor:pointer;
	overflow:hidden;
	float:left;
	margin-left:80px;	
}

.btn_contact_over
{height:17px;}

/* Preview images */

.imgcontainer
{
	position: relative;
	overflow: hidden;
	height: 200px;
	width: 290px;
	margin-top:5px;		
}

.content_page .container .imgcontainer
{
	margin-top:25px;
	_margin-top:22px;
}

.previewoverlay
{
	position: absolute;
	z-index: 1;
}
.imgblock
{	
	height: 200px;
	width: 290px;
	background: #FFF;
}
.edge
{
	height: 90px;
	width: 290px;	
	background: url(/images/greenberry/slash.png);
}

.contact_map p
{
	margin:0;
padding:0;
}

a:link, a:visited { font-family:sans-serif; font-size:13px; color:#6e9e40; text-decoration:none; }
a:active { font-family:sans-serif; font-size:13px; color:#6e9e40; text-decoration:none; }
a:hover { font-family:sans-serif; font-size:13px; color:#787778; text-decoration:none; }

a.twitter_link:link, a.twitter_link:visited { font-size:18px; color:#787778; }
a.twitter_link:active { font-size:18px; color:#787778; text-decoration:none; }
a.twitter_link:hover { font-size:18px; color:#787778; text-decoration:none; }

a.footer_link:link, a.footer_link:visited { font-size:10px; color:#9d9d98; }
a.footer_link:active { font-size:10px; color:#9d9d98; }
a.footer_link:hover { font-size:10px; color:#9d9d98; }