html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

body {
	font: 80%/1.5em verdana, sans-serif;
	color: #333;
    background-color: #000000;
	background-image: url("/images/layout/middle-bg.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0px 0px; 
    margin: 0px 0px 0px 0px;
	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.header_1 {
	font-size: 140%;
}

hr {
	display: none;  
}

/* MENU */
#menu {width: 970px;}
#nav {float:left;height:37px;}
#nav ul{float:left;margin:0px 0px 0px 0px;padding:0px;list-style-type:none;text-align:center;font-family:arial;font-size:14px;height:38px;}
#nav li{list-style:none;float:left;}
#nav li a{outline:0;display:block;height:37px;overflow:hidden;margin:0px 0px 0px 0px;}
#nav li {outline:0;display:block;height:37px;overflow:hidden;margin:0px 0px 0px 0px;}
#nav #bibblan a{background:url("/images/layout/menu/menu_02.jpg") top left no-repeat;width:150px;text-indent:-99999px;}
#nav #design a{background:url("/images/layout/menu/menu_03.jpg") top left no-repeat;width:83px;text-indent:-99999px;}
#nav #film a{background:url("/images/layout/menu/menu_04.jpg") top left no-repeat;width:64px;text-indent:-99999px;}
#nav #web a{background:url("/images/layout/menu/menu_05.jpg") top left no-repeat;width:59px;text-indent:-99999px;}
#nav #print a{background:url("/images/layout/menu/menu_06.jpg") top left no-repeat;width:68px;text-indent:-99999px;}
#nav #send_a_message a{background:url("/images/layout/menu/menu_07.jpg") top left no-repeat;width:141px;text-indent:-99999px;}

#nav #bibblan a:hover{background:url("/images/layout/menu/menu_over_02.jpg") top left no-repeat;}
#nav #design a:hover{background:url("/images/layout/menu/menu_over_03.jpg") top left no-repeat;}
#nav #film a:hover{background:url("/images/layout/menu/menu_over_04.jpg") top left no-repeat;}
#nav #web a:hover{background:url("/images/layout/menu/menu_over_05.jpg") top left no-repeat;}
#nav #print a:hover{background:url("/images/layout/menu/menu_over_06.jpg") top left no-repeat;}
#nav #send_a_message a:hover{background:url("/images/layout/menu/menu_over_07.jpg") top left no-repeat;}

#nav #bibblan {background:url("/images/layout/menu/menu_over_02.jpg") top left no-repeat;width:150px;text-indent:-99999px;}
#nav #design {background:url("/images/layout/menu/menu_over_03.jpg") top left no-repeat;width:83px;text-indent:-99999px;}
#nav #film {background:url("/images/layout/menu/menu_over_04.jpg") top left no-repeat;width:64px;text-indent:-99999px;}
#nav #web {background:url("/images/layout/menu/menu_over_05.jpg") top left no-repeat;width:59px;text-indent:-99999px;}
#nav #print {background:url("/images/layout/menu/menu_over_06.jpg") top left no-repeat;width:68px;text-indent:-99999px;}
#nav #send_a_message {background:url("/images/layout/menu/menu_over_07.jpg") top left no-repeat;width:141px;text-indent:-99999px;}

#nav #menu_01 {background:url("/images/layout/menu/menu_01.jpg") top left no-repeat;width:378px;text-indent:-99999px;}
#nav #menu_08 {background:url("/images/layout/menu/menu_08.jpg") top left no-repeat;width:27px;text-indent:-99999px;}

#nav #bibblan-show a{background:url("/images/layout/menu/menu_over_02.jpg") top left no-repeat;width:150px;text-indent:-99999px;}
#nav #design-show a{background:url("/images/layout/menu/menu_over_03.jpg") top left no-repeat;width:83px;text-indent:-99999px;}
#nav #film-show a{background:url("/images/layout/menu/menu_over_04.jpg") top left no-repeat;width:64px;text-indent:-99999px;}
#nav #web-show a{background:url("/images/layout/menu/menu_over_05.jpg") top left no-repeat;width:59px;text-indent:-99999px;}
#nav #print-show a{background:url("/images/layout/menu/menu_over_06.jpg") top left no-repeat;width:68px;text-indent:-99999px;}


/* settings */ 
.hidden {display:none;}

h1 {
	font-size: 130%;
}

h2 {
  	margin: 0px 40px 0px 40px;
	padding-top: 15px;
}
h3 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
}

h5 a{
	text-decoration: none;
}

img {
  border: 0px;	
}


a {
	color: #333;
	text-decoration: underline;
}

a:hover {
  	background-color: #000;
	color: #33cc33;
	text-decoration: none;
}

p { margin-bottom: 6px; }

ul {
  	margin-bottom: 1.5em;
  	margin-left: 0em;
	list-style: square inside;
	color: #777;
	padding-left: 2px;
}

.sitemap ul {
  	margin-bottom: 1em;
  	margin-left: 1em;
	list-style: square inside;
	padding-left: 2px;
}

.sitemap-advanced ul {
  	margin-bottom: 2em;
  	margin-top: 0.5em;
	list-style: none inside;
	padding-left: 0px;
}

#middle #left .entry .sitemap-advanced li a {
  	margin-bottom: 0.3em;
	font-size:90%;
	text-decoration:none;
	color: #333;
	
}

#middle #left .entry .sitemap-advanced li a:hover {
  	margin-bottom: 0.3em;
	font-size:90%;
	text-decoration:none;
	color: #33cc33;
	
}

#middle #left .entry a {
	color: #33cc33;
	text-decoration: underline;
}

.clearfix {
	clear: both;
	height: 0px;
	line-height: 0px;
}

#bg-body {
	background-image: url("/images/layout/bg.jpg");
    margin: 0 0;
	width: 100%;
	background-repeat: repeat-x;
	background-attachment: scroll;
	min-height:1000px;
}

#top {
  background: url("/images/layout/top-right.jpg") top right no-repeat;
  position: absolute;
  right: 0;
  top: 8px;
  margin: 0;
  padding-left: 35px;
  min-height: 62px;
  width: 430px;
	color: white;
}

#top ul{margin:0px 0px 0px 0px;padding:0px;list-style-type:none;text-align:center;font-family:arial;font-size:14px;height:30px;}
#top li{list-style:none;float:right;}
#top li a{outline:0;display:block;height:35px;overflow:hidden;margin:-13px 45px 0px 0px;}
#top #sitemap a{background:url("/images/layout/top-right-sitemap.jpg") top left no-repeat;width:80px;text-indent:-99999px;}
#top #sign_in a{background:url("/images/layout/top-right-sign-in.jpg") top left no-repeat;width:80px;text-indent:-99999px;}
#top #archive a{background:url("/images/layout/top-right-archive.jpg") top left no-repeat;width:80px;text-indent:-99999px;}
#top #sitemap a:hover{background:url("/images/layout/top-right-sitemap-over.jpg") top left no-repeat;}
#top #sign_in a:hover{background:url("/images/layout/top-right-sign-in-over.jpg") top left no-repeat;}
#top #archive a:hover{background:url("/images/layout/top-right-archive-over.jpg") top left no-repeat;}

#top_sign_in {
	margin: 60px 0px 10px 0px;
	padding-left: 120px;
	padding-bottom: 0px;
	width: 300px;
	float:right;
/*	position:absolute;
	 top:40px;
	 right:0; */
}

#top_sign_in button.sign_in {
  background: url("/images/layout/sign_in.png") no-repeat;
  border: 0;
  cursor: pointer;
  position: absolute;
  width: 70px;
  height: 50px;
  margin: 0;
  margin-top: -26px;
  padding: 0;
}


#top_sign_in button.sign_in span {
	display:none;
}


#top_sign_in input.sign_in_user {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  font-size: 100%;
  padding-left: 2px;  
  margin-right: 10px;
	margin-bottom: 3px;
  width: 150px;
color: #666;
}



#main {
	width: 970px;
	margin: 20px auto 0px auto;
	background: #d0d0d0 url("/images/layout/middle-bg.jpg") top left repeat;
	min-height: 900px;
	height: auto !important;
	height: 900px;
 	position:relative;
}

#middle {
	margin-top: 0px;
	background: transparent url("/images/layout/middle-top-bg.jpg") 10px 10px repeat-y;
	width: 960px;
	clear:both;
}

#middle .header {
	margin: 0px 0px 0px 10px;
	width: 950px;
	height: 180px;
}

#middle .bibblan_overview-header {background: url("/images/layout/teasers/advertising_agency_overview.jpg") no-repeat;
margin: 0px 0px 0px 10px;
width: 950px;
height: 430px;
}


#middle .bibblan-header {background: url("/images/layout/headers/bibblan.jpg") no-repeat;}
#middle .design-header  {background: url("/images/layout/headers/design.jpg") no-repeat;}
#middle .film-header  {background: url("/images/layout/headers/film.jpg") no-repeat;}
#middle .web-header  {background: url("/images/layout/headers/web.jpg") no-repeat;}
#middle .print-header  {background: url("/images/layout/headers/print.jpg") no-repeat;}
#middle .development-header  {background: url("/images/layout/headers/development.jpg") no-repeat;}
#middle .project-header  {background: url("/images/layout/headers/project.jpg") no-repeat;}
#middle .teamplay-header  {background: url("/images/layout/headers/teamplay.jpg") no-repeat;}
#middle .reference-header  {background: url("/images/layout/headers/reference.jpg") no-repeat;}
#middle .partner-header  {background: url("/images/layout/headers/partner.jpg") no-repeat;}
#middle .contact-header  {background: url("/images/layout/headers/contact.jpg") no-repeat;}
#middle .martin-header  {background: url("/images/layout/headers/martin.jpg") no-repeat;}
#middle .jani-header  {background: url("/images/layout/headers/jani.jpg") no-repeat;}
#middle .archive-header  {background: url("/images/layout/headers/archive.jpg") no-repeat;}
#middle .sitemap-header  {background: url("/images/layout/headers/sitemap.jpg") no-repeat;}
#middle .send_a_message-header  {background: url("/images/layout/headers/send_a_message.jpg") no-repeat;}








#middle #left a:hover {
  	background-color: #000;
	color: #33cc33;
	text-decoration: underline;
}


#middle #left {
	margin: 0px 0px 0px 10px;
	padding-top: 0px;
	width: 599px;
	float:left;
	
}



#middle .right {
	width: 340px;
	float:right;
	min-height: 300px;
	padding-top: 10px;
	background: url("/images/layout/dynamic-top.jpg") no-repeat;
	
}

#middle .right .related-img {
	float: left;
	width: 130px;
	text-align: left;
	margin-right: 10px;
}

#middle .right .related-title, #middle .right .related-body {
	float: left;
	width: 160px;
}
#middle .right .right-border {
	margin-left:10px;
}

#middle .right .contact_us_dynamic {
	margin:20px 0px 20px 30px;
}
#middle #small_b {
	position: absolute;
	width: 80px;
	height: 75px;
	margin-left: 270px;
	margin-top: -20px;
	z-index:1;
}


#middle .right #references {
	padding-left:20px;
	padding-top:40px;
	padding-bottom:35px;
	background: #fff url("/images/layout/dynamic_box_end.jpg") no-repeat;	
}

#middle .right #references h5 a {
	font-size:80%;
	margin-left:5px;
}


#middle .right #references h3 a, #middle .right #references h3 a {
  	background-color: transparent;
	font-size: 130%;
	line-height: 15px; 
	color: #000;
	margin: 0px 0px 15px -2px;
	padding-top: 0px;
	outline:0;display:block;height:30px;overflow:hidden;
	text-indent:-99999px;
}



#middle .right #references .ref-header a {
	background:url("/images/layout/titles/references_over.jpg") top left no-repeat;width:200px;
}

#middle .right #references .ref-header a {
	background:url("/images/layout/titles/references.jpg") top left no-repeat;width:200px;
	
}




#middle .right #printer {
	padding-left:0px;
	padding-top:5px;
	padding-bottom:30px;
	height:280px;
	background: #fff url("/images/layout/teasers/print_box.jpg") no-repeat;
	
}

#middle .right #printer h5 a {
	font-size:90%;
	margin-left:30px;
	color: #fff;
}

#middle .right #printer p {
	margin-left:30px;
	margin-top:10px;
	color:#fff;
	font-size:90%;
	
	width:220px;
}

#middle .right #printer h3 a, #middle .right #printer h3 a {
  	background-color: transparent;
	font-size: 130%;
	line-height: 15px; 
	color: #000;
	margin: 0px 0px 15px -2px;
	padding-top: 0px;
	outline:0;display:block;height:30px;overflow:hidden;
	text-indent:-99999px;
}



#middle .right #printer .prt-header a {
	background:url("/images/layout/teasers/print_over.jpg") 24px 10px no-repeat;width:100px;
}

#middle .right #printer .prt-header a {
	background:url("/images/layout/teasers/print.jpg") 24px 10px no-repeat;width:100px;
	
}

#middle .right #something-else {
	padding-left:20px;
	padding-top:40px;
	padding-bottom:35px;
	background: transparent url("/images/layout/dynamic_box_start.jpg") no-repeat;	
}



.left-border {
	margin-top: 20px;
}

.list-img {
	float:left;
	margin:10px 20px 10px 0px;
}

.list-body {
	margin-left:10px;
	width:350px;
	float:left;
	margin-top:10px;
}


#middle .events {
	background: transparent url("/images/layout/titles/events.jpg") top right no-repeat;
}

#middle .entry {
	margin: 20px 10px 0 40px;
	width:530px;
}


#middle .pagination {
	color: #333;
	font-size: 110%;
}

#middle .pagination a {
	text-decoration: none;
}


#middle .entry .preamble {
	font-size: 90%;
	color: #333;
	font-weight: bold;
	margin: 10px 0 20px 0;
}

#middle #my_flash_movie {
	margin: 40px 0 40px 0px;
}


#middle #gallery {
	margin-left: 10px;
	background: #fff url("/images/layout/gallery/middle.jpg") top center repeat-y;
}

#middle #gallery .gallery-title {
	background: transparent url("/images/layout/gallery/top.jpg") top center no-repeat;
	padding-left: 40px;
	padding-top: 0px;
	height: 60px;
}


#middle .gallery-bottom {
	background: #fff url("/images/layout/gallery/bottom.jpg") top center no-repeat;
	height: 10px;
	margin-top:0px;
}

#middle .gallery-bottom-text {
	font-size: 90%;
	text-align:right;
	padding-right:40px;
	padding-top:20px;
}

#middle #gallery .thumbnail {
	float:left;
	margin-top: 3px;
/*	margin-left: 25px;*/
	margin-bottom: 22px;
}

#middle #gallery .first {
	padding-left: 60px;
}

#middle #gallery .middle {
	margin-left: 25px;
}

#middle #gallery .last {
	clear: right;
	margin-left: 25px;
	margin-right:0px;
}

.white-around {
	background-color: #fff;
	margin-left:10px;
}



#bottom-navigator {
	font-size:90%;
	padding-top: 10px;
	color: #666;
	margin: 0px 0 0px 40px;
	padding-bottom:10px;
}

#bottom-navigator a {
	color: #666;
	text-decoration: none;
}

#top-navigator {
	font-size: 90%;
	color: #666;
	margin: 0px 0 0px 40px;
}

#top-navigator a {
	color: #666;
	text-decoration: none;
}

#related {
	margin: 20px 0 20px 18px;
}



.small-entry {
	margin: 0px 10px 25px 20px;
}

.column-image {
	float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 460px;
}

.column-image .thumb-img img {
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
	border: 2px solid #ccc;
	float: left;
}

.column-image .news-text {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 250px;
	min-height: 80px;
}

.column-image .news-text p {
	margin: 4px 0px 0px 0px;
	
}

.column-image .news-text p a {
	text-decoration: none;	
	font-size: 90%;
}

.column-image .news-text p a:hover {
background-color: transparent;
color: #333 ;
}

.column-image .news-text h5 a {
	font-size: 90%;
}

.news-text-wide {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 420px;
	min-height: 80px;
}

.news-text-wide p {
	margin: 4px 0px 0px 0px;
	
}

.news-text-wide p a {
	text-decoration: none;	
	font-size: 90%;
}

.news-text-wide p a:hover {
background-color: transparent;
color: #333 ;
}


.news-text-wide h5 a {
	font-size: 90%;
}











.column-image .top-spacer img {
	border: 0px;
	margin: 7px 0px 8px 0px;
}

.column-image .date {
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
	border: 0px;
	color: #666666;
	float:left;
	font-size: 9px;
	
}

.column-wide h3 a, .column-image h3 a {
  	background-color: transparent;
	font-size: 130%;
	line-height: 15px; 
	color: #000;
	margin: 0px 0px 15px -2px;
	padding-top: 0px;
	outline:0;display:block;height:30px;overflow:hidden;
	text-indent:-99999px;
}



.summary a {
	background:url("/images/layout/titles/summary-wide.jpg") top left no-repeat;width:400px;
}

.summary a:hover {
	background:url("/images/layout/titles/summary-wide_over.jpg") top left no-repeat;width:400px;
}


a.external { white-space: nowrap; padding-right: 15px; background: url("/images/layout/icon/external_grey.gif") no-repeat 100% 50%; zoom: 1; }

a[rel="lightbox[gallery]"][class="lightbox[gallery]"] { white-space: nowrap; padding-right: 15px; background: url("/images/layout/icon/photo.gif") no-repeat 100% 50%; zoom: 1; }



.float-none {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	height: 0; 
	line-height: 1px;
	display: block;
}

.small_foot {
 font-size:90%;	
}


.footer {
	clear: both;
	text-align: left;
    padding-top: 50px;
	padding-left: 0px;
	width: 100%;
}

.footer .container {
	padding-left: 0px;
	background-color: transparent;
	width: 900px;
	margin: 0px auto 0px auto;
}

.footer .column {
	float: left;
	padding-bottom: 30px;
	position: relative;
	width: 215px;
}


.footer h2 {
	margin: 0px 0px 0px -3px;
}
.footer h2 a {
  	background-color: transparent;
	font-size: 130%;
	line-height: 15px; 
	color: #000;
	margin: 0px 0px 15px 0px;
	padding-top: 0px;
	outline:0;display:block;height:30px;overflow:hidden;
	text-indent:-99999px;
}

.footer .we-are-bibblan a:hover {
	background:url("/images/layout/titles/we-are-bibblan.jpg") top left no-repeat;width:220px;
	
}

.footer .development a:hover {
	background:url("/images/layout/titles/development.jpg") top left no-repeat;width:220px;
}

.footer .contact a:hover {
	background:url("/images/layout/titles/contact.jpg") top left no-repeat;width:220px;
}

.footer .partners a:hover {
	background:url("/images/layout/titles/partners.jpg") top left no-repeat;width:220px;
}

.footer .we-are-bibblan a {
	background:url("/images/layout/titles/we-are-bibblan_over.jpg") top left no-repeat;width:220px;
	
}

.footer .development a {
	background:url("/images/layout/titles/development_over.jpg") top left no-repeat;width:220px;
}

.footer .contact a {
	background:url("/images/layout/titles/contact_over.jpg") top left no-repeat;width:220px;
}

.footer .partners a {
	background:url("/images/layout/titles/partners_over.jpg") top left no-repeat;width:220px;
}


.footer .light {
	padding-top: 3px;
	color: #777;
}

.date-archive {
	color:#777;
	font-size:90%;
}


.column-wide {
	float: left;
	padding-bottom: 30px;
	position: relative;
	width: 440px;
}

.column-wide h3 {
  	background-color: transparent;
	font-size: 130%;
	line-height: 15px; 
	color: #000;
	margin: 0px 0px 15px 0px;
	padding-top: 0px;
	outline:0;display:block;height:30px;overflow:hidden;
	text-indent:-99999px;
}

/* newsletter form */

.newsletter {
	margin: 30px 0 0 30px;
	width: 250px;
  	z-index:2;
	position: relative;
}

.projects {
	margin: 20px 0 10px 30px;
	width: 280px;
}


.newsletter button.subscribe {
  margin: 10px 0 0 210px;
}



.newsletter input.subscribe_email {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  font-size: 90%;
	color:#33cc33;
  padding-left: 2px;  
  margin-right: 4px;
padding-top:3px;
  width: 260px;
height:17px;

}

.newsletter .info {
	text-align: right;
	font-size: 90%;
}

.wide-box {
	margin: 14px 0px 10px 10px;
}



.fields input { 
	border: 1px solid #ccc;	
}


.dark input { 
	border: 1px solid #32CD32;	
	background-color: #fff;
	cursor: pointer;
}


textarea { 	
	border: 1px solid #ccc;	
}

select {
  	margin: 0px;
  	color: #666666;
	border: 1px solid #ccc;
	font-size: 90%;
}

.ovrig_info {
	width: 366px;
	height: 80px;
}

.red {
  	color: #666;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 5px;
}
.red_2 {
  	color: #666;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size:90%;
}

.red_3 {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 2px;
}

.red_3 a {
	text-decoration: none;
}

.short_input {
	width: 150px;
}

#small_green {
	position: absolute;
	left: -1px;
	top: 37px;
	background-image: url("/images/layout/small_green.jpg");
	height: 10px;
	width: 10px;
}

#tell_a_friend {
	margin: 20px 0px 0px 0px;
}

#left #top-spot-ad {
	background-image: url("/images/layout/teasers/advertising_agency.jpg");
	height: 180px;
	width: 540px;
	margin:20px 0 0px 45px;
}

#left #top-spot-design {
	background-image: url("/images/layout/teasers/teaser_design.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-web {
	background-image: url("/images/layout/teasers/teaser_web.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-film {
	background-image: url("/images/layout/teasers/teaser_film.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-print {
	background-image: url("/images/layout/teasers/teaser_print.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-teamplay {
	background-image: url("/images/layout/teasers/teaser_teamplay.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-contact {
	background-image: url("/images/layout/teasers/teaser_contact.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-project {
	background-image: url("/images/layout/teasers/teaser_project.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-reference {
	background-image: url("/images/layout/teasers/teaser_reference.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}

#left #top-spot-martin {
	background-image: url("/images/layout/teasers/teaser_martin.jpg");
	height: 180px;
	width: 540px;
	margin:0 0 80px 40px;
}


#left .entry .column { float:left; width: 380px;}
#left .entry .column-small { float:right; width: 120px;}

#left .entry .column #highlight {
	background: url("/images/layout/teasers/highlight.jpg") top left no-repeat;
	width:390px;
	height:207px;
	margin:60px 0 0 0;
}

#left .entry .column #highlight p {
	position: relative;
	padding-top:220px;
	margin-left:100px;
}



#left .entry #start-presentation { padding-top:52px; height:200px; background-image: url("/images/layout/teasers/sizzlin-new-happenin-stuff.jpg"); background-repeat: no-repeat;}

#left #start-presentation ul { margin:0 0 0 0px;padding:0;list-style-type:none;}

#left #start-presentation li        .teaser { display: block; }

#left #start-presentation li        .intro  { display: none; }

#left #start-presentation li.active .teaser { display: none; }

#left #start-presentation li.active .intro  { display: block;}

#left #start-presentation li img {
    float:          left;
    display:        inline;
}

#left #start-presentation li { margin: 0 0 20px 0; }

#left #start-presentation li .teaser p { margin-bottom: 0px; }
	
#left #start-presentation li .image img { margin-right: 10px; }
#left #start-presentation li .image h3 { display: inline;}

#left #start-presentation li .image p { display: inline;}

#left #start-presentation li .image-small img { margin-right: 10px; }

#left #start-presentation li .image-small p { display: inline; }

#left #start-presentation li .intro h3 a { color: #ff3399; text-decoration: none; margin-bottom: 0px; font-size:90%; text-transform: capitalize; }


#left #start-presentation-rest ul { margin:0 0 15px 0px;padding:0;list-style-type:none;}
#left #start-presentation-rest li { margin: 0 0 4px 0; }
#left #start-presentation-rest .rest a {color:#ff3399;text-decoration:none;text-transform:capitalize;}

#left .entry #design-presentation { margin-top:60px; padding-top:40px; background-image: url("/images/layout/teasers/design.jpg"); background-repeat: no-repeat;}
#left #design-presentation ul { margin:0 0 0 0px;padding:0;list-style-type:none;}
#left #design-presentation li { margin-bottom:15px;}
#left #design-presentation li img {
    float:          left;
    display:        inline;
}

#left #design-presentation li .intro p { margin-left: 160px; font-size:100%; }
#left #design-presentation li .intro h3 { margin-left: 0px; margin-bottom:3px;}
#left #design-presentation li .intro h3 a { color: #ff3399; text-decoration: none; margin-bottom: 0px; font-size:80%; text-transform: uppercase; }




/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* SIFR */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/


.sIFR-active h1,
    .sIFR-active h4,
    .sIFR-active h6 {
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
    }

    .sIFR-active h1,.sIFR-active h4 {
      padding-bottom: 0;
font-size:22px;
    }

    .sIFR-active h6 {
      font-size: 18px;
    }



/*----- codePreviews ---- */

.code {
  background-color: #232323;
  border: 1px solid black;
  font-family: 'Courier New', 'Terminal', monospace;
  color: #E6E0DB;
  padding: 3px 5px;
  overflow: auto;
  font-size: 12px;
  margin: 12px 0;
	width:520px;
}
.code pre {
  margin: 0px;
  padding: 0px;
}