<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="sv">
<head>

<meta name="keywords" content="Diablito, Graphics, webdesign, webbdeign, illustrationer, foto, logo, logotyp, logga, trycksaker, visitkort," />
<meta name="description" content="Diablito Graphics – Grafisk formgivning | Webdesign | Illustration | Foto" />
<meta name="copyright" content="2009 Diablito Graphics" />
<meta name="author" content="Diablito Graphics" />
<meta name="language" content="sv" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="sv" />


<title>Diablito Graphics – Portfolio</title>


<style type="text/css">

#box {margin-left: auto;
      margin-right: auto;
      margin-bottom: auto;
      width: 1024px;
      padding: 0px;
      }      
#box_menuholder {width: 950px;
     		 height: 100px;
             margin-right: auto;
             margin-left: auto;
             top: 0px;
             border:0px dotted #000000;
             }                   
#box_topbanner {
				width: 980px;
				height: 310px;
				margin-top: auto;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: auto;
				top: 0px;
				padding: 0px; 
       			border:0px solid #00ff00;
				}				
#box_rub {font-family: Arial, Helvetica, Geneva,   sans-serif;
			font-size: 18px;
			color: #3ea4b2;
			line-height: 28px;
			margin-top: 0px;
			margin-left: 34px;
			width: 915px;			
			height: 100px;
			padding-top: 20px;
			font-weight: normal;
			border:0px solid #00ff00;
			}	
			
						
#h_spalt_holder {width: 150px;
			float: right;
			margin-right: 1px;
			margin-top: -130px;
			border:0px dotted #ff3333;
			}
																	
						
#bg_skugga {background-image: url(images/bg_skugga.png);
			background-repeat: repeat-y;
			width: 980px;
			height: auto;
			margin-right: auto;
            margin-left: auto;
			padding: 0px;
			border:0px solid #00ff00;
			}		
                            

#h_line1 {background-image: url(images/line.jpg);
			width: 600px;
			height: 20px;
			margin-bottom: 0px;
			margin-top: 15px;
			margin-left: 5px;
			margin-right: 5px;
			}							
#thumb_holder1 {width: 790px;
			margin-top: 0px;
			margin-left: 25px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			background-color: #ffffff;
			border:0px dotted #000000;   			    
			}										
	
		
#bg_foot {background-image: url(images/foot.jpg);
			background-repeat: no-repeat;
			margin-right: auto;
            margin-left: auto;
			width: 980px;
			height: 80px;
			padding: 0px;
			border:0px solid #ff0000;
			}


body {margin: 0px;
		background-color: #dcdcdc;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #f5f2e7; 
		background-image: url(images/bg_bandera_portfolio.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-position: top; 
		}     
 
 
a:link { color: #3ea4b2; text-decoration: none; line-height: 25px; font-style: normal;}
a:visited { color: #3ea4b2; text-decoration: none;}
a:hover { text-decoration: none;}
a:active { color: #e36b1b; text-decoration: none;}

.menu_block_text {text-align: middle;
				margin: 15px 28px 0px 28px;
				float: right;
				color: #666666;
				font-family: Arial, sans-serif;
				font-size: 14px;
				line-height: 25px;
				border:0px dotted #000000;			
				}


h1 {font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: #454545;
	line-height: 19px;
	font-weight: normal;
	margin-left: 1px;
	margin-top: 2px;
	}
	
h2 {font-family: Geneva, Helvetica,  Arial, sans-serif;
	font-size: 17px;
	color: #ffffff;
	line-height: 17px;
	font-weight: bold;
	margin-left: 8px;
	}
		
	
.text {font-family: Geneva, Helvetica, Arial, sans-serif;
	   font-size: 10px;
	   line-height: 0px;
	   color: #000000;
	   text-decoration: none;
	   font-weight: normal;
	   }	
	      	
.main_text {width: 550px;
        font-family: Geneva, Helvetica, Arial, sans-serif;
        margin-top: 0px;
        margin-left: 8px; 
        font-size: 12px;
        line-height: 16px;                   
		}			   


.thumb_date {width: 570px;
        font-family: Arial, Helvetica, Geneva, sans-serif;
        margin-top: 4px;
        margin-left: 220px;
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 20px; 
        color: #e4900d;                          
		}

.portfolio {width: 800px;
		}
	   
.thumb_text {width: 570px;
        font-family: Arial, Helvetica, Geneva, sans-serif;
        margin-top: 4px;
        margin-left: 220px;
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 20px; 
        color: #555555;                          
		}


.h_spalt_rub {font-family: Arial, Helvetica, Geneva, sans-serif;
        margin-top: 0px;
        margin-left: 0px; 
        font-size: 14px;
        line-height: 24px;
        color: #3ea4b2;
        font-weight: normal;                  
		}	
		
.h_spalt_text {width: 150px;
        font-family: Arial, Helvetica, Geneva, sans-serif;
        margin-top: 0px;
        margin-left: 5px; 
        font-size: 12px;
        color: #555555;
        line-height: 16px;                   
		}		


.thumb_line1 {background-image: url(images/line.jpg);
			width: 780px;
			height: 20px;
			margin-bottom: 0px;
			margin-top: 15px;
			margin-left: 5px;
			margin-right: 5px;
			}			   	 

	   
.foot {font-family: Arial, Helvetica, Geneva, sans-serif;
		width: 300px;
		float: right;
		padding-right: 20px;
	   font-size: 12px;
	   line-height: 20px;
	   color: #666666;
	   text-decoration: none;
	   font-weight: normal;
	   font-style: italic;
	   text-align: right;
	   }
.foot_fet {font-family: Arial, Helvetica, Geneva, sans-serif;
	   font-size: 12px;
	   line-height: 20px;
	   color: #3ea4b2;
	   text-decoration: none;
	   font-weight: bold;
	   font-style: normal;
	   text-align: right;
	   }

</style>
</head>


<body>
	<div id="box">

		
		<div id="box_topbanner">
			<div id="box_menuholder">
			<a href="index.htm"><img src="images/pixel.gif" alt="home" width="948" height="60" border="0" /></a>
			  			
						<div class="menu_block_text">
						<a href="diablito_kontakt.htm">KONTAKT</a>
						</div>
			
						<div class="menu_block_text">
						<a href="diablito_uppdragsgivare.htm">UPPDRAGSGIVARE</a>
						</div>
						
					
						<div class="menu_block_text">
						<a href="diablito_tjanster.htm">TJÄNSTER</a>
						</div>
					
						<div class="menu_block_text">
						<a href="diablito_bilder.htm">BILDER</a>
						</div>
						
						<div class="menu_block_text">
						<a href="diablito_webdesign.htm">WEBDESIGN</a>
						</div>
					
						<div class="menu_block_text">
						PORTFOLIO
						</div>
					
						<div class="menu_block_text">
						<a href="diablito_nyheter.htm">NYHETER</a>
						</div>													
           	</div>
		</div>
		
		
	<div id="bg_skugga"> 


														<div id="box_rub">	
														PORTFOLIO
														<h1>Här ser ni exempel på några tidigare produktioner inom webb- och trycksaksproduktion.<br /> 
														</h1>
														
														
						<div id="h_line1">
						</div>	

   							
													</div>
														

<div id="thumb_holder1">


<!--[if !IE]> --><object type="application/x-shockwave-flash" data="diablito_index.swf" width="790" height="530"><!-- <![endif]--><!--[if IE]>
<br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version 
<br>
=9,0,28,0" width="790" height="530"><param name="movie" value="diablito_index.swf" /><!--><!--dgx--><param name="loop" value="true" /><param name="menu" value="false" /></object><!-- <![endif]-->


</div>	
		
		</div>	
		
		
	</div>		
		

				<div id="bg_foot">
					<div class="foot">
						<br />
						<br />
						Uppdaterad: <span class="foot_fet">maj 2010</span><br />
						Kontakt: <span class="foot_fet">info@diablito.se</span> eller <span class="foot_fet">0762-26 66 21</span>
					</div>	
				</div>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9173987-2");
pageTracker._trackPageview();
} catch(err) {}</script>


</body>
</html>