/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  margin-right:auto;
background-color:#ffffff;

 } 

img 
{
 border:0;
}

.white{
color:#ffffff;
text-decoration:none;
line-height:130%;
}

ul.arrow {
 list-style-type: none;margin: 0;padding-left:10px;position: relative;
}

li.arrow {
background-image:url(images/bullet.jpg);background-position:0 0.3em;background-repeat:no-repeat;padding:0 0 10px 15px;
}

#outerpage{
 width:1005px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
background: url('images/page_background.jpg');
 background-repeat:repeat-y; background-position:center;  
}
 
#pagewidth{ 
background-color:#ffffff;
 width:920px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;

} 
 
#header{
 position:relative; 
 height:112px; 
 background-color:#FFFFFF; 
 width:920px;
 background: url('images/top_banner_new-colour.jpg');
 background-repeat:no-repeat;
} 
 
#leftcol{
 width:120px;
 float:left; 
 position:relative; 
  }
  
  #rightcol{
 width:126px;
 height:420px;
 float:right; 
 position:relative;
  margin-top:20px;
  }
  
 #maincolhome{background-color: #FFFFFF;  
 float: left; 
 position: relative; 
 width:100%;
 margin: 0px 0 5px 0;
 }
 

#maincol{background-color: #FFFFFF;  
 float: left; 
 position: relative; 
 width:100%;
 margin: 10px 0 5px 0;
 }
 
 #maincol-services{  
 float: left; 
 position: relative; 
 width:660px
  }
  
   #maincol-servicesp{  
 float: left; 
 position: relative; 
 width:660px;
 margin-left:120px;
  }
  
  #maincol-services2{  
 float: left; 
 position: relative; 
 width:920px;
 background-color:#f1f1f2;
  margin-top:10px;
 }
 
 
 
#footer{
margin-top:10px;
 height:139px; 
 background: url('images/footer.jpg'); 
 clear:both;
 } 
 

 
 #photodiv {
  background-repeat: no-repeat;
}

.webagency{
width:300px;
height:365px;
background: url('images/hp_text_box.jpg');
position:relative;
float:left; 
}

.fade{
width:620px;
height:365px;
position:relative;
float:left; 
}

.telephone-text{
padding-left:810px;
padding-top:22px;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
color:#7BA6A7;
}

.footer-text{
padding-left:5px;
padding-top:10px;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color:#ffffff;
}

.footercol{
padding:10px;
width:30%;
float:left;
position:relative;
}

.rightcoltext{
padding:5px;
text-align:center;
}
 
 .nav {
 padding-top:0px;
padding-left:290px;
position:relative;
top:-15px;
 color:#7BA6A7;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 12px;
 height:100px;
 }
 
 .nav a{
 color:#7BA6A7;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 12px;
 padding-right:5px;
 padding-left:5px;
 text-decoration:none;
 }
 
 .nav a:hover{
 color:#a5c5c4;
 text-decoration:underline;
 }
 
 .subnav{
 width:920px;
height:24px;
background: url('images/nav_barsub.jpg');
 }
 
 
  .homepagetextdark{
 margin-top:10px;
  width:920px;
 min-height:192px;
 background: url('images/dark_blue_panel.jpg');
  background-repeat:repeat-y;
 }
 
 .homepagetext{
 margin-top:10px;
  width:920px;
 min-height:277px;
 background: url('images/about_us/page_background.jpg');
  background-repeat:repeat-y;
 }
 
 #new-website{
 margin-top:2px;
 width:920px;
 min-height:254px;
 background: url('images/blue_panel.jpg');
 }
 
 .colpad{
 padding-top:10px;
 }
 
 .new-web-col1{
 padding:10px 10px 10px 30px;
 width:260px;
 color:#ffffff;
 font-family: Arial, sans-serif;
 font-size: 11px;
 float:left;
 position:relative;
 }
 
  .new-web-col2{
  margin-left:160px;
 padding:10px;
 width:280px;
 color:#ffffff;
 font-family: Arial, sans-serif;
 font-size: 11px;
 float:left;
 position:relative;
 }
 
  .new-web-col1-header{
 color:#ffffff;
 font-family: Arial, sans-serif;
 font-size: 14px;
 line-height:180%;
  }
 
 
 
  .specialstext{
 margin-top:10px;
 width:920px;
 min-height:277px;
 }
 
 .homecols{
 width:300px;
 float:left;
 position: relative;
 }
 
 .innerhomecols{
 padding:4px 15px 0px 15px;
 }
 
  .textcols{
 width:410px;
 float:left;
 position: relative;
 }
 
 .spacer{
 width:60px;
 height:200px;
 position: relative;
 border: 1px solid #000000;
 }
 
   .shorttextcols{
 width:280px;
 float:left;
 position: relative;
 }
 
   .longtextcols{
 width:620px;
 float:left;
 position: relative;
 }
 
 .innertextcols{
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
 }
 
  .web-design-cols{
padding:10px 5px 10px 10px;

 }
 
 .hostingmod{
 width:285px;
 height:96px;
 background: url('images/about_us/hosting_mods.jpg');
 }
 
 .webdesignprojectsmod{
 width:285px;
 height:96px;
 background: url('images/about_us/portfolio_button.jpg');
 }
 
 .icons{
 float:left;
 position:relative;
 width:150px;
 margin-top:40px;
 margin-left:10px;
 text-align:center;
 }
 
  .web-headerwhite {
 color:#ffffff;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 14px;
font-weight:bold;
 }
 
 
 .web-header {
 color:#7aa6a9;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 16px;
 }
 
p,li,td{
 color:#7aa6a9;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 12px;
}

.FI_reviews{
 color:#7aa6a9;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 11px;
}

a{
color:#7aa6a9;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 12px;
 text-decoration:none;
}

h2{
color:#7aa6a9;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 14px;
font-weight:heavy;
padding-bottom:0px;
margin-bottom:0px;
line-height:100%;
}

.homewhite{
color:#ffffff;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 11px;
 line-height:15px;
 padding-top:0px;
 margin-top:0px;
}


.web-designers-text{
padding:2px 10px 10px 10px;
 width:495px;
 color:#ffffff;
}

li{
padding-bottom:10px;
}


/* home showcase */
ul#portfolio{
	list-style-type:none;
	margin:0px;
	clear:both;
	margin-top:20px;
	margin-left:0px;
	padding:0px;
	margin-left:5px;
}
ul#portfolio li {
	float:left;
	display:inline;
	margin-right:4px;
	margin-bottom:5px;
}
li.5th{
	margin-right:0px;
}
ul#portfolio li a{
	display:inline;
	width:122px;
	padding:0px 2px;
	height:124px;
	text-decoration:none;

}

ul#portfolio li a:hover{
  text-decoration:none;
}

ul {
margin:0px 0px 0px 16px;
}

   .boxContent {
    width:400px;
	padding-left:20px;
	padding-top:5px;
	font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
color:#ffffff;
  }
  
  .services-links{
  color:#7aa6a9;
font-family: "Trebuchet MS", sans-serif;
font-size: 14px;
text-decoration:none;
line-height:2em;
  }
  
    .sub-services-links{
  color:#7aa6a9;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
text-decoration:none;
line-height:1em;
padding:5px;
  }
  
  .web-services-box{
  margin-top:20px;
  width:115px;
  background-color:#f1f1f2;
  height:420px;
  }
  
    .web-services-box2{
  margin-top:20px;
  width:115px;
  background-color:#f1f1f2;
  height:715px;
  }
  
  .box {
width:650px;
height:125px;
border-style: solid;
border-width: 1px;
border-color: #7aa6a9;
margin-top:20px;
}

.boxtext {
padding:5px 5px 5px 10px;
margin:0px;
color:#7aa6a9;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}

.web-design-manchester {
width:920px;
height:365px;
background: url('images/welcome1_slideshow.jpg');
background-repeat:no-repeat;
}

.holdingpage {
width:920px;
height:365px;
background: url('images/holding_page_graphic.jpg');
background-repeat:no-repeat;
}

.about-web-design-manchester {
width:920px;
height:196px;
background: url('images/about_us/about-us_banners.jpg');
background-repeat:no-repeat;
}

.web-design-contact {
width:920px;
height:195px;
background: url('images/contact.jpg');
background-repeat:no-repeat;
}

.email-design {
width:920px;
height:195px;
background: url('images/email_banner.jpg');
background-repeat:no-repeat;
}

.ecommerce-website {
width:920px;
height:196px;
background: url('images/ecom/ecom_banners.jpg');
background-repeat:no-repeat;
}

.web-optimisation {
width:920px;
height:195px;
background: url('images/seo_banner.jpg');
background-repeat:no-repeat;
}

.web-hosting {
width:920px;
height:196px;
background: url('images/hosting/hosting_page_banners.jpg');
background-repeat:no-repeat;
}

.web-design-services {
width:920px;
height:365px;
background: url('images/services-graphic.jpg');
background-repeat:no-repeat;
}

.web-design-cheshire {
width:920px;
height:196px;
background: url('images/web_design/web_design_banner.jpg');
background-repeat:no-repeat;
}

.graphic-design {
width:920px;
height:196px;
background: url('images/brand_design/brand_design_banners.jpg');
background-repeat:no-repeat;
}

.brand-design {
width:920px;
height:365px;
background: url('images/branding_graphic.jpg');
background-repeat:no-repeat;
}

.webdesignlink{
width:285px;
height:96px;
margin-bottom:25px;
}

.hostingad{
width:319px;
height:216px;

}

#headsection{
height:299px;
   width:920px;
   position:relative;
   float:left;
   }

div#headerhome{
 margin:0 0;
}

div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:299px;
   width:920px;
   }
 div#video-header div.wrap{
  background:url(images/content-bg.png) 0 0;
 }
 div#headerhome img{
  margin:2px 0 0 9px;
 }
 div#headerhome div#slide-holder{
  z-index:40;
  width:920px;
  height:260px;
  position:absolute;
 }
  div#headerhome div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:920px;
   height:278px;
   overflow:hidden;
   position:absolute;
  }
  div#headerhome div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#headerhome div#slide-holder div#slide-controls{
   left:0;
   bottom:0;
   width:920px;
   height:46px;
   display:none;
   position:absolute;
   background:url(images/slide-bg.png) 0 0;
  }
   div#headerhome div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:11px;
	font-family: "Trebuchet MS", sans-serif;
    line-height:16px;
    margin:15px 0 0 20px;
    	   }
   div#headerhome div#slide-holder div#slide-controls p#slide-client{
    padding:0 20px 0 0;
    border-right:1px solid #ffffff;
   }
   div#headerhome div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#headerhome div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
	 color:#ffffff;
	 font-family: "Trebuchet MS", sans-serif;
    }
    div#headerhome div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
	
	.text{
	font-type:arial;
	}



 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}