body { background: #ffdb8d url(../images/suncentre-bg.jpg) repeat-x; 
	   margin: 0; padding: 0; 
	   font-size:62.5%;  line-height: 1.5em; 
	   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}	
#wrapper { position: relative;
			top: 0; left: 0;
			width: 800px;
			margin: 0; padding: 0;}
h1#titlebar { position: relative; 
				top: 0; left: 0; 
				padding: 0; margin: 0; 
				height: 100px; width: 580px;
				background: url(../images/suncentre-title.jpg) no-repeat 0 10px;  }		  
h1#titlebar a { position: absolute; 
				top: 0; left: 0; 
				padding: 0; margin: 0; 
				height: 100px; width: 580px; 
				background:none;  }
				

p {position: relative;
  top: 0; left: 0;
  margin: 1.2em 0; padding: 0;
  font-size: 1.1em; line-height: 1.5em;}
a, a:visited {  color: #e2007a;
				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;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {
		clear:both;
		height:1px;
		overflow:hidden;}
.prop { height:950px; float:right; width:1px;}

span {visibility: hidden;}
#middle {position: relative;
		 top: 0px; left: 0;
		 margin: 0; padding: 0;
		 width: 800px; 
		 background: none; 
		 text-align: left;}		

/* Content Text */
#content-m {position: relative;
			top:7px; left:0px;			
			width:800px;
			margin:0px; padding: 0px; 
			background: url(../images/suncentre-content-m.jpg) 0 0 repeat-y;}		  
#content-t {position: relative; 
			top: 0; left: 0; 
			margin: 0; padding: 0;
			background: url(../images/suncentre-content-t.jpg) 0 0 no-repeat;}			
#content-b {position: relative;
			top: 0; left: 0;
			margin: 0; padding: 1px 0 100px 0;
			background: url(../images/suncentre-content-b.jpg) 0 bottom no-repeat;}			
#stuff {position: relative;
		top: 20px; left: 200px; 
		width: 350px;}
		
/*Text and Stuff in the Content */		
#content-m h1 {position: relative;
				color: #dd1e40;
			   margin: 10px 0 0 0; padding: 30px 0 0 90px;
			   font-weight: bold;
			   font-size: 2em; line-height: 1.1em;
			   background: url(../images/fish01.gif) 0 0 no-repeat;}
#content-m h1 span {visibility: visible;
			   background: url(../images/fish02.gif) bottom right no-repeat;
			   padding:0 20px 70px 0;
			   display: block;}			   
#content-m h2 { color: #0b89c6; 
				font-size: 1.6em; line-height: 1.2em;
				position: relative; top: 0; 
				left: 10px; 
				padding: 15px 0px 30px 85px; margin: 0; 
				background: url(../images/fish03.gif) no-repeat left top; }	 
					
					
#content-m h3 { color: #4e088e; 
				font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 1.2em; line-height: 1.5em;
				margin: 0;  padding: 20px 5px 55px 120px;
				background: #a6d0ff url(../images/fish05.jpg) no-repeat 7px 7px;
				}		
					
										   
#content-m p  { color: #d54c00; margin:15px 10px; 
				padding: 5px}
#content-m ul  { color: #d54c00; margin:10px; font-size: 1.1em; line-height: 1.1em; }			
#content-m ul li {margin: 10px;
				  list-style: square;}		
#content-m img {float: left;
	 			margin: 0 10px 10px 0;
	 			border: 1px solid #ff8900}			
		  
/* Calendar Styling */
table.calendar  {position: relative;
				 top: 0;
				 left: 10px;
				 margin: 0px 0 20px 0;
				 border: 2px solid #e2007a;
				 background: #ffff9f;
				 text-align: center;}			
table.calendar td {padding: 5px}				 
/*table.calendar td.evening {border-bottom: 5px solid #1baa69;}
table.calendar td.day {background: #f90;}*/

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

/* Column of feature boxes to the right */							
#right-fcol {position:absolute;
			 width: 180px;
			 top: 120px; left: 560px;
			 padding: 0; margin: 0; }
			 
.feature { width: 180px; 
			top: 0; left: 0; 
			margin: 15px 5px; padding: 0; 
			text-align: left; 
		   background:#fc6700; border-top: 0 none;}

.feature p, .feature input, .feature label
			 { font-size: 0.9em; line-height: 1.2em;
			 margin: 5px;}
.featuretitle {position: relative;
				 top: 0; left: 0;
				 width: 170px;
				 background:#fc3;
				 padding: 0; margin: 5px;}
.feature h2 { color: #dd1e40; 
			  padding: 0px; margin: 10px 10px 6px 10px;
			font-size: 1.3em; line-height: 1.1em;
			font-weight: bold;}		
.feature ul  { color: #d54c00; margin:5px 0; font-size: 1.1em; line-height: 1.1em; }			
.feature ul li {margin: 10px 0;
				  list-style: 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: #dd1e40;
					text-decoration: none;	
					padding: 0 5px; margin: 0;
					display: inline;		
					border-left: 2px solid #dd1e90;
				   }
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: -30px; left: 0; width: 800px; 
		 margin: 0; padding: 0; text-align: center; }	
#footermenu ul { position: relative;
				 top: 0px;
				 margin: 0 auto ; padding: 0;
				 width: 600px;}
#footermenu ul li { float: left; 
					background-color: #dd1e40;
				    margin: 0 5px; padding: 10px;
				    width: 150px;}				
#footermenu ul li a, #footermenu ul li a:visited 
				 { 	color: #fff;
				 	margin: 10px;	}
#footermenu ul li a:hover
				 { 	color: #f894ca; background: #dd1e40; }					
#copy { font-size: 0.8em; line-height: 1.2em; 
		color: #dd1e40;
		margin: 0; padding: 0; 
		position: relative;
		top: 0px;}
#copy a {color: orange;}		
#copy a:hover {color: #fff}
		
/* 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}	

/* SkyTower Styles */ 	
body#skytower h1#titlebar {background: url(../images/skytower-title.jpg) no-repeat 0 10px;  }	
body#skytower p { color: #3656aa; }
body#skytower #content-m h1, body#skytower #content-m h1 span
	{ color: #004494; background: transparent; margin: 10px; padding: 0; position: relative; top: 0; left: 0; }	
body#skytower h2 { color: #009ee0; background: transparent; margin: 10px; padding: 0; position: relative; top: 0; left: 0; }	
body#skytower h3 {background: none;
	  margin: 10px; padding: 0;
	  position: relative;
	  top: 0; left: 0;}	
body#skytower .feature { background-color: #a6d0ff; }
body#skytower .featuretitle { background-color: #d8e8f6; }	  
body#skytower #footermenu ul li { background-color: #3875d7;}
body#skytower #footermenu ul li a:hover { background-color: #3875d7;
										  color: #a6d0ff}