body{
height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#656565;
line-height:16px;
text-align:center;
background-image:url(main-Back.png);
background-repeat:repeat-x;
font-family:Tahoma,sans-serif;
}

/* Top menu -----------------------------------------------------------*/

a:link,a:visited{
 color:
 #003399;
 text-decoration:none;
}
.menu1 {padding:0 0 0 3px; 
margin:0; list-style:none;
height:33px; 
border:1px solid #000; 
background-image:url(nav-back-main.png);
background-repeat:no-repeat;
}
.menu1 li {float:left;}

.menu1 li a {display:block; 
float:left; 
height:33px; 
line-height:33px; 
color:#aaa; 
text-decoration:none; 
font-size:12px; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding:7px 0 0 8px; cursor:pointer;
background-image:url(nav-active.png);
background-repeat:no-repeat;

}
.menu1 li a b 
{float:left; 
display:block; 
padding:0 16px 0 8px;}
.menu1 li a:hover 
{color:#fff; background-image:url(nav-hover.png) ;
background-repeat:no-repeat;

}

/* HEADINGS
-------------------------------------------------------------------- */

h1 {font-size: 140%;
color:	#478DA7;}
h2 {font-size: 120%;
color:	#478DA7;}
h3 {font-size: 110%;
color:	#478DA7;}

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


#Header{
margin: 0px 0px 0px 10px;
width:1170px;
height:70px;
background-image:url(logo.png);
background-repeat:no-repeat;
float:left;
}

#Navbar-content{
margin: 0px 0px 0px 0px;
width:100%;
height:53px;
background-image:url(Top-back.png);
background-repeat:repeat-x;
padding: 0px 0px 0px 0px;

}


/* Slider -----------------------------------------------------------*/

#slider-content{
margin: 0px 0px 20px 0px;
width:990px;
height:290px;
background-color:#000000;
padding: 0px 0px 0px 0px;
float:left;
}

/* Spacer-----------------------------------------------------------*/

.spacer {
height:2px;
}

.spacer-menu {
height:1px;
}


/*Standard Fonts------------------------------------------------------*/

.headertop {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #B4B4B4;
font-weight:700;
}
.boldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:	#5F8DC8;
	font-weight:700;
}

.standard{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:400;
}

.fotter-small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:400;
}

.front-small{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:	#656565;
padding: 0px 0px 4px 22px;
background-image:url(Blue-Arrow.png);
background-repeat:no-repeat;
line-height:25px;
}

.table-small{
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5px;
color:	#656565;
}

.dottedline{
	width: 570px;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 3px 0px 7px 0px;
	border-bottom: 1px dotted #BBBBBB;
	clear: both;
	}

.Arrow-text {
font-family:
Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 0px 4px 22px;
color:#656565;
font-weight:400;
background-image:url(Blue-Arrow.png);
background-repeat:no-repeat;
line-height:25px;

}

/* Slider -----------------------------------------------------------*/


.white{
 color:#fff;
}
a img{
 border:0;
}
 div#header div#slide-holder{
	width:993px;
	height:299px;
	position:absolute;
	background-image:url(Banner-back.png);
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	position:relative;
	
 }
  div#header div#slide-holder div#slide-runner{
	width:973px;
	height:278px;
	overflow:hidden;
	position:relative;
	top:10px;
	left: 10px;
	top: 10px;
	
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:0;
   width:973px;
   height:46px;
   display:none;
   position:absolute;
   background:url(slide-bg.png) 0 0;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px; /***** My-Notes- Scrooling text ********************/
    line-height:16px;
    margin:10px 0px 0px 0px;
    text-transform:uppercase;
   }
   div#header div#slide-holder div#slide-controls p#slide-client{
    padding:0 20px 0 0;
    border-right:1px solid #363636;
   }
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:12px;/***** My-Notes- Numbers in Buttons ********************/
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
	 color:#FFFFFF;
     text-align:center;
	 background-image:url(silde-nav.png);
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
	 background-image:url(silde-nav.png);
	 color:#FFFFFF;
    }
	

/* Footer
-------------------------------------------------------------------- */
.Bottom-arrow {
font-family: Arial;
font-size: 11px;
color:#FFF;
font-weight:400;
text-indent:12px;
background-image:url(tick.png);
background-repeat:no-repeat;
}

#fotter-content{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:993px;
height:200px;
background-color:#CCCCCC;
background-image:url(bottom-back.png);
background-repeat:no-repeat;
border-top:dotted .1em #696969;
border-bottom:dotted 1px #696969;
float: left;
}
#Footer-Left-content{
width:355px;
height:200px;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
float:left;
}
#Footer-Right-content{
width:580px;
height:200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
}

.tickbox {
font-family: Arial;
font-size: 11px;
color:#666;
font-weight:400;
text-indent:29px;
background-image:url(tick.png);
background-repeat:no-repeat;
line-height:15px;

}
#Bottom-Bar{
width:100%;
height:100px;
background-color:#000000;
margin: 0px 0px 100px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

/************************************************
*	Table-1	                                *
************************************************/

tr.styled td
{
	padding: 5px;
	background-color: #ffffff;
	color: #202020;
	border-right: 1px solid #EDEDED;
}
tr.styled_alt td
{
	padding: 5px;
	color: #202020;
	background-color: #F4F2F2;
	border-right: 1px solid #FFFFFF;
}
tr.styled_Dark td
{
	font-family: Arial, Sans-Serif;
	color: #202020;
	background-color: #E1DFDF;
	border-right: 1px solid #FFFFFF;
	padding: 5px;
}
tr.styled_Top td
{
	font-family: Arial, Sans-Serif;
	color: #202020;
	background-color:#CECACA;
	border-right: 1px solid #FFFFFF;
	padding: 5px;
}


tr.styled_Banner td
{
	font-family: Arial, Sans-Serif;
	color: #ffffff;
	background-color:#152154;
	border-right: 1px solid #FFFFFF;
	padding: 5px;
}

tr.thin td
{
	background-color:#ffffff;
	border-right: 1px solid #FFFFFF;
	}

tr.styled a:link { color: #666666;

}

/*Main Site Containers------------------------------------------------------*/

#main-site-container {
margin-left: auto;
margin-right: auto;
margin-top:0;
text-align: left;
width:993px;
height:1150px;
}

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

#Header-content{
margin: 2px 0px 0px 0px;
width:100%;
height:90px;
background-image:url(Header-Main.png);
background-repeat:repeat-x;
padding: 2px 0px 0px 0px;

}


/*Portfolio------------------------------------------------------*/

#inner-Portfolio-right{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:500px;
height:300px;
background-color:#fff;
float:right;
text-align:left;
}

#Portfolio-intro{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:993px;
height:500px;
background-color:#fff;
float:left;
text-align:left;
}

/*Content Holders------------------------------------------------------*/

#content-holder{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:993px;

background-color:#fff;
float:left;
text-align:left;
}

#inner-content{
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
width:983px;
background-color:#fff;
float:left;
text-align:left;
}

/*Main site content------------------------------------------------------*/

#main-site-container-short {
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
width:993px;
height:350px;
background-color:#fff;
float:left;
}

#main-site-container-standard {
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
width:993px;
height:550px;
background-color:#fff;
float:left;
}

#main-site-container-mid{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:993px;
height:700px;
background-color:#ffffff;
float:left;
}

#main-site-container-long{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:993px;
height:800px;
background-color:#ffffff;
float:left;
}

#main-site-container-longest{
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
width:993px;
height:1000px;
background-color:#fff;
float:left;
}

#main-site-container-quote{
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
width:993px;
height:1800px;
background-color:#fff;
float:left;
}


/*Front Page Divs------------------------------------------------------*/

#front-inner-right{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:982px;
height:280px;
background-color:#fff;
background-image:url(Website-Packs-Add.jpg);
background-repeat:no-repeat;
float:right;
}

#front-inner-right-2{
margin: 00px 40px 0px 0px;
padding: 0px 0px 0px 0px;
width:300px;
height:100px;
background-color:#fff;
background-image:url(Social-Media.jpg);
background-repeat:no-repeat;
float:right;
}

#front-inner-right-3{
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
width:326px;
height:250px;
background-color:#fff;
background-image:url(Bespoke-Websites.jpg);
background-repeat:no-repeat;
float:right;
}

/*Background Links------------------------------------------------------*/

.invisibleblock { 
/*make it invisible*/
-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
/*fill the container its in (change this to px if you have a specific size)*/
width:982px;height:280px; 
/*z-index, for ensuring its behind everything else*/
z-index:1; 
/*Extra bits in case it's not working properly*/
display:block;border:0;margin:0;padding:0; 
}

.invisibleblock-2 { 
/*make it invisible*/
-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
/*fill the container its in (change this to px if you have a specific size)*/
width:326px;height:249px; 
/*z-index, for ensuring its behind everything else*/
z-index:1; 
/*Extra bits in case it's not working properly*/
display:block;border:0;margin:0;padding:0; 
}

.newquote { 
/*make it invisible*/
-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
/*fill the container its in (change this to px if you have a specific size)*/
width:126px;height:80px; 
/*z-index, for ensuring its behind everything else*/
z-index:1; 
/*Extra bits in case it's not working properly*/
display:block;border:0;margin:0;padding:0; 
}

.redesignquote { 
/*make it invisible*/
-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
/*fill the container its in (change this to px if you have a specific size)*/
width:326px;height:120px; 
/*z-index, for ensuring its behind everything else*/
z-index:1; 
/*Extra bits in case it's not working properly*/
display:block;border:0;margin:0;padding:0; 
}


/*Page Divs------------------------------------------------------*/

#Page-right-top{
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
width:300px;
height:220px;
background-color:#fff;
background-image:url(Website-Development.jpg);
background-repeat:no-repeat;
float:right;
}

#Other-services-right-top{
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
width:300px;
height:220px;
background-color:#fff;
background-image:url(Other-Services.jpg);
background-repeat:no-repeat;
float:right;
}

#Contact-Us-right-top{
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
width:300px;
height:220px;
background-color:#fff;
background-image:url(Contact-Us.jpg);
background-repeat:no-repeat;
float:right;
}

#Ecommerce-right-top{
margin: 0px 40px 0px 0px;
padding: 0px 0px 0px 0px;
width:300px;
height:220px;
background-color:#fff;
background-image:url(Shopping-Cart.jpg);
background-repeat:no-repeat;
float:right;
}