html {margin: 0; padding: 0;}
body { 	margin: 0; padding: 0; 
		text-align: left; 
	   font-size: 62.5%; line-height: 1.5em;
	   font-family: Verdana, Arial, Helvetica, sans-serif;  
	   color: #3b3b3b; background: #fff  url(../images/bodyz-bg.jpg) top left repeat-y; }	
	   
#wrapper { position: relative;
		   top: 0; left: 0;
		   width: 800px;
		   margin: 0; padding: 0; 
		   background:none;}
#middle {position: relative;
		 top: 0px; left: 0;
		 padding: 0; margin: 0 auto;}	
		 		   
h1#titlebar { position: relative; 
				top: 0; left: 0; 
				padding: 0; margin: 0; 
				height: 100px; width: 580px;
				background: url(../images/bodyz-title.jpg) no-repeat 0 10px;  }		  
		   	
h1#titlebar  {background: url(../images/bodyz-title.jpg) 1px 10px no-repeat;}

span, p span {visibility: hidden;}
p {position: relative;
  top: 0; left: 0;
  margin: 1.2em 0; padding: 0;
  font-size: 1em; line-height: 1.5em;}
a, a:visited {  color: #1aa969;
				font-weight: bold;
				text-decoration: none;
				}			
a:hover {color: #fff;
		background-color: #1aa969;
		font-weight: bold;
		text-decoration: none;}
		
					
ul {padding: 0 5px 5px 10px;}
ul li {line-height: 1.1em;
		margin: 1em 0; padding: 0;
		list-style-type: none;}
.prop {float: right;
		width: 1px; height: 930px;}		
.clear {height: 1px;
		overflow: hidden;
		clear: both;}
	

/* Content Text */
#content-m {position: relative;
			top: 0; left: 171px;
			background: url(../images/bodyz-contents-m.jpg) 0 0 repeat-y;
			width: 505px;
			margin: 0px 122px 10px 0; padding: 0;}	
#content-t {background: url(../images/bodyz-contents-t.jpg) top left no-repeat;
			margin: 0; padding: 0;}	
#content-b {background: url(../images/bodyz-contents-b.jpg) bottom left no-repeat;
			margin: 0; padding: 20px;}	


/* Content Text Colours */
#content-m h1 { color: #19a8c8; 
				font-family: Georgia, "Times New Roman", Times, serif; 
				margin: 10px 50px 20px 10px; padding: 0; 
				font-size: 1.6em; line-height: 1.1em; }
#content-m h2 {color: #4f458c; 
			   margin: 20px 155px 20px 10px; padding: 0;
			   font-size: 1.4em; line-height: 1.4em;
				}
#content-m h3 { color: #6c9fb2; font-family: Georgia, "Times New Roman", Times, serif; 
				margin: 10px 155px 10px 10px; padding: 0;
				font-size: 1.2em; line-height: 1.2em;}			   
#content-m p  {margin: 2px 155px 10px 10px;}
#content-m ul  {margin: 2px 155px 10px 20px;}
#content-m ul li  {list-style: disc;}		
		
			

/* Column of feature boxes to the left */			
#left-fcol { position: absolute;
			 top: 0; left: 0;
			 width: 186px;
			 margin: 0; padding: 0;}

/* Column of feature boxes to the right */							
#right-fcol {position: absolute;
			 width: 200px;
			 top: 80px; left: 600px;
			 padding: 0; margin: 0;}
			 
.feature { width: 154px; 
			top: 0; left: 0; 
			margin: 15px 5px; padding: 0; 
			text-align: left; 
		   background:#b3b8ba; border-top: 0 none;}

.feature p, .feature label, .feature input { font-size: 0.9em; line-height: 1.2em;
			 margin: 1.2em 0.5em;}
.featuretitle {position: relative;
				 top: 0; left: 0;
				 width: 150px;
				 background:#ddf2fc ;
				 padding: 0; margin: 2px;}
.feature h2 { color: #4f458c; padding: 5px; 
			  font-size: 1.1em; line-height: 1.2em;
			  font-weight: bold;}	
.feature ul  { margin:5px 0; font-size: 1em; line-height: 1.1em; }			
.feature ul li {margin: 10px 0;
				  list-style: none;}		   


/* Links Tabs on the Left */
#left-tabs {margin: 30px 0; padding: 0;
			position: relative; top: 0; left: 0;}
#left-tabs h2, #left-tabs h2 a {position: relative;
				top: 0; left: 0;
				margin: 0; padding: 0;			
				width: 170px;
				}
			#left-tabs #everybodyz a {background: url(../images/everybodyz-tab.jpg) -10px 0 no-repeat;
						    height: 83px;			  
						   display: block;}
			#left-tabs #everybodyz a:hover, #left-tabs #everybodyz a:active
						  {background: url(../images/everybodyz-tab-d.jpg) -10px 0 no-repeat;
						   display: block;}		
			#left-tabs #bodyz a {background: url(../images/bodyz-ltab.jpg) top left no-repeat;
						    height: 83px;			  
						   display: block;}
			#left-tabs #bodyz a:hover, #left-tabs #bodyz a:active
						  {background: url(../images/bodyz-ltab-d.jpg) top left no-repeat;
						   display: block;}	
			#left-tabs #shokk a {background: url(../images/shokk-tab.jpg) -10px 0 no-repeat;
						    height: 83px;			  
						   display: block;}
			#left-tabs #shokk a:hover, #left-tabs #shokk a:active
						  {background: url(../images/shokk-tab-d.jpg) -10px 0 no-repeat;
						   display: block;}			
			#left-tabs #moto a {background: url(../images/moto-tab.jpg) -10px 0 no-repeat;
						    height: 83px;			  
						   display: block;}
			#left-tabs #moto a:hover, #left-tabs #moto a:active
						  {background: url(../images/moto-tab-d.jpg) -10px 0 no-repeat;
						   display: block;}			 
#left-tabs p {display: none;}

			 


/* Clwyd Leisure information orange bar menu*/
ul#titlemenu { position: absolute;
			 top: 54px;left: 5px;
			 width: 440px;
			 padding: 0; margin: 0;
			 font-size: 1em; line-height: 1.1em;			 
			 font-weight: bold;
			 list-style-type: none;
			 }		
ul#titlemenu li, ul#footermenu li 
				 {	float: left;
					padding: 0; margin: 0;
					}			   
ul#titlemenu li a, ul#title li a:visited,
ul#footermenu li a, ul#footer li a:visited 
				 { 	color: #fff;
					text-decoration: none;	
					padding: 0 5px; margin: 0;
					display: inline;		
					border-left: 2px solid #fff;
				   }
ul#titlemenu li a:hover 
				{color: #fff; 
				  background: #444;
				  text-decoration: none;
				  border-left: 2px solid #fff;}							  			   			 

/*Menu in the footer - utility links */						  
ul#footermenu { position: relative;
				 top: 0px;left: 0px;
				 width: 700px;
				 padding: 0; margin: 0;
				 font-size: 0.9em; line-height: 1.1em;			 
				 font-weight: bold;
				 list-style-type: none;
				 }		
				 	 
			 
#footer {position: relative; 
		 top: 0px; left: 0; 
		 width: 800px; height: 80px;
		 margin: 0; padding: 0;
		 background: none;
		 text-align: left;	}	
#footermenu ul { position: relative;
				 top: 0px; left: 0;
				 margin: 0 ; padding: 0;
				 width: 600px;}
#footermenu ul li { float: left; 
					background-color: #ddf2fc;
				    margin: 0 5px; padding: 10px;
				    width: 140px;}				
#footermenu ul li a, #footermenu ul li a:visited 
				 { 	color: #4f458c;
				 	margin: 10px;	}
#footermenu ul li a:hover
				 { 	color: #018da8; background: #ddf2fc; }					
#copy { font-size: 0.8em; line-height: 1.2em; 
		color: #000;
		margin: 0; padding: 0 0 0 10px; 
		position: relative;
		top: 60px; left: 0;}
#copy a {color: orange;}		
#copy a:hover {color: #fff}



		
/* Everybodyz Colours */
body#everybodyz {background: #fff url(../images/everybodyz-bg.jpg) top left repeat-y;}	
body#everybodyz #content-m {background: url(../images/everybodyz-contents-m.jpg) 0 0 repeat-y;}
body#everybodyz #content-t {background: url(../images/everybodyz-contents-t.jpg) top left no-repeat;}
body#everybodyz #content-b {background: url(../images/everybodyz-contents-b.jpg) bottom left no-repeat;}	
body#everybodyz .feature { background:#6b81b3;}
body#everybodyz .featuretitle { background:#5f53b5 ;}		   
body#everybodyz .feature h2 { color:#a4b1d1 ;}
body#everybodyz .feature p, body#everybodyz .feature a, body#everybodyz .feature label { color:#fff ;}
body#everybodyz #footermenu ul li { background-color: #6b81b3;}
body#everybodyz #footermenu ul li a, body#everybodyz #footermenu ul li a:visited, body#everybodyz #footermenu ul li a:hover { color: #fff; background-color: #6b81b3;}

/*Shokk Colours */
body#shokk {background: #fff url(../images/shokk-bg.jpg) top left repeat-y;}
body#shokk a, body#shokk a:visited { color: #4f458c; } 
body#shokk .feature a:hover, body#shokk p a:hover { color: #fff; background-color: #4f458c; }
body#shokk h1#titlebar  {background: url(../images/shokk-title.jpg) 1px 10px no-repeat;}
body#shokk #content-m {background: url(../images/shokk-contents-m.jpg) 0 0 repeat-y;}
body#shokk #content-t {background: url(../images/shokk-contents-t.jpg) top left no-repeat;}
body#shokk #content-b {background: url(../images/shokk-contents-b.jpg) bottom left no-repeat;}
body#shokk #content-m h1 { color: #ff1c03; 
						   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
						   font-weight: bold; 
						   margin: 10px 50px 20px 10px; padding: 0;}
body#shokk #content-m h2 { color: #e55e26; font-size: 1.5em; margin: 20px 155px 20px 10px; }
body#shokk #content-m h3 { color: #6b68a2; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 155px 10px 10px; }
body#shokk .feature { background:#fff;}
body#shokk .featuretitle { background:#fb4200 ;}		   
body#shokk .feature h2 { color:#000 ;}
body#shokk .feature p, body#shokk .feature a { color:#fff ;}
body#shokk #footermenu ul li { background-color: #f22d00;}
body#shokk #footermenu ul li a, body#shokk #footermenu ul li a:visited, body#shokk #footermenu ul li a:hover { color: #fff; background-color: #f22d00;}

/* Moto-Vations Colours */
body#moto {background: #fff url(../images/moto-bg.jpg) top left repeat-y;}
body#moto h1#titlebar  {background: url(../images/moto-title.jpg) 1px 10px no-repeat;}
body#moto #content-m {background: url(../images/moto-contents-m.jpg) 0 0 repeat-y;}
body#moto #content-t {background: url(../images/moto-contents-t.jpg) top left no-repeat;}
body#moto #content-b {background: url(../images/moto-contents-b.jpg) bottom left no-repeat;}			  
body#moto #content-m h1 { color: #624125; 
						   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
						   font-weight: bold; 
						   margin: 10px 50px 20px 10px; padding: 0;}
body#moto #content-m h2 { color: #ccbdb6;  margin: 20px 155px 20px 10px; }
body#moto #content-m h3 { color: #a9937c; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 155px 10px 10px; }
body#moto .feature { background:#a9937c;}
body#moto .featuretitle { background:#cbb8a7 ;}		   
body#moto .feature h2 { color:#624125 ;}
body#moto .feature a { color:#624125 ; background: #cbb8a7;}
body#moto .feature a:hover { color: #cbb8a7; background: #624125;}
body#moto #footermenu ul li { background-color: #cbb8a7;}
body#moto #footermenu ul li a, body#moto #footermenu ul li a:visited, body#moto #footermenu ul li a:hover { color: #624125; background-color: #cbb8a7;}

h1#titlebar a:hover {background: none}	
h1#titlebar a { position: absolute; 
				top: 0; left: 0; 
				padding: 0; margin: 0; 
				height: 100px; width: 580px; 
				background:none;  }	
				
/* Clwyd Leisure Strap Across the top right corner */
#strap a  {position: absolute;
		top: 0; right: 0;
		height: 150px; width: 150px;
		background: url(../images/clwydleisure-strap.gif) top right no-repeat;}				


/* Nifty Corners Business */
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block; 
				 height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px;}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px; }
b.r2{margin: 0 2px;}
b.r3{margin: 0 1px; }
b.r4{height: 2px; }
b.rb1{margin: 0 8px;border-width:0 2px; }
b.rb2{margin: 0 6px;border-width:0 2px; }
b.rb3{margin: 0 5px; }
b.rb4{margin: 0 4px; }
b.rb5{margin: 0 3px ; }
b.rb6{margin: 0 2px;}
b.rb7{margin: 0 1px;height:2px; }
b.rb8{margin: 0;height:2px; }
b.rs1{margin: 0 1px; }

/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}