html,body {
	height:100%;
}

body {

	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#8d8d8d;
	padding:0px;
	margin:0px;
	background-color:#000000;

}

td {
	vertical-align:top;
}


a {
	outline-style:none;
	
}



#top_bar_bg {
	background-color:#000000;
	height:26px;
	width:100%;
	position:absolute;
}
#bottom_bar_bg {
	background-color:#000000;
	height:22px;
	width:100%;
	position:fixed;
	z-index:10;
	bottom:0px;
	padding-top:4px;

}
#member_of_bcn {
	color:#3f3f3f;
	display:block;
	float:right;
}
#member_of_bcn a {
	color:#8d8d8d;
	text-decoration:none;
}
#member_of_bcn img {
	vertical-align:bottom;
}
#bottom_bar_content {
	width:1201px;
	margin-left:auto;
	margin-right:auto;
	
}
#top_header {
	color:#ffffff;
	background-color:#000000;
	height:26px;
	width:100%;
	position:relative;
}

#left_block {
	background: #000000 url(/images/bg_tile_left.gif) repeat top right;	
}
#right_block {
	background: #000000 url(/images/bg_tile.gif) repeat top left;	
}
#wrapper {
	width:1201px;
	position:relative;	
}
.td_bg {
	background: transparent url(/images/bg_tile.gif) repeat top right;	
}
#top_stripes {
	background: #000000 url(/images/top_stripes.gif) no-repeat top left;	
	position:absolute;
	left:-99px;
	top:26px;
	width:1000px;
	height:380px;
}
#header {
	min-height:285px;
	position:relative;
	margin-bottom:15px;
}

#header_pagetitle {
	position:absolute;
	top:130px;
	left:0px;
}
#header_pagetitle_logo {
	position:absolute;
	right:-35px;
	top:-31px;
	background: transparent url(/images/seriousmedia_logo.gif) no-repeat top left;	
	width:52px;
	height:57px;
}

#header_under_pagetitle {
	position:absolute;
	top:190px;
	left:0px;
}


#header_quote {
	font-size:18px;
	font-style:italic;
	color:#c6c6c6;
	width:550px;
	clear:both;
	margin-bottom:20px;
}

#menu {
	width:899px;
	height:37px;
	background-color:#ffffff;
	padding-left:30px;
	padding-right:30px; 
}
#hoofdmenu a {
	font-size:12px;
	color:#ffffff; 
	text-transform: uppercase;
	text-decoration:none;	
	line-height:30px;
}
#hoofdmenu > ul > li:hover {
	background-color:#000000;	
}

#hoofdmenu > ul > li.menuitemActive {
	background-color:#000000;	
}
#hoofdmenu > ul > li:hover a {

	color:#ffffff;
}
#hoofdmenu > ul > li:hover > ul  {
	display:block;
}

#hoofdmenu {
	float:left;
	position:absolute;
}
#hoofdmenu > ul {
	margin:0px;
	padding:0px;
}
#hoofdmenu > ul > li {

	display:block;
	float:left;
	margin-left:1px;
	margin-right:1px;
	padding-left:8px;
	padding-right:8px;
	line-height:23px;
	padding-top:17px;
	position:relative;
	cursor:pointer;
	cursor:hand;
}
#hoofdmenu > ul > li > ul {
	display:none;
	margin-left:-5px;
	margin-right:0px;	
	padding-left:5px;
	padding-right:5px;
	position:absolute;
	background-color:#000000;	
	z-index:10;
}
#hoofdmenu > ul > li > ul > li {
	display:block;
	width:247px;
	position:relative;	
	color:#ffffff;
	line-height:22px;
	padding-top:4px;	
	padding-bottom:5px;	
	padding-left:5px;
	border-bottom:1px solid #3f3f3f;
	cursor:pointer;
	cursor:hand;	
	
}
#hoofdmenu > ul > li > ul > li > a {
	color:#ffffff;
	font-size:12px;
	line-height:11px;	
	text-transform:capitalize;
}

#header_submenu {
	clear:both;
}
#submenu > ul {
	margin:0px;
	margin-left:-8px;
	padding:0px;
}
#submenu > ul > li {

	display:block;
	float:left;
	margin-left:1px;
	margin-right:1px;
	padding-left:8px;
	padding-right:8px;
	line-height:21px;
	position:relative;
	cursor:pointer;
	cursor:hand;
}
#submenu > ul > li a {
	color:#8d8d8d;
	text-decoration:none;
	font-size:18px;
	text-transform:lowercase;
}

#submenu > ul > li a:hover {
	color:#ffffff;
}
#submenu > ul > li.menuitemActive a {
	color:#ffffff;
}
.bottom_line {
	padding-top:4px;
}
#footer {
	width:929px;
	background-color:#000000;
	height:22px;
	padding-left:30px;
	position:fixed;
	bottom:0px;
	color:#ffffff;
	padding-top:8px;
}

#footer a {
	color:#ffffff;
	text-decoration:none;
}

#footer_text {
	width:630px;
	float:left;
}
#navmenu {
	float:right;
	padding-right:1px;
	color:#6e6e6e;

}
#navmenu a {
	color:#6e6e6e;
	text-decoration:none;
}
#navmenu a:hover {
	color:#ffffff;

}
#navmenu ul {
	margin:0px;
	padding:0px;
}
#navmenu ul li {

	display:block;
	float:left;
	margin-left:1px;
	margin-right:1px;
	padding-left:5px;
	padding-right:5px;

}
#top_header #twitter_link {
	float:right;
	
}
#top_header #twitter_link img {
	border:0px;
	margin-top:5px;
}

.twitter-share-button {
	margin-top: 3px;
}

#header_image {
	padding-left:30px;
	padding-right:30px;
	background-color:#ffffff;
	padding-bottom:19px;	
}


#content {
	position:relative;
	padding-bottom:15px;
}
#content a {
	color:#cbcbcb;
	text-decoration:none;
}
#content a:hover {
	color:#ed1c24;
}
.watdoet_block {
	position:relative;
	z-index:1;
}
.watdoet_block:hover .bg_block {
	background-color:#cbcbcb;
   	filter:alpha(opacity=10);
   /* CSS3 standard */
   opacity:0.1;

}

.watdoet_block .watdoet_button {
	display:none;
}

.watdoet_block:hover .watdoet_button {
	display:block;
}

.watdoet_block .bg_block {
	width:290px;
	height:100%;
	position:absolute;
	margin:-2px;
    top:0px;
	z-index:-1;
}

.watdoet_button {
	float:right;
}

#tweettext_container {
	margin-top:-14px;
}


.tweet>ul#twit-twit, .homepage_tweet>ul#twit-twit{
	margin:0px;
	padding:0px;
	display:block;
	margin-top:-14px;
}
#juitterContainer>ul.twittList>li {
	list-style:none;
}

p {
	margin-top:6px;
	margin-bottom:7px;
}
h1 {

	font-size:50px;
	color:#ffffff;
	margin-top:0px;
	padding-top:2px;
	margin-bottom:-3px;	
}
h2 {

	font-size:45px;
	color:#dd2731;
	margin-top:0px;
	padding-top:2px;
	margin-bottom:-3px;		
}
h3 {

	font-size:13px;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:1px;		
}

h4 {

	font-size:13px;
	color:#3f3f3f;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:3px;		
}

.redarrow {
	background: transparent url(/images/red_arrow.gif) no-repeat top left;
	width:21px;
	height:21px;
	margin-left:-5px;
	margin-bottom:4px;
}

.tweet {
	width:590px;
	height:33px;
	font-size:11px;
	font-style: italic; 
	margin-top:13px;
}
.darkertxt{
	color:#8d8d8d ;
}
#twitter_bird {
	background: transparent url(/images/twitter_bird.gif);
	width:37px;
	height:26px;
	float:left;
	margin-right:8px;
}
.homepage_tweet {
	position:absolute;
	top:-110px;
	right:0px;
	width:515px;
}
#twitter_bird_grey {
	background: transparent url(/images/twitter_bird_grey.png);
	width:37px;
	height:26px;
	float:left;
	margin-right:8px;
}
.tweet img {
	vertical-align:top;
	margin-right:8px;
}
#latesttweets {
	float:left;
	width:530px;
}

#content ul {
	padding-left:15px;
	margin-top:2px;
	margin-bottom:2px;
		
}
#content ul li {
	list-style: square url("/images/li.gif");
	list-style-position: outside;
 
}


#frmContact label {
	display:block;
	width:140px;
	float:left;
}
#frmContact .bginput, #frmContact select,#frmContact textarea {
	border:1px solid #656565;
	width:405px;
	background: transparent url(/images/input_bg.png) repeat top left;
	margin-bottom:7px;
	color:#ffffff;
	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	font-size:11px;
}
#frmContact input {
	margin-bottom:4px;
}

#frmNewsletter label {
	display:block;
	width:140px;
	float:left;
}
#frmNewsletter .bginput, #frmNewsletter select,#frmNewsletter textarea {
	border:1px solid #656565;
	width:286px;
	background: transparent url(/images/input_bg.png) repeat top left;
	margin-bottom:7px;
	color:#ffffff;
	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	font-size:11px;
}
#frmNewsletter input {
	margin-bottom:4px;
}

.bgsubmit {
	background: transparent url(/images/red_btnbg_with_arrow.gif) no-repeat top left;
	color:#ffffff;
	border:0px;
	height:20px;
	cursor:hand;
	cursor:pointer;
	padding:0px 7px 19px 0px;
	width:97px;
	text-align:right;
	float:right;

}
#showcase_menu {
	padding-bottom:20px;
	font-size:11px;
	float:left;
}
#showcase_menu ul  {
	padding:0px;

}
#showcase_menu ul li {
	display:block;
	float:left;	
	margin-right:8px;
	cursor:pointer;
	cursor:hand;

}
#showcase_menu ul li:hover {
	color:#ffffff;
}

#showcase_paging {
	padding-top:2px;
	padding-right:6px;
	padding-bottom:18px;
	font-size:11px;
	float:right;
}
#showcase_paging_bar {
	background-color:#3f3f3f;
	height:5px;
	position:relative;
	float:right;
	margin-top:6px;
	margin-left:10px;

}
#showcase_paging_bar_handle {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#bf181e;
	width:20px;
	height:5px;
	
}
.proj_cat_item {
	width:168px;
	height:123px;
	float:left;
	margin-right:14px;
	margin-bottom:8px;
}

.proj_items_list {
	clear:both;

}
.proj_items_list_row {
	width:300px;
	float:left;
}
.proj_item_list {
	color:#cbcbcb;
	width:286px;
	height:95px;

	margin-right:19px;
	position:relative;


}
.proj_item_list:hover .proj_title {
	background-color:#dd2731;
	color:#000000;
}
.proj_item_list:hover .proj_title_nr {
	color:#ffffff;
}
.proj_item_list a {
	color:#cbcbcb;	
	text-decoration:none;
}

.proj_items_preview_mask {
	width:1200px;
	height:453px;
	overflow:hidden;
	position:relative;		
	clear:both;
}
.proj_items_preview {
	position:absolute;	
}
.proj_item_preview {
	width:284px;
	height:453px;
	padding:2px;
	margin-right:14px;
	float:left;
	color:#cbcbcb;
	position:relative;	
	z-index:1;	
}
.proj_item_preview:hover .bg_block {
	background-color:#cbcbcb;
   	filter:alpha(opacity=10);
   /* CSS3 standard */
   opacity:0.1;

	
}
.proj_item_preview .bg_block {
	width:290px;
	height:100%;
	position:absolute;
	margin:-2px;
	z-index:-1;	
}
.proj_item_preview_image {
	width:286px;
	height:215px;
	margin-bottom:10px;
}
.proj_item_preview a {
	color:#cbcbcb;	
	text-decoration:none;
}

.proj_item_preview a.openshowcase {
	display:none;
}
.proj_item_preview:hover a.openshowcase {
	display:block;
}



.proj_title {
	font-size:16px;
	color:#ffffff;
	margin-left:-2px;
	padding-left:2px;
}
.proj_title_nr {
	color:#dd2731;
}
.openshowcase {
	top:420px;
	right:2px;
	position:absolute;
	clear:both;
}


.proj_items_thumbnails {
	width:1200px;
	clear:both;
}
.proj_items_thumbnails img {
	border:0px;
}
.proj_item_thumbnail {
	width:150px;
	height:110px;
	float:left;
	
}

.proj_detail {
	min-height:350px;
 position:relative;
 margin-bottom:10px;
}
#proj_detail_navigation {
	position:absolute;
	right:0px;
}
#proj_detail_navigation_paging {

	float:right;	 
	margin-left:15px;
	padding-top:2px;
}

.proj_detail_weblink { 
 bottom:8px;
 left:0px;
 position:absolute;
}
.proj_detail_weblink a {
	color:#8d8d8d;
	text-decoration:none;
}

.proj_detail_images_image {
	width:286px;
	float:left;
	margin-right:18px;
	margin-bottom:18px;	
}
.norightmargin {
	margin-right:0px;
}
.proj_detail_image {
	float:left;
	width:590px;
	margin-right:20px;
}
.detail_image_subtitle {
	font-style:italic;
	font-size:18px;
	margin-top:10px;
}

.proj_detail_text {
	float:left;
	width:590px;
	position:relative;
}
.proj_detail_text #showcase_menu {
	float:right;
}

.proj_detail_text_top {
	height:219px;
	margin-bottom:8px;
	display:table-cell; 
	vertical-align:bottom;
}
.proj_detail_text_bottom {
	text-align:justify;
	-moz-column-width:285px;
	-moz-column-gap:20px;
	-webkit-column-width:285px;
	-webkit-column-gap:20px;
	margin-bottom:8px;
}

#proj_thumb_details_holder {
	position:relative;
	margin-top:5px;
	margin-bottom:15px;
}
.proj_thumb_details {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nav_btn {
	border:0px;
	padding:0px 5px 0px 5px;
	margin-top:-2px;
	vertical-align:middle;
}


.button {
	background-color:#3f3f3f;
	color:#ffffff;
	border:0px;
	height:18px;
	cursor:hand;
	cursor:pointer;
	padding:0px 7px 0px 7px;
}
.rightside {
	float:right;
}
.extratopmargin {
	margin-top:6px;
}
#footer a:hover {
	color:#ed1c24;
}