@charset "UTF-8";
/* CSS Document */

body {
	font-size:76%;
 	margin: 30px 0 0 0;
	background:#a18896;
 
}
 
a {
	z-index:100000;
}
 #wrapper {
 	position:relative;
	display:block; 
	background:white;
	width:802px; 
	margin: 0 auto;
	padding:10px 0 10px 0;
	overflow:hidden;
 
 }

#container {
	position:relative;
	font-family:verdana,arial, helvetica;
	color:#666666;
	background: #dfe6c5 url(../images2/web-site-design-uk.gif) no-repeat;
	width: 782px;  
	margin: 0 auto; 
	padding:10px 0 10px 0;  
}

 h1#header {   
 
	position:relative; 
	display:block;  
	padding:0; 
	margin:0;margin:0 auto; 
	width:782px; 
	margin-bottom:10px;
	padding-top:10px;
	font-size: 1px;
	color:#92d6e3;            /* 1. */ 
	text-indent:-1000px;
	font-size: 1pt; 
	height:107px;
	background:#a18896 url(../images2/professional-low-cost-web-design.jpg);
	}

 
  
h2 {   
 
	position:relative; 
	display:block;
	height:20px;
	width:202px;
	padding:0; 	 
	font-size: 1px;  
	margin: 0 0 0 12px;
	color:#ffffff;            /* 1. */
	text-indent:-1000px; 
	font-size: 1pt;                     /* 5. */
}
	
 
#index a.head2,
#index h2 {

	background-image:url(../images2/welcomeh2.gif)

} 

#gallery a.head2,
#gallery h2 {

	background-image:url(../images2/small-business-web-site-design-gallery.gif)

} 
#contact a.head2,
#contact h2 {

	background-image:url(../images2/contact-web-pebble-design-brighton.gif)

} 
#services a.head2,
#services h2 {

	background-image:url(../images2/servicesh2.gif)

} 

h1 img, h2 img {
	display:none;
}

h3 {
	padding:0;
	margin:17px 0 4px 0; font-weight:bold;
	clear:left;
	font-size:1px; 
	color:#ffffff;  
	width:350px; 
	height:15px;
	text-indent:-9999px;
}

#index h3 {
	background-image:url(../images2/professionalh3.gif);background-repeat: no-repeat;
}

#index.sitemap h3 {
	background-image:url(../images2/web-pebble-site-map-low-cost-web-design.gif) !important;background-repeat: no-repeat;
}
 
#index h3#friendly { 
	background-image:url(../images2/cheap-web-site-design.gif) !important;background-repeat: no-repeat;
}
#services.maintenance h3 { 
	background-image:url(../images2/site-maintenance.gif) !important;background-repeat: no-repeat;
}
 
#gallery h3 { 
	background-image:url(../images2/web-pebble-portfolio.gif) !important;background-repeat: no-repeat;
	margin-bottom:-8px;
	margin-left:14px;
}
 
#services h3 { 
	background-image:url(../images2/services-h3.gif) !important;background-repeat: no-repeat;
}
#services.myspace h3 { 
	background-image:url(../images2/myspace-h3.gif) !important;background-repeat: no-repeat;
}

#services.simple h3 { 
	background-image:url(../images2/3-simple.gif) !important;background-repeat: no-repeat;
}
#services.options h3 { 
	background-image:url(../images2/options.gif) !important;background-repeat: no-repeat;
	margin-bottom:14px;
}
#services.custom h3 { 
	background-image:url(../images2/custom-website-design.gif) !important;background-repeat: no-repeat;
}
#services.custom h3.whyChoose { 
	background-image:url(../images2/custom-website-designers.gif) !important;background-repeat: no-repeat;
}
#services.custom h3.styleContent { 
	background-image:url(../images2/custom-website-design-east-sussex.gif) !important;background-repeat: no-repeat;
}
#services.custom h3.flash { 
	background-image:url(../images2/flash-web-design-uk-services.gif) !important;background-repeat: no-repeat;
}
#services.custom h3.ecommerce { 
	background-image:url(../images2/ecommerce-website-designers.gif) !important;background-repeat: no-repeat;
}
#services.seo h3 { 
	background-image:url(../images2/seo-h3.gif) !important;background-repeat: no-repeat;
}
#services.seo h3.meta { 
	background-image:url(../images2/meta-tag-optimisation-services.gif) !important;background-repeat: no-repeat;
}

#services.lessons h3 { 
	background-image:url(../images2/easy-windows-dreamweaver-lessons.gif) !important;background-repeat: no-repeat;
}
#services.windowsLessons h3 { 
	background-image:url(../images2/windows-lessons.gif) !important;background-repeat: no-repeat;
}

#services.dreamLessons h3 { 
	background-image:url(../images2/dreamweaver-lessons.gif) !important;background-repeat: no-repeat;
}

#services.accessibility h3 { 
	background-image:url(../images2/accessibility.gif) !important;background-repeat: no-repeat;
}
#services.accessibility h3.what { 
	background-image:url(../images2/accessible-website.gif) !important;background-repeat: no-repeat;
}


#contact h3 { 
	background-image:url(../images2/contact-web-pebble-web-design-south-east.gif) !important;background-repeat: no-repeat;
}
 
 
li.hd {
	list-style:none;
	display:block;
	text-indent:-9999px;
	width:110px !important; 
} 
 
 li.hd a {
 	margin:0 0 4px -14px;
 }
#choice1 {
	position:relative;
	display:block;
	float:left;
	background:url(../images2/choice1.gif) no-repeat;
	color:#a18896;
	height:160px;
	width:159px;
	margin-left:0px;
} 

#choice1  li.hd a {
	background:url(../images2/basic-sm.gif) no-repeat;


}
 
#choice2 {
	position:relative;
	display:block;
	color:#9bbf90;
	float:left;
	background:url(../images2/choice2.gif) no-repeat;
	height:160px;
	width:159px; 
} 

#choice2  li.hd a {
	background:url(../images2/basic-medium.gif) no-repeat;


}
 
 
#choice3 {
	position:relative;
	display:block;
	color:#efb941;
	float:left;
	background:url(../images2/choice3.gif) no-repeat;
	height:160px;
	width:159px;
} 
 

#choice3 li.hd a {
	background:url(../images2/basic-xl.gif) no-repeat;


}
 
#choice2 a:link,
#choice2 a:active,
#choice2 a:visited,
#choice2 a:hover { 
	color:#9bbf90;
} 

 
#choice3 a:link,
#choice3 a:active,
#choice3 a:visited,
#choice3 a:hover { 
	color:#efb941;
}
 
#choice3 a { 
	color:#efb941;
} 
ul.options {
	margin:0 0 0 0;
	padding:20px 0 0 0 !important;
} 

ul.options li {
	margin:0 0 0 34px !important;
	padding:0 0 0 0; 
	font-size:0.95em !important;
	width:85px;
	list-style:disc;
}

ul.options li span.noColor {
	color:#666666
}

ul.options li span.big {
	position:relative;
	font-size:1.7em;
	display:block;
	margin-top:2px;
	margin-left:-12px; 
}

p.options {
	position:relative;
	display:block;
	clear:left; 
	top:-40px;
	font-size:0.9em;
}
h4 { 
	 
	margin:0 !important; 
	font-weight:bold;
	font-size:11px; 
	margin-bottom:0;}
	
	
#index h4 {
	padding-left:20px;
	height:20px;
	color: #a18896; 
	background:url(../images2/web-pebble-testimonial.gif) no-repeat;
	
}
	
#index h4 span {
	display:block;	
	padding-top:2px;
	
}
	

h4 u {
	position:relative;
	display:block;
	margin-bottom:1em;
} 

h4 a:link,
h4 a:active,
h4 a:visited {
	 
 	color:#ed6d33 !important;
	font-weight:bold; }
 

h4 a:hover {
	color:#64949E !important;
	font-weight:bold; }


h5 {
	padding:0;
	margin:0;
 	color:#64949E;
	font-weight:bold;
	font-size:1.2em; 
	margin-bottom:1em;}
h6 {
	padding:0;
	margin:0;
 	color:#000000;
	font-weight:bold;
	font-size:1.1em; 
	margin-bottom:1em;
	}

.content {
	position:relative;
	display:block;
	background: #ffffff url(../images2/whitebg.gif) no-repeat;
	margin:0 0 0 12px; 
	padding:0;
	width:758px;   
	height:267px; 
}

#insert {
	position:relative;
	display:inline;
	padding:0;
	margin:0;
	float:left;
	width:201px !important; 
}
#inner {
	position:relative;
	display:block;
	height:267px;
	float:left;
	width:537px;
	padding-left:20px;
	font-size:1em;
	overflow:auto;
	background:url(../images2/services-shadow.gif) no-repeat;
}

.options #inner {
	overflow:hidden !important;

}

#services #inner { 
}
#contact #inner .frmLt {
	position:relative;
	display:block; 
	float:left;
	width:240px;
	overflow:visible;  
}

#index #inner {
	width:380px;
}
#index.sitemap #inner {
	width:537px;
}

#index.sitemap #inner ul {
	text-transform:capitalize;
	list-style:disc;
	color:#ae8e7a;
}



#inner p {
	position:relative;
	display:block; 
	padding-right:20px;
	line-height:1.3em;
} 
 

#contact #inner p { 
	width:490px;  
}



#inner div {
	position:relative;
	float:left;
}

#inner img.one {
	position:relative;
	float:left;
	margin:20px 0 0 25px;

}
#inner img.two {
	position:relative;
	clear:left;
	float:left;
	margin:20px 20px 0 0 ;
}

#index .content {
	border:solid 1px #a18896; 

}
#index a{
	color:#a18896;
}
#gallery .content {
	border:solid 1px #9bbf90; 

}
#gallery a{
	color:#9bbf90;
}
#contact .content {
	border:solid 1px #efb941; 

}
#contact a{
	color:#efb941;
}
#services .content {
	border:solid 1px #ae8e7a; 

}
#services a, .servicesColor {
	color:#ae8e7a;
}


.services-button {
	position:relative;
	display:block;
	padding: 0 0 0 12px;
	background:url(../images2/services-link.gif) 0 4px no-repeat;
} 

 
.content a:link,
.content a:active,
.content a:visited {
	text-decoration:none;
	color:#64949E;
}
.content a:hover {
	text-decoration:underline;
}
 
 
 ul {
	 list-style:none;
 }
 
.content ul,
.content ol {
 margin:0;
	padding:0;
	margin-left:21px;
	margin-bottom:1em !important;
}
.content ul li  {
	font-size:1em;
	padding:0;
	margin:0; 
}
.content ol li {
	font-size:1.1em;
	padding:0;
	margin:0;
	line-height:1.1em;
}

ol li ol {
font-size:0.95	em;
}

ol.alpha {
	list-style-type:lower-alpha 
}
.opening {
	margin-top:1.2em;
}
#header img#public { 
}
 
#header img#whistle { 
	position:relative;
	float:left; 
	margin-top:10px
}
 

#header div {
	float:right;
	margin-right:10px;
	width:173px
}

#nav {
	margin-bottom:10px;
	clear:both;
}


#main { position:relative;
	margin-top:10px;
	
 
}

#ltCol {
	position:relative;
	float:left; 
	clear:left;
	width: 198px !important;
	margin-top:0px;
	margin-right:0px; 
	padding-bottom:20px;  
}
   
#rtCol {	
	position:relative;  float:left;
	 margin-top:20px;
	float:left; 
}
 

#scrollbar {	

	position:relative; 
	width:30px;
	float:left; margin-top:50px; 
 	margin-left:10px

}

.home #rtCol {	
	position:relative;
 
  
	float:left; 
}
 
 marquee {position:relative;
	float:right;  
	margin-top:17px;
	margin-right:8px;
	height:230px;
	font-size:10px;
	line-height:12px; 
	border:solid 1px #a18896;
	overflow:hidden;  
 	padding:10px;
	width:118px;
	height:212px;
 }

 marquee p{
 width:110px;
 padding:10px 0 0 0;}  
 

.single {
	margin:10px
}

.second {
	margin:-11px 10px 10px 10px;
	border-top: none !important;
}

#clearfix {
	clear:both;
}

#frmDiv {
	position:relative;
	width:550px;
	float:left;
	padding:0;
	margin:5px 0 0 10px;
}
#nofrmDiv {
	position:relative;
	 
	float:right;
	padding:0;
	margin:5px 10px 0 0px;
}


form {
	position:relative; 
	display:block;
	margin:0 0 0 0;
	padding:0; 
	overflow:visible;
	
}

form input {
	position:relative;
	float:left;
	padding:0;
	margin:0 0 16px 0;
	height:22px;
	width:167px;
	font-size:10px;
	background-color: #f9eaa6;
	border: 1px solid #e9bb64;
	 
}
a#submit { 
	position:relative; 
	display:block;
	text-align:center;
	color:black;
	padding-top:4px; 
	height:23px;
	width:92px;
	margin: 0 0 -7px 62px;
	margin-bottom:-7px; 
	font-size:10px;
	background: url("../images2/contact-web-pebble-web site design-sussex.jpg") no-repeat; 
} 
form a#submit:hover {
	text-decoration:none;
}   
form input#reset { 
	position:relative;
	height:22px;
	width:82px;
	margin: 16px 0 -7px 5px;
	font-size:10px;
	font-family:verdana;
} 

select {
	position:relative;
	float:none; 
	display:block;	 
	font-size:10px;
	margin:0 0 14px 0;
	height:22px;
	width:237px;
}

textarea {
	position:relative;
	float:left; 
	background-color: #f9eaa6;
	border: 1px solid #e9bb64;
	font-family:verdana,arial;
	font-size:11px;
	padding:3px 5px 3px 5px;
	margin: 0 0 16px 0;
	width:157px;
	height:60px;
}


label { 
	position:relative;
	float:left;
	font-size:11px; 
	margin:0 7px 23px 0;
	width:61px;
}
 

label.cleared {
	clear:left; 
}
 


label.select {
	width:270px;
	text-align:left;
} 

ul.subnav {
	position:relative;
	float:left;
	display:block;
 	margin:0;
	width:201px;
	height:267px; 
	z-index:1000; 
	background:white url(../images2/services-bg.gif) no-repeat;
}
ul.subnav li {
	border-bottom:dashed 1px #ae8e7a; 
	
 }
ul.subnav li a {
	border-right:solid 1px #ae8e7a; 
	display:block;
 	padding:8px 0 8px 13px;

}
ul.subnav li#d {
	display:block;
 	padding:0 0 8px 0; 

}
ul.subnav li a:hover {
	display:block; 
	background:#fffbe7;
}

ul.subnav li a.activePage {
	background:#f8e1cf;
	color:#6f5343 !important }  
	
ul.subnav li ul li {  
	font-size:0.9em; 
	border-bottom:none; 
	margin:0 0 2px -10px;padding:0 0 6px 0;
 }
ul.subnav li ul li a{  
	display:block;
	line-height:18px;
	margin-bottom:-6px;
 }
ul.subnav li ul li a.activeSub,
ul.subnav li ul li a:hover{  
	color:#6f5343 !important;
 }
ul.subnav  a:hover{
	text-decoration:none;
	color:#ae8e7a;
 }
ul.subnav li ul li#f a,
ul.subnav li ul li#h a,
ul.subnav li ul li#g a {   
	 
	padding:0 0 0 24px
 }
 
.subnav li#f a:link,
.subnav li#f a:active,
.subnav li#f a:visited {
margin-top:10px;
	background:url(../images2/microsoft.gif) no-repeat; 
	
} 
.subnav li#g a:link,
.subnav li#g a:active,
.subnav li#g a:visited {
	background:url(../images2/dreamweaver.gif) no-repeat; 
	
} 
.subnav li#h a:link,
.subnav li#h a:active,
.subnav li#h a:visited {
	background:url(../images2/myspacew.gif) no-repeat; 
	
} 
ul.subnav li ul li.end {   
	margin-bottom:-10px
 }
ul#abc  {
	margin: -5px 0 0 50px;
}
ul#abc li {
	position:relative;
	display:block;
	 margin-left:-50px;
	 line-height:1.3em;
	 padding-left:50px;
	 margin-bottom:0.8em;
	 padding-right:10px;
	
} 
ul#abc li#one {
	background: url(../images2/flash-web-design-uk.gif) no-repeat;
	
}
ul#abc li#two {
	background: url(../images2/2.gif) no-repeat;
	
}
ul#abc li#three {
	background: url(../images2/3.gif) no-repeat;
	
}

a.order:link,
a.order:active,
a.order:visited {position:relative;display:inline;
	top:10px;padding:0 3px 2px 3px;
	background:#f8e1cf; 

} 

 

ul.fullBullets {
	clear:left;

}

ul.fullBullets li {
	list-style:disc;
	color:#ae8e7a
}

ul.fullBullets li span { 
	color:#666666
}

ul.bullets { 
	margin:-1px 0 10px 0;
	padding: 0 0 0 10px;
	position:relative; 
	font-family:arial;
	height:18px;
	background:url(../images2/web-pebble.gif) no-repeat;	
}
  
ul.bullets li {
	list-style-type:none;
	float:left; 
	font-size:1px;
	line-height:1px;
	text-indent:-999px;
	margin:0;
	margin-top:1px;
	margin-right:12px;
	width:88px;
	height:16px;
	
}
    
ul.bullets li a:link,
ul.bullets li a:active,
ul.bullets li a:visited {
 	margin:0;
	padding:0;
	font-size:1.7em;
	line-height:1.4em;
	display:block;
	text-decoration:none;
	color: #818285; 
	width:88px;
	height:16px;
 
}

  
ul.bullets li#a,
ul.bullets li#a a:link,
ul.bullets li#a a:active,
ul.bullets li#a a:visited {
	background: url(../images2/low-cost-web-design.gif) top left no-repeat;
	 
}
ul.bullets li#b,
ul.bullets li#b a:link,
ul.bullets li#b a:active,
ul.bullets li#b a:visited {
	background: url(../images2/budget-web-design.gif) top left no-repeat;
}
ul.bullets li#c,
ul.bullets li#c a:link,
ul.bullets li#c a:active,
ul.bullets li#c a:visited {
	background: url(../images2/affordable-web-design.gif) top left no-repeat;
}
ul.bullets li#d,
ul.bullets li#d a:link,
ul.bullets li#d a:active,
ul.bullets li#d a:visited {
	background: url(../images2/professional-web-design.gif) top left no-repeat;
}
ul.bullets li#e,
ul.bullets li#e a:link,
ul.bullets li#e a:active,
ul.bullets li#e  a:visited {
	background: url(../images2/6.png) top left no-repeat;
}   
 

ul.bullets li a {
	cursor:pointer
}
 

ul.bullets li ul {
	padding:0;
	margin:0;
}

ul.bullets li ul li {
 	text-indent:-1px;
	font-size:0.8em;
	padding:0;
	margin:0 0 0 1px;
	
}

ul.bullets li ul li a:link,
ul.bullets li ul li a:active,
ul.bullets li ul li a:visited {
	background:none !important;
	padding:0;
	margin:0 0 0 1px;
}

ul.bullets li ul li a.activeSub,
ul.bullets li ul li a:hover {
	color:#64949E;
background:url(../images/trans.gif);
}

ul.sitemap {

}
p {
	margin-top:0;
	margin-bottom:1.5em;
	line-height:1.1em;
	}
  
	
table {
	
	padding:0;
	border:0;
	font-size:0.9em;
	border-collapse: collapse; 
	border-width: 0; 
}	

td {
	vertical-align:top;
}
 
.mimimise {
	width:0;clear:both;float:none;height:0;visibility:hidden;display:none;
} 
	
#footer {
	position:relative;
	display:block;
	font-size:0.9em;
	width:782px !important;
	margin:0 auto;
	margin-top:10px; 
	height:68px; 
	background: #81a277 url(../images2/.gif);  
	padding-top:5px;
	padding-bottom:5px;
	color:white
  }
  
.spamFix {
	color: #81a277;margin-right:-3px;
}  
 
#footer #lft,
#printFooter #lft,
#footer #rgt,
#printFooter #rgt {
 	position:relative;
	float:left;
	display:inline;
	font-family:arial;

	line-height:1.2em;
	padding-top:2px;
	padding-bottom:2px;
	 

}

#footer #lft,
#printFooter #lft {
	border-right: solid 1px #ffffff;
	padding-right:7px; 
	padding-left:5px;


}
#footer #rgt,
#printFooter #rgt {
 
	padding-left:7px; 

}

img {
border:0;
}
img.a {
	margin-top:20px;
	
}
 
.content p {

	margin-bottom:1em !important;
}

.clrLt {
clear:left;
}
.clr {
clear:both;
} 
 #footer a:link,
 #footer a:active,
 #footer a:visited  {
 color:white; 
 text-decoration:none;
 }

 #footer a:hover {
 color:white; 
 text-decoration:underline;
 }
 
p.openingHd {
	position:relative !important;
	display:block !important;
	margin-bottom:-5px !important;
	margin-bottom:0 !important;
	font-weight:bold;
	text-transform:capitalize;
}
p.openingSubHd {
	position:relative !important;
	display:block !important;
	padding-bottom:1em !important;
	margin-bottom:0 !important;
	font-weight:bold;
	text-transform:capitalize;
}
 
a.mainPage:link,
a.mainPage:active,
a.mainPage:visited,
a.mainPage:hover {
	color:#666666 !important;
	text-decoration:none !important;
	cursor:text !important;
}
 
 a.pageOn:link,
 a.pageOn:active,
 a.pageOn:visited {
 color:#ed6d33 !important; 
 }

a.greenout:link,
a.greenout:active,
a.greenout:visited,
a.greenout:hover {
color:#81a277 !important;
}  
/* Bug fixes */
 
.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 */

 
.mgnLt10 {
	margin-left:10px;
}

.white {
	position:relative;
	display:block;
	font-size:9px;
	margin:0 auto;
	text-align:center;
	width:802px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	margin-top:30px;
}
ul.bottomMenu {
	position:relative;
	width:802px;
	padding:0;
	text-align:center;
	margin: 0 auto;
}
  
ul.bottomMenu li {
	position:relative;
	color:white; 
	margin: 0 auto;
	text-align:center;
	font-size:9px;
	display:inline; 
	font-family:verdana,arial;
	
}
	  
ul.bottomMenu li a:link,
ul.bottomMenu li a:active,
ul.bottomMenu li a:visited,
ul.bottomMenu li a:hover { 
	position:relative;
	color:white !important;  
	text-decoration:none;
	font-family:verdana,arial;
	line-height:6px;
}
	  
#prepage {
	position:absolute;
	left:0px; 
	top:0px; 
	background-color:#a18896;  
	height:600px; 
	font-size:1em;
	font-family:verdana,arial;
	color:white;
	width:100%;
	z-index:100000;
	overflow:hidden;
}

#prepage p{
	padding:20px;
}

.mgnLt30 {
	margin-left: 30px;
}
.mgnBt30 {

	margin-bottom: 15px;
	margin-right: 20px;
}
 .main_site_link:link,
 .main_site_link:active,
 .main_site_link:visited,
 .main_site_link:hover {
	color:#666666 !important;
	text-decoration:none !important;
	cursor:arrow !important; 
 }
  
 .underline {
 text-decoration:underline !important;
 } 
 
 
 a.goTo:link,
 a.goTo:active,
 a.goTo:visited {
 	border: solid 1px #ae8e7a;
 	padding:0 3px 0 3px;
}

 a.goTo:hover {
	background:#fffbe7;	
	text-decoration:none;
}

a.underscored:link,
a.underscored:active,
a.underscored:visited,
a.underscored:hover { 
	font-weight:bold;
}
a.headerMain:link,
a.headerMain:active,
a.headerMain:visited,
a.headerMain:hover { 
	text-decoration:none !important;
	cursor:text;
}

#bb, #bb * {
	width:1px;
	font-size:1px; 
	color:#a18993 !important;
	cursor:text;
	
}