/* ---------------------- smalltdesign ------------------------------ */
/* ----------------------- LAYOUT.CSS ------------------------------ */

/* -------------------------- Head ------------------------------- */


		body{
			font-family: verdana;
			font-size: 11px;
            color: #FFFFFF;
			line-height: 1.3;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-color: #343333;
			background-image: url(layout_images/body_bg.gif);
			background-position: left top;
			background-repeat: repeat-x;
		}
		
		#container {
			width: 930px;
			height: 640px;
			margin: 0px;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;	
		}
		
		.containerrahmen {
            width: 100%;
			height: 100%; 
            padding: 0 0 0 0;
          }

		.clear {   
             clear: both;
         }
		  
/* ------------------------ Subpage ------------------------------ */


		#navi {
			width: 607px;
			height: 37px;
			margin: 0 0 0 276px;
			padding: 0 0 0 0;
		}

		#head {
			width: 930px;
			height: 166px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			/*background-image: url(layout_images/logo.gif);
			background-repeat: no-repeat;
			background-position: top left;*/
			position:relative;
		}
		#head #logo {
			position:absolute;
			border:0;
			top:0;
			left:0;
		}
		#head #menutable {
			position:absolute;
			top:129px;
			right:-2px;
z-index:500;
		}
		
		#head_flash {
			width: 607px;
			height: 166px;
			margin-left: 0px;
			padding: 0 0 0 0;
            		padding-left: 276px;
			float: left;
		}
		
		#dragonfly_flash {
			height: 129px;
			width: 607px;
		}
		
		#center {
			width: 930px;
			height: 422px;
			padding: 0 0 0 0;
			float: left;
		}
		
		
		#content {
	width: 518px;
	height: 372px;
	float: left;
	background-image: url(layout_images/content_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.5;
	padding-top: 50px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 40px;
		}
		
		#content_wrapper {
			height:302px;
			overflow-y:auto;
			padding-right:20px;
		}
		

		#content a{
			font-size: 11px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: none;
			}
			
		#content a:hover{
			font-size: 11px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: underline;
			}
			
		#content a.active{
			font-size: 11px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: underline;
			}
		
		#content_flash {
			width: 356px;
			height: 422px;
			padding: 0 0 0 0;
			float: left;
		}
		
		
		#content_portfolio {
			width: 833px;
			height: 372px;
			padding-top: 50px;
			padding-right: 15px;
			padding-bottom: 0;
			padding-left: 40px;
			float: left;
			background-image: url(layout_images/portfolio_bg.jpg);
			background-position: left top;
			background-repeat: no-repeat;
		}
		#submenu {
			margin-top:8px;
			margin-bottom:20px;
			margin-left:5px;
		}
		#submenu ul {
			margin:0;
			padding:0;
			height:20px;
		}
		#submenu ul li {
			margin:0; padding: 0; list-style:none; display:inline;
		}
		#submenu ul li a {
			color:#ffffff;
			text-decoration:none;
			display:block;
			float:left;
			background-image:url(layout_images/dots_list.gif);
			background-repeat:no-repeat;
			background-position:0px 4px;
			padding-left:25px;
		}
		#submenu ul li a:hover, #submenu ul .current a {
			text-decoration:underline;
		}
		
		#portfolio_right {
			width: 35px;
			height: 422px;
			padding: 0 0 0 0;
			float: left;
			background-image: url(layout_images/portfolio_right.jpg);
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		#home_flash {
			width: 930px;
			height: 423px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-color: #343333;

		}
		
		#flashbanner_home {
			height: 423px;
			width: 930px;
		}
		
		#content_flash {
			width: 356px;
			height: 422px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		
		#bugs_flash {
			height: 422px;
			width: 356px;
		}
		

		  
/* ------------------------ footer ------------------------------ */ 

		#foot {
			width: 868px;
			height: 60px;
			padding-left: 20px;
			padding-top: 15px;
			float: left;
			font-family: arial;
			font-size: 11px;
			font-weight: normal;
			color: #838282;
			line-height: 1.3;
			background-image: url(layout_images/footer_bg.gif);
			background-repeat: repeat-x;
			background-position: top left;
		}	

				
		#foot a{
			font-size: 11px;
			font-weight: normal;
			color: #838282;
			text-decoration: none;
		}	
		
		#foot a:hover{
			font-size: 11px;
			font-weight: normal;
			color: #838282;
			text-decoration: underline;
		}
		
		.portfolio {
			position:relative;
			width:200px;
		}
		.portfolio .portfolio_item {
			float:left;
			margin-right:15px;
			margin-bottom:15px;
		}
		.portfolio .portfolio_item .portfolio_link {
			border:1px solid #333333;
			display:block;
			width:60px;
		}
		.portfolio .portfolio_item a:hover, .portfolio .portfolio_item_selected a {
			border-color:#e458ef!important;
		}
		.portfolio .portfolio_item .portfolio_details {
			position:absolute;
			/*display:none;*/
			top:0px;
			left:180px;
			width:650px; 
			z-index:2;
		}
		.portfolio .portfolio_item .portfolio_details .portfolio_bigimage{
			float:left;
			display:block;
			width:340px;
		}
		.portfolio .portfolio_item .portfolio_details .portfolio_bigimage a {
			border:0;
		}
		.portfolio .portfolio_item .portfolio_details .portfolio_blurb{
			line-height:18px;
			float:left;
			width:250px;
			margin-left:20px;
			margin-top:10px;
		}
		.portfolio .portfolio_item .portfolio_details .portfolio_blurb h1 {
			font-weight:normal;
			font-size:12px;
		}