<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content=""> 
<meta name="google-site-verification" content="g3RkjvbC3oOdnLfozcHAS1XFoB5osBQKPI1kjjynKNk" />

<title>stylesheet | Hampshire Graphics - Graphic Design and Print Management company based in Fareham</title>

<link rel="stylesheet" type="text/css" href="/assets/templates/hgfx10/css/style-main.css" />
<link rel="stylesheet" type="text/css" href="/assets/templates/hgfx10/css/style-content.css" />
<link rel="stylesheet" type="text/css" href="http://www.hampshiregraphics.co.uk/stylesheet.html" />

<link rel="alternate" type="application/rss+xml" title="Hampshire Graphics - Graphic Design and Print Management company based in Fareham RSS feed" href="hampshiregraphics-newsfeed.html">

<script type="text/javascript" src="assets/templates/hgfx10/js/jquery-1.4.2.min.js"></script>

<base href="http://www.hampshiregraphics.co.uk/"></base>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

    <script type="text/javascript">
    $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'assets/templates/hgfx10/images/contactbutton.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '210px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '50px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'click',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '0',                          //position from the top/ use if tabLocation is left or right
            leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: true                      //options: true makes it stick(fixed position) on scroll
        });

    });

    </script>

      <style type="text/css">
      
      .slide-out-div {
          padding: 20px;
          width: 250px;
          height:100%;
          background: #000;
z-index:1000;
      }      

      .handle {
     margin-top:150px;
      }
      </style>

<script src="assets/templates/hgfx10/js/jquery.cross-slide.js" type="text/javascript"></script>

<script src="http://platform.twitter.com/anywhere.js?id=kRMd3FxT3knOij0ViX0g&amp;v=1">
  </script>
  <script type="text/javascript">
     twttr.anywhere(function(twitter) {
              twitter.hovercards();
     });
  </script>


</head>

<body>
<div id="shadow">
<div id="container">

	<div id="topsection">

    <div style="float:right;margin-right:65px;margin-top:20px;margin-bottom:-35px;font-size:18pt;">

    Tel: 0845 47 47 461
    </div>

   
   	<div id="contenttopsection">
   
    	<div id="rosecontainer">
        <a href="home.html">
        <img src="" width="124" height="243"  />
        </a>
        </div>
        
        <div id="rightwideimage">
       <img src=""  width="485" height="225"  />
        </div>
    
    </div><!-- close contenttopsection div -->
    
    <div id="mainpagecontainer">
    
    	<div id="mainpagecontent">
        
        <img src="" width="526" height="104" />
        
        <div id="bodycopy">
        
       .iform {font: 12px/26px Verdana, Geneva, sans-serif; width:400px;}
.iform ul { margin:0; padding:0; list-style:none;}
.iform ul ul { overflow:auto}
.iform li { padding-bottom:5px;}
.iform label { 
 width:130px; display:block; float:left; line-height:26px;
}
.iform label.ilabel { 
 width:auto; display:inline; float:none; line-height:26px; padding:0 5px
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton { 	
	width:200px;
	border:1px solid #999;
	-webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus{

border-color: #333;
background:#fff;

}

.iform .itext {

}


.iform .itextarea{ 
	height:100px; width: 250px;
}
.iform .ibutton {

	width:auto;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
	background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}
.iform .ibutton:hover,.iform .ibutton:focus { background:#dadada;}
.iform li.iheader { display:block; font-size:18px; border-bottom:1px solid #000; padding:5px;padding-left:0; margin:5px 0 15px }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }

.iform .required { border-color:#F00; }

#imessageOK,#imessageERROR{ border:1px solid #F60; padding:10px; font-size:16px; font-weight:bold; text-align: center; display:none; margin-bottom:20px;

	background: #F90;
	background: -webkit-gradient(linear, left top, left 25, from(#F90), color-stop(4%, #FC0), to(#F90));
	background: -moz-linear-gradient(top, #F90, #FC0 1px, #F90 25px);
	color:#fff;
	}

.errors {
padding:20px;
border:1px solid #000;
color:#ff0000;
}

.clear {clear:both;}
        
        </div> <!-- close bodycopy div -->
    	
    	</div> <!-- close mainpagecontent-->
    
    	<div id="pagebuttons">
    	
<div class="button">
        <a href="home.html"><p>Home</p></a>      
        </div>



        
        <a href="hampshiregraphics-newsfeed.html"><img src="assets/templates/hgfx10/images/rssbadge.png" width="42" height="42" /></a>
        <a href="http://twitter.com/hampshiregfx"><img src="assets/templates/hgfx10/images/twitterbadge.png" width="42" height="42" /></a>
        <a href="http://www.facebook.com/#!/pages/Wickham-United-Kingdom/Hampshire-Graphics/158644622392?ref=ts"><img src="assets/templates/hgfx10/images/facebookbadge.png" width="42" height="42" /></a>

<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=hampshiregraphics"><img src="assets/templates/hgfx10/images/addthisbutton.png" width="42" height="42" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=hampshiregraphics"></script>
<!-- AddThis Button END -->

        <a href="http://www.facebook.com/#!/profile.php?id=100000673368986&ref=ts"><img src="assets/templates/hgfx10/images/rosiebutton2.png" width="42" height="42" /></a>




        
    	</div> <!-- close pagebuttons -->
    
    </div> <!-- close mainpagecontainer -->
    
<div style="clear:both;display:block;margin-bottom:15px"></div>
    
    </div> <!-- close topsection div -->
    
    <div id="middlesection">
    
    	 <a href="graphic-design.html"><img src="assets/templates/hgfx10/images/frontpage-names_01.png" /></a>
<a href="website-design.html"><img src="assets/templates/hgfx10/images/frontpage-names_02.png" /></a>
<a href="branding-logos-and-corporate-identity.html"><img src="assets/templates/hgfx10/images/frontpage-names_03.png" /></a>
<a href="displays-exhibitions-and-large-format.html"><img src="assets/templates/hgfx10/images/frontpage-names_04.png" /></a>
<a href="printing-and-print-management.html"><img src="assets/templates/hgfx10/images/frontpage-names_05.png" /></a>
    
    </div> <!-- close middlesection div-->

 <div class="slide-out-div">

<a class="handle" href="">&nbsp;</a>

<noscript>

<div style="width:300px;float:left;margin-right:30px;">
<p>
You're seeing this because you don't have javascript enabled. You can still use this contact form to get in touch, it will work just fine.</p>
<p>Please consider upgrading your browser to see the website as it was intended, or enable javascript in your settings.
</p>
</div>

</noscript>

<div style="width:300px;height:20px;"></div>

<!--

-->
<p>Please call us on 0845 47 47 46 1 to discuss your requirements further. Alternatively, please email us on <a href="mailto:info@hampshiregraphics.co.uk" title="Contact Us via email">info@hampshiregraphics.co.uk</a></p>


<div style="margin-top:15px;">
<center><a href="creative-brief.html" style="border:0;text-decoration:none"><img src="assets/templates/hgfx10/images/briefbutton.png" width="100" height="103" style="border:0;text-decoration:none;"/></a>
<br/>Sumbit your brief by clicking the icon above.</center>
</div>

<img src="assets/templates/hgfx10/images/flowers-290pxwide.png" style="margin-left:-20px;"/>


<noscript>
<style>
.slide-out-div {
width:909px;
height:400px;
}
#contactform {
float:left;
width:300px;
margin-top:-50px;
}
#multiflower {
display:none;
}

.handle {
position:absolute;
top:0;
left:0;
text-decoration:none;
border:0;
margin:0;
padding:0;
}
</style>
</noscript>     

</div>



    
  <div id="footer">
    
    <div id="logocontainer">
    
    <a style="text-decoration:none;border:0;" href="home.html"><img style="border:0;text-decoration:none;" src="assets/templates/hgfx10/images/hgfx-logo-bottomR.png" width="200" height="170" /></a>
    
    </div> <!-- close logocontainer -->
    
    
    <div id="navigationcontainer">
   
    <div class="navbox">
    <p> <a href="graphic-design.html">Design</a> </p>
    <div class="horiz-line"></div>
<p><a href="/graphic-design/design-portfolio.html">Portfolio</a></p>
<p><a href="/graphic-design/happy-customers.html">Happy customers</a></p>

   
    </div> <!-- close navbox -->
    
    <div class="navbox">
    <p><a href="website-design.html"> Digital </a></p>
    <div class="horiz-line"></div>
<p><a href="/website-design/digital-portfolio.html">Portfolio</a></p>
<p><a href="/website-design/happy-customers.html">Happy customers</a></p>

   
    </div> <!-- close navbox -->
    
    <div class="navbox">
    <p><a href="branding-logos-and-corporate-identity.html"> Branding </a></p>
    <div class="horiz-line"></div>
<p><a href="/branding-logos-and-corporate-identity/free-logo-design.html">Free Logo Design</a></p>
<p><a href="/branding-logos-and-corporate-identity/branding-portfolio.html">Portfolio</a></p>
<p><a href="/branding-logos-and-corporate-identity/testimonials.html">Happy customers</a></p>

   
    </div> <!-- close navbox -->
    
    <div class="navbox">
    <p> <a href="displays-exhibitions-and-large-format.html">Displays</a> </p>
    <div class="horiz-line"></div>
<p><a href="/displays-exhibitions-and-large-format/displays-portfolio.html">Portfolio</a></p>
<p><a href="/displays-exhibitions-and-large-format/happy-customers.html">Happy customers</a></p>

   
    </div> <!-- close navbox -->
    
    <div class="navbox">
    <p> <a href="printing-and-print-management.html">Printing</a> </p>
    <div class="horiz-line"></div>
<p><a href="/printing-and-print-management/onlineordering.html">Online Ordering</a></p>

   
    </div> <!-- close navbox -->
    
    <div class="navbox">
    <p> <a href="hampshiregraphics.html">Hampshire Graphics </a></p>
    <div class="horiz-line"></div>
<p><a href="/hampshiregraphics/ourteam.html">Our Team</a></p>
<p><a href="/hampshiregraphics/news.html">News</a></p>
<p><a href="/hampshiregraphics/contact.html">Contact us</a></p>
<p><a href="/hampshiregraphics/find-us.html">Finding us</a></p>

   
    </div> <!-- close navbox -->
   

    </div> <!-- close navigationcontainer -->
    
    
    </div> <!-- close footer div-->

</div> <!-- close container div -->

</div>

<p style="font-size:8pt;color:#555555;text-align:center;">
&copy; Hampshire Graphics 2010. Limited in England and Wales number: 7172694. VAT Number: 988150188.
</p>

<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-11402031-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>
