html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	width: 779px; 
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 78%; 
	color:#000;
	line-height:140%;
	background: url(../images/grad.jpg) top center repeat-x #ECECEA ;
	}
	
#bigbike{ /* Sets up the page and aligns everything to center */
	
	background: url(../images/grad.jpg) 0px -30px repeat-x #ECECEA ;
	}
	
#container{ 
	float:left;
	margin:0px 6px 0px 6px;
	text-align:left;
	}
	
a:link, a:active, a:visited{
	color:#CC6C02;
	text-decoration:none;
	}

a:hover{
	color:#000;
	text-decoration:underline;
	}
	
img{
	border:0px;
	}
	
/* --------------------- Deep background blue #356BC6 -------------------*/
/* --------------------  orange text colour #CC6C02 -------------------*/
/* --------------------  dark blue used for body copy #1F4076 -------------------*/
/* --------------------  dark blue used  the footer background #1F4076 -------------------*/ 
/* --------------------  grey blue used in the right feature box background #BCC9DF ------------------- */ 




#header{ /* --------------------  the header area  -------------------*/
	width:779px;
	float:left;
	margin:0px 0px 00px 0px;
	background: url(../images/oranges2.jpg) top left no-repeat ;
	font-family: arial, verdana, helvetica, sans-serif;
	}
	
#header img{ 
	float:left;
	margin:7px 10px 2px 17px;
	}
	
#header h1{ 
	clear:both;
	
	margin:0px 0px 00px 24px;
	color:#2A2E1B;
	font-size:1.2em;
	}
	
#nav{
	width:779px;
	float:left;
background: url(../images/green.jpg) bottom left no-repeat ;
margin:20px 0px 0px 0px;
}
	

	
#header ul{ 
	width:760px;
	float:left;
	list-style-type:none;
	margin:10px 0px 0px 10px;
	padding:0px;
	}
	
#header ul a{  
	color:#FFCE29;
	font-weight:bolder;
	}
	
#header ul a:hover{  
	color:#FFFF99;
	
	}
	
#header ul li{ 
	float:left;
	display:inline;
	margin:0px 13px 6px 13px;
	}
	
#header ul .home{ 
	float:right;
	}

#header .home a{  
	color:#FFF;
	}
	
#header .current {  
	color:#FFFFff;
	}
	
#content{ /* --------------------  the contnent  -------------------*/
	width:779px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 00px 20px 0px;
	background: url(../images/mainBack.jpg) top left no-repeat ;
	}
	

		
#left{ /* --------------------  the left content coll  -------------------*/
	float:left;
	margin:31px 12px 00px 39px;
	}

	
#leftContent{ 
	width:469px;
	float:left;
	background:url(../images/box.gif) top left no-repeat ;
	}
#bottomCurve{ 
	width:469px;
	height:10px;
	float:left;
	background:url(../images/box2.gif) bottom left no-repeat ;
	}
	
#greenBlob { 
	width:436px;
	margin:16px 0px 9px 12px;
	color:#fff;
	float:left;
	background:url(../images/greenBlob.jpg) top left no-repeat ;
	}
	
#leftContent #greenBlob p{ 
	margin:6px 4px 0px 6px;
	color:#fff;
	}
#greenBlobBottom{ 
	width:436px;
	height:10px;
	float:left;
	background:url(../images/greenBlobBottom.jpg) bottom left no-repeat ;
	}
	


#left .subPage h1{ /* ----------------formatts the sub page headers and p's----------*/
	font-size:1.6em;
	margin:14px 10px 10px 14px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight:normal;
	}
	
#left .subPage h2{ /* ----------------formatts the sub page headers and p's----------*/
	font-size:1.4em;
	margin:16px 10px 10px 14px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight:normal;
	}
	
#left .subPage img{ /* ----------------formatts the sub page headers and p's and img's----------*/
	float:left;
	margin:8px 14px 10px 14px;
	}
	
#leftContent h1{ 
	font-size:1.6em;
	margin:18px 16px 14px 14px;
	font-weight:normal;
	text-indent:-9000px;
	background:url(../images/h1Home.gif) top left no-repeat;
	width:380px;
	height:46px;
	display:block;
	}	
	
#leftContent .aboutUsHeader{ 

	background:url(../images/aboutWalkspain.gif) top left no-repeat;
	
	}	
	
#leftContent .holidaysHeader{ 

	background:url(../images/holidays.gif) top left no-repeat;
	
	}	
	
	#leftContent .costs{ 

	background:url(../images/costs.gif) top left no-repeat;
	
	}	
	
	#leftContent .testimonials{ 

	background:url(../images/testimonials.gif) top left no-repeat;
	
	}	
	
	#leftContent .when{ 

	background:url(../images/when.gif) top left no-repeat;
	
	}	
	
	#leftContent .where{ 

	background:url(../images/where.gif) top left no-repeat;
	
	}	
	
	#leftContent .contact{ 

	background:url(../images/contact.gif) top left no-repeat;
	
	}	
	
	#leftContent .bikesHeader{ 

	background:url(../images/bikesWalkspain.gif) top left no-repeat;
	
	}	
	
#leftContent h2{ 
	font-size:1.4em;
	margin:18px 16px 10px 14px;
	font-weight:normal;
	}	
	
#leftContent h3{ 
	font-size:1.1em;
	margin:14px 16px 10px 14px;
	padding:10px 0px 00px 0px;
	clear:both;
	}
	
#leftContent p{ 
	font-size:1.1em;
	margin:14px 16px 10px 14px;
	line-height:136%;
	}
	
#leftContent img{ 
	float:left;
	margin:9px 16px 10px 14px;
	}
	
#leftContent .noBullets { 
	font-size:.9em;
	margin:6px 8px 10px 14px;
	padding:0px;
	list-style-type:none;
	}
	
#leftContent ul{ 
	font-size:1.1em;
	margin:14px 16px 16px 30px;
	padding:0px;
	/*list-style-type:none;*/
	clear:both;
	}
	
#leftContent ul li{ 
	margin:0px 0px 6px 0px;
	}
	
#leftContent ul li a:link, #leftContent ul li a:active, #leftContent ul li a:visited{ 
	background:url(../../images/blueArrow.gif) 0px 3px  no-repeat ;
	padding:0px 0px 0px 12px;
	}
	
#leftContent ul li a:hover{ 
	background:url(../../images/orangeOver.gif) 0px 3px  no-repeat ;
	padding:0px 0px 0px 12px;
	text-decoration:underline;
	}
	
#leftContent .quoteBox{ 
	width:180px;
	border:1px solid;
	background-color:#fff;
	float:right;
	margin:10px 16px 10px 10px;
	}
	
#leftContent .quoteBox2{ 
	width:460px;
	border:1px solid;
	background-color:#fff;
	float:left;
	margin:10px 0px 30px 14px;
	}
	
#leftContent .quoteBox p{ 
	font-size:1.3em;
	line-height:127%;
	background:url(../../images/quotes.gif) top left no-repeat ;
	padding:42px 0px 0px 0px;
	}
	
#leftContent .quoteBox2 p{ 
	font-size:1.3em;
	line-height:127%;
	background:url(../../images/quotes2.gif) -1px 0px  no-repeat ;
	padding:0px 0px 0px 50px;
	}
	
#leftContent .quoteBox2 ul{ 
	margin:0px 0px 0px 64px;
	}
	

	
#leftContent #address p{ 
	font-size:1.4em;
	line-height:120%;
	font-family:Arial, Helvetica, verdana, sans-serif
	}

#tabsBox{
	margin:0px 0px 0px 16px;
	}

#leftContent #tabs{
margin:0px;
padding:0px;
width:430px;
list-style-type:none;
border-bottom:2px solid #44460B;
}

#tabs li{
margin:0px 4px 0px 0px;
padding:0px 10px 0px 0px;;
display:inline;
text-align:left;
background:url(../images/tab1-right_f2.gif) top right no-repeat;
}

#tabs li a{

background:url(../images/tab1-left_f2.gif) top left no-repeat;
}

#leftContent #subNav{



margin:0px 0px 20px 16px;
}

#leftContent #subNav ul{
padding:0px;
width:430px;
margin:20px 0px 16px 0px;
border-bottom:2px solid #44460B;
float:left;
}

#leftContent #subNav ul li{
display:inline;
margin:0px 2px 0px 0px;
background: url(../images/tab2-right.gif) bottom right no-repeat ;
float:left;
}

#leftContent #subNav ul li a{
display:inline;
background: url(../images/tab2-left.gif) bottom left no-repeat ;
color:#FFCE29;
padding:3px 5px 0px 5px;
display:block;
text-decoration:none;
font-size:.9em;
}

#leftContent #subNav ul li a:hover{

color:#FFFF99;

}

#leftContent #subNav ul #subNavCurrent{
display:inline;
margin:0px 2px 0px 0px;
background: url(../images/tab1-right_f2.gif) bottom right no-repeat ;
float:left;


}

#leftContent #subNav ul #subNavCurrent a{
display:inline;
background: url(../images/tab1-left_f2.gif) bottom left no-repeat ;
color:#fff;
padding:3px 5px 0px 5px;
display:block;
text-decoration:none;
font-size:.9em;
}

#leftContent .bigPic{

margin:18px 0px 18px 16px;
padding:0px;
}

#leftContent #davyTop{

margin:4px 10px 18px 16px;

}


	
/* --------------------------------------------  the RIght coll --------------------------------*/

#right{ 
	margin:31px 00px 7px 0px;
	float:left;
	width:227px;
	}
	


/* ---------  fearture boxes on the RIght coll ----------*/	
.featureBox{ 
	background:url(../images/sideBox.jpg) top left no-repeat #363914;
	width:222px;
	margin:0px 0px 10px 0px;
	color:#fff;
	}
	
#landscape{ 
	background:url(../images/landscape.jpg) top left no-repeat ;
	width:222px;
	height:240px;
	margin:0px 0px 14px 0px;
	color:#44460B;
	}
	
#landscape a{ 
	background:none ;
	color:#44460B;
	padding:0px 0px 0px 0px;
	text-decoration:underline;
	}
	
#landscape h1 a{ 
	color:#2A2E1B;
	text-decoration:none;
	}
	
.featureBox p{ 
padding:0px 4px 0px 8px;
margin:10px 0px 0px 0px;
	}	
	
.featureBox p a{ 
color:#FFCE23;
padding:0px 0px 0px 11px;
background:url(../images/arrowYellow.gif) 0px 4px no-repeat ;
	}	
	
.featureBox p a:hover{ 
color:#FFF;
padding:0px 0px 0px 11px;
background:url(../images/arrowYellow2.gif) 0px 4px no-repeat ;
	}	
	
.featureBox h1{ 
font-family:Arial, Verdana, Helvetica, sans-serif;
margin:0px;
padding:14px 4px 0px 8px;
font-size:1.3em;
font-weight:normal;
	}	
	
.featureBox #quotes{ 
text-indent:-9000px;
background:url(../images/quotes.gif) 9px 9px no-repeat ;
display:block;
width:50px;
height:11px;
	}	
	
.featureBox #quotes a{ 

display:block;
width:50px;
height:11px;

	}	
	
.featureBox span{ 
font-style:italic;
font-size:.7em;
padding:0px 0px 0px 8px;
	}
	
.featureBox img{ 
float:left;
margin:10px 9px 0px 7px;
	}
		
.featureBox2{ 
	background:url(../images/sideBox2.jpg) bottom left no-repeat #363914;
	width:222px;
	height:10px;
	margin:0px;
	}		

	

		
/* ---------------------------------  footer area --------------------------------------------*/	


#footer{ 
	width:779px;
	background:url("../images/footerTop.jpg") top left no-repeat;
	margin:0px 00px 20px 20px;
	float:left;
	}
	
#footerBottom{ 
	width:779px;
	background:url("../images/footerBottom.jpg") top left no-repeat;
	height:10px;
	margin:0px;
	padding:0px;
	float:left;
	}

#footer p{ 
	font-size:.8em;
	color:#fff;
	margin:13px 10px 00px 12px;
	float:left;
	
	
	}
	
#footer p a{ 
	color:#fff;
	}


/* ---------------------------------  the contact form --------------------------------------------*/		
#form{
	margin:20px 0px 50px 0px;
	padding:16px 0px 16px 16px;
	
	width:460px;
	float:left;
	}
	
#form input, #form textarea{
	width:220px;
	margin:6px 0px 14px 0px;
	background-color:#E3EBF7;
	border:2px solid #CC6C02;
	
	}
	
#form textarea{
	width:380px;
	height:200px;
	
	}
	
#form #question{
	height:120px;
	}
	
#form #button{
	width:100px;
	background-color:#CC6C02;
	font-weight:bolder;
	color:#fff;
	margin:20px 0px 0px 0px;
	}
	
#form p{
	margin:0px;
	font-size:.9em;
	font-weight:bolder;
	width:300px;
	}
	
#formThin{
	margin:0px;
	font-size:.8em;
	font-weight:normal;
	width:300px;
	}
	
#form {
	margin:0px;
	font-size:.9em;
	font-weight:bolder;
	width:300px;
	}
	
#sub2{
margin:0px;
padding:0px;
list-style-type:none;
}

#sub2 li{
background:url("../images/orrangeArrow.gif") 0px 5px no-repeat;
margin:0px;
padding:0px;
}

#sub2 #current2 a{
color:#000;
}

#content #homeUl{
list-style-type:none;
margin:0px 10px 0px 14px;
padding:0px;
}

#homeUl li{
background:url("../images/orrangeArrow.gif") 0px 5px no-repeat;
margin:0px;
padding:0px;
}