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

/*  body   */

* {
margin: 0;
padding: 0;
}

img { 
border:0;
}

#container {
width: 800px;
height: 539px;
margin: auto;
text-align: left;

}

a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #999;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #0000ff;
	text-decoration: underline;
}

 
a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #999;
	text-decoration: none;
}


/*  body  */

/*  background start  */

/* 

body {
background: url(graphics/1.png) repeat;
}

*/






#background h1{
text-indent: -9999px; 
background-image: url(graphics/background.png);  
background-repeat: no-repeat;
width: 800px;
height: 539px;  
float: left;
margin-top: 0px;
margin-left: 0px;
}

/*  background end  */



/*  logo start  */

#logo a {
background:  url(graphics/logo.png) no-repeat;
display: block;
height: 93px;
width: 529px;
float: left;
margin-top: -505px;
margin-left: 185px;
text-decoration: none;
list-style: none; 
}

#logo a span {
  visibility: hidden;
}

/*  logo end  */

/*  navigation start  */

#navigation{
text-indent: -9999px;                               
background: url(graphics/nav_bg.gif) no-repeat; 
color:#000;
list-style: none; 
text-decoration: none;
width: 119px;
height: auto; 
text-align: center;
float: left;
margin-top: -365px;
margin-left: 28px;
}

#navigation ul.nav li a{
display: block;
width: 119px;
height: 57px;
background:  url(graphics/button_up.png)  no-repeat ;
font: bold 15px  "Trebuchet MS", verdana, Helvetica, sans-serif; 
text-align: center;
text-indent: -3px;
list-style: none; 
text-decoration: none;
line-height: 35px;
color:#000;
float: left;
margin-top: -15px;
margin-left: 0px;
}

#navigation ul.nav li a:hover{
background:url(graphics/button_down.png)  no-repeat;
list-style: none; 
text-decoration: none;
line-height: 39px;
text-align: center;
text-indent: -3px;
color: #999;
}

#navigation ul.nav li.home{
display: block;
width: 119px;
height: 57px;
background:  url(graphics/button_down.png)  no-repeat ;
font:bold 15px  "Trebuchet MS", verdana, Helvetica, sans-serif;
color: #999;
text-align: center;
text-indent: -3px;
text-decoration: none;
list-style: none; 
line-height: 39px;
float: left;
margin-top: -15px;
margin-left: 0px;
}

#navigation ul {
text-decoration: none;
list-style: none; 
margin-top: 0px;
}

/*  navigation end  */

/*  main contant start  */

#content {
display: block;
width: 500px;
text-align: left;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
border: 0px solid #000000;
font-size: 14px;
height: 310px;   
text-decoration: none;
list-style: none;
float: left;
margin-left: 165px;
margin-top: -378px;
padding: 5px;
margin-bottom: 10px;
}

#content p{
line-height: 1.2;
margin: 1em;
margin-bottom: 0px; 
}

#content h1{  
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 515px;   
text-decoration: none;
list-style: none;
text-align: left;
font-size: 1.5em;
margin-left: 15px;
margin-top: 10px;
}

#content h2{  
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 490px;   
text-decoration: none;
list-style: none;
text-align: center;
font-size: 1.5em;
margin-left: 15px;
margin-top: 10px;
}

#content h3{  
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 500px;   
text-decoration: none;
list-style: none;
text-align: left;
font-size: 15px;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 10px;
}

#content h4{  
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 200px;   
text-decoration: none;
list-style: none;
text-align: left;
font-size: 15px;
margin-left: 15px;
margin-top: 15px;
margin-bottom: -10px;
}

#content h5{  
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 500px;   
text-decoration: none;
list-style: none;
text-align: left;
font-size: 15px;
margin-left: 5px;
margin-top: 15px;
margin-bottom: 10px;
}

/* go to top link  */

#gotop  ul {
width: 500px;
list-style: none;
color: #000;
text-align: left;
float: left;
margin-left: 12px;
margin-top: 10px;
margin-bottom: 5px;
}

#gotop  ul li a{ 
background:url(graphics/red_arrow.png) 0px 0px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 14px;
margin: 3px;
}

#gotop ul li a:hover{
background:url(graphics/blue_arrow.png) 0px 0px no-repeat ;
padding: 0px 10px 0px 15px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
font-size: 14px;
margin: 3px;
}

#gotop a span {
visibility: hidden;
}

/* go to top end  */

/*  main content end end  */

/*  scroll bar start  */

div.scroll{
/*  background-color:#fff;  */
width:560px;
height:310px;
overflow:auto;
}

div.hidden {
width:100px;
height:100px;
overflow:auto;
}

/*  scroll bar end  */

/*  validation start  */

#xhtml a {
background:  url(graphics/valid_xhtml.png) no-repeat;
display: block;
height: 31px;
width: 88px;
float: left;
margin-left: 43px;
margin-top: -150px;
text-decoration: none;
list-style: none; 
}

#xhtml a span {
visibility: hidden;
}

#css a {
background:  url(graphics/valid_css.png) no-repeat;
display: block;
height: 31px;
width: 88px;
float: left;
margin-left: 43px;
margin-top: -118px;
text-decoration: none;
list-style: none; 
}

#css a span {
  visibility: hidden;
}

/*  validation end  */

/*  accessability link start  */

#access {
width: 30px;
float: left;
margin-left: 47px;
margin-top: -82px;
}

#access a:link {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;   /*  red #ef4223; orange #ffa525 */
text-decoration: none;
}

#access a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #0000ff;
	text-decoration: underline;
}

#access a:visited {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #999;
text-decoration: none;
}

/*  accessability link end  */

/*  copyright start  */

#copyright a {
background-image: url(graphics/copyright.png);
display: block;
width: 82px;
height: 29px; 
float: left;
margin-left: 52px;
margin-top: -68px;
text-decoration: none;
list-style: none; 
}

#copyright a span {
 visibility: hidden;
}

/*  copyright end  */

/*  home page start  */

#twitter a {
background:  url(graphics/twitter.gif) no-repeat;
display: block;
height: 77px;
width: 388px;
float: left;
margin-left: 70px;
margin-top: 20px;
margin-bottom: 5px;
text-decoration: none;
list-style: none; 
}

#twitter a span {
 visibility: hidden;
}

#yeoviloxfam a {
background:  url(graphics/yeovil_oxfam.gif) no-repeat;
display: block;
height: 60px;
width: 480px;
float: left;
margin-left: 34px;
margin-top: 10px;
margin-bottom: 5px;
text-decoration: none;
list-style: none; 
}

#yeoviloxfam a span {
 visibility: hidden;
}

#carousel{
height: 200px;
width: 510px;
background: #fff; 
float: left;
margin-top: 15px;
margin-bottom: -15px;
margin-left: 12px;
}

/*  home page end  */

/*  about page start  */

#aboutp1 h1 {
text-indent: -9999px;  
background:  url(graphics/bike_pic.png) no-repeat;
height: 130px;
width: 235px;
float: left;
margin-left: 135px;
}

/*  about page end  */


/*  thank you page start  */

#tortoise h1 {
text-indent: -9999px;  
background:  url(graphics/talking_tortoise.png) no-repeat;
height: 298px;
width: 382px;
float: left;
margin-left: 85px;
margin-top: 10px;
}

#thanks h1{ 
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 350px;   
text-decoration: none;
list-style: none;
text-align: center;
font-size: 30px;
float: left;
margin-left: 95px;
margin-top: -265px; 
line-height: 1.2;
}

#thanks h2{ 
font-family:  verdana, arial, helvetica, sans-serif;                           
color: #000;
width: 350px;   
text-decoration: none;
list-style: none;
text-align: left;
font-size: 15px;
float: left;
margin-left: 120px;
margin-top: -210px; 
line-height: 1.2;
}

/*  thank you page end  */

/*  portfolio start  */


#portfolio{ 
height: 275px;
width: 500px;
float: left;
margin-left: 25px;
margin-top: -35px;
}

#portfolio span {
 visibility: hidden;
}

/*  portfolio end  */

/*  accessibility page start */

#accessibility ul {
width: 200px;
list-style: none;
color: #000;
text-align: left;
margin-left: 175px;
margin-top: 20px;
margin-bottom: 20px;
}

#accessibility ul li { 
background:url(graphics/ball1.png) 0px 3px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 15px;
margin: 3px;
}

#xhtmlp1 a {
background:  url(graphics/valid_xhtml.png) no-repeat;
display: block;
height: 31px;
width: 88px;
float: left;
margin-left: 122px;
margin-top: 0px;
text-decoration: none;
list-style: none; 
}

#xhtmlp1 a span {
visibility: hidden;
}


#cssp1 a {
background:  url(graphics/valid_css.png) no-repeat;
display: block;
height: 31px;
width: 88px;
float: left;
margin-left:3px;
margin-top: 0px;
text-decoration: none;
list-style: none; 
}

#cssp1 a span {
  visibility: hidden;
}

#wai a {
background:  url(graphics/wai_aaa.png) no-repeat;
display: block;
height: 31px;
width: 88px;
float: left;
margin-left: 3px;
margin-top: 0px;
text-decoration: none;
list-style: none; 
}

#wai a span {
visibility: hidden;
}

/*  accessibility page end */

/*  services page start */

/*  top list start */

#services ul {
width: 400px;
list-style: none;
text-decoration:none;
color: #000;
text-align: left;
margin-left: 125px;
margin-top: 20px;
margin-bottom: 20px;
}

#services ul li { 
background:url(graphics/ball1.png) 0px 3px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 15px;
margin: 3px;
}

/*  top list end */

/*  left top list start faq */

#services0 ol li a{ 
background:url(graphics/ball1.png) 0px 3px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, arial, helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 14px;
margin: 5px;
}

#services0 ol {
width: 400px;
list-style: none;
font-family:  verdana, arial, helvetica, sans-serif;
color: #000;
text-align: left;
margin-left: 25px;
margin-top: 0px;
margin-bottom: 5px;
}

#services0 ol a:link  {
list-style: none;
color: #000;
text-decoration: none;
}

#services0 ol a:visited{
list-style: none;
color: #000;
}

#services0 ol li a{ 
background:url(graphics/ball1.png) 0px 3px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, arial, helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 14px;
margin: 5px;
}

#services0 ol li a:hover{
background:url(graphics/ball2.png) 0 3px no-repeat ;
color: #0000ff;
}

/*  left top list end faq */

/*  services page end */

/*  examples page start */

#box1 {
width: 225px;
height: auto;
padding: 0px;
border: 0px solid #000000;
margin: 0px;
float: left;
margin-left: 75px;
margin-top: 20px;
}

#services1 ol li a{ 
background:url(graphics/ball1.png) 0px 3px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, arial, helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 14px;
margin: 0px;
}

#services1 ol {
width: 225px;
list-style: none;
font-family:  verdana, arial, helvetica, sans-serif;
color: #000;
text-align: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
}

#services1 ol a:link  {
list-style: none;
color: #000;
text-decoration: none;
}

#services1 ol a:visited{
list-style: none;
color: #000;
}

#services1 ol li a:hover{
background:url(graphics/ball2.png) 0 3px no-repeat ;
color: #0000ff;
}

/*  left list examples end */

/*  right list examples start */

#box2 {
width: 225px;
height: auto;
padding: 0px;
border: 0px solid #000000;
margin: 0px;
float: right;
margin-right: 15px;
margin-top: 20px;
}

#services2 ol {
width: 225px;
list-style: none;
font-family:  verdana, arial, helvetica, sans-serif;
color: #000;
text-align: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

#services2 ol a:link  {
list-style: none;
color: #000;
text-decoration: none;
}

#services2 ol a:visited{
list-style: none;
color: #000;
}

#services2 ol li a{ 
background:url(graphics/ball1.png) 0px 3px no-repeat ;
padding: 0px 0px 0px 15px;
font-family:  verdana, arial, helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 14px;
margin: 0px;
}

#services2 ol li a:hover{
background:url(graphics/ball2.png) 0 3px no-repeat ;
color: #0000ff;
}


/*  right list examples end */

#bannerijh{
float: left;
height: 60px;
width: 468px;
margin-left: 50px; 
margin-top: 30px;
margin-bottom: 0px;
}

/*  examples page end */


/* recycle game start */

#recycle{
float: left;
height: 275px;
width: 500px;
margin-left: 35px; 
margin-top: -15px;
margin-bottom: 0px;
}

/* recycle game end */

/* plant trees game start */

#planttrees{
float: left;
height: 225px;
width: 450px;
margin-left: 55px; 
margin-top: 0px;
margin-bottom: 0px;
}

/* plant trees game end */

/* search boxes start */

#google{
float: left;
height: 50px;
width: 350px;
margin-left: 100px; 
margin-top: 5px;
margin-bottom: 0px;
}

#yahoo{
float: left;
height: 90px;
width: 300px;
margin-left: 115px; 
margin-top: 25px;
margin-bottom: 0px;
}

#msn{
float: left;
height: 90px;
width: 300px;
margin-left: 125px; 
margin-top: -25px;
margin-bottom: 0px;
}

#ebay{
float: left;
height: 50px;
width: 325px;
margin-left: 115px; 
margin-top: 25px;
margin-bottom: 0px;
}

/* search boxes end */

#video{
float: left;
height: 200px;
width: 328px;
margin-left: 5px; 
margin-top: 25px;
margin-bottom: 0px;
}


/* light box photo gallery start */



/* light box photo gallery end */

/* slide show start */

#slideshow{
float: left;
height: 50px;
width: 325px;
margin-left: 30px; 
margin-top: 15px;
margin-bottom: 0px;
}

/* slide show end */

/* photo album start */

#photoalbum{
float: left;
height: 50px;
width: 325px;
margin-left: -5px; 
margin-top: 5px;
margin-bottom: 0px;
}

/* photo album end */

/* zoom viewer start */

#zoomviewer{
float: left;
height: 50px;
width: 325px;
margin-left: 50px; 
margin-top: 5px;
margin-bottom: 0px;
}

/* zoom viewer end */


/* back and next buttons start */

.back{
width: 37px;
height: 19px;
font-size: 11px;
background:url(graphics/back_button.png) top left no-repeat transparent;
border: 0px solid #fff;
float: left;
margin-left: 15px;
margin-top: -5px;
margin-bottom: 15px;
}

#next a{
width: 37px;
height: 19px;
background:url(graphics/next_button.png) top left no-repeat transparent;
float: left;
margin-left: 5px;
margin-top: -5px;
margin-bottom: 15px;
}

/* back and next buttons end */

/* Terms page start */

#terms ul {
width: 500px;
list-style: none;
color: #000;
text-align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 35px;
}

#terms ul li { 
background:url(graphics/terms_list.png) 0px 6px no-repeat ;
padding: 0px 0px 0px 12px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 15px;
}

#terms p{ 
width: 475px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 2px;
}

#terms1 ul {
width: 500px;
list-style: none;
color: #000;
text-align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 35px;
}

#terms1 ul li { 
background:url(graphics/terms_list.png) 0px 6px no-repeat ;
padding: 0px 0px 0px 12px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 15px;
}

/* Terms page end */

/* price guide page start */

#price ul {
width: 500px;
list-style: none;
color: #000;
text-align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 20px;
}

#price ul li { 
background:url(graphics/star.png) 0px 4px no-repeat ;
padding: 0px 0px 0px 12px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 15px;
margin-bottom: 8px;
}

#price p{ 
width: 475px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 10px;
}

#price1 ul {
width: 350px;
list-style: none;
color: #000;
text-align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
}

#price1 ul li { 
background:url(graphics/tick.png) -2px 0px no-repeat ;
padding: 0px 0px 0px 12px;
font-family:  verdana, "trebuchet MS", helvetica, sans-serif;
color:#000;
text-decoration:none;
height:19px;
font-size: 15px;
}

#ijhad{
float: left;
height: 60px;
width: 480px;
margin-left: 35px; 
margin-top: 10px;
margin-bottom: 25px;
}

/* price guide page end */

/* carousel page and spiral carousel page start */

#carousel1{
height: 200px;
width: 510px;
background: #fff; 
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 12px;
}

/* carousel page and spiral carousel page end */


/* domain check page start */

#dcheck2 {
width: 295px;
height: auto;
padding: 15px;
background: #FFf; 
border: 1px solid #000000;
margin: 25px;
float: left;
margin-left: 100px;
margin-top: 30px;
}

#hostingadvert {
width: 468px;
height: auto;
padding: 3px;
border: 0px solid #000000;
margin: 25px;
float: left;
margin-left: 35px;
margin-top: 20px;
}

/* domain check page end */