/* Wira business park - CSS . Copyright N - Ed Nice. */

/* Globally defined base settings */
body
{
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 0.75em;
	line-height: 1.45em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #white;
}

p
{
	font-size: 100%;
	padding: 4px 20px;
	margin:0;
}

ul
{
	margin: 0;
}

td
{
	font-size: 0.80em;
}

h1
{
	font-size: 150%;
	padding: 6px 20px;
	margin:0;
}

h2
{
	font-size: 130%;
	padding: 6px 20px;
	margin:0;
}

h3
{
	font-size: 110%;
	padding: 6px 20px;
	margin:0;
}

img
{
	border: none;
}

/* Hacks IE to centre the page. Don't forget to override the alignment later */
* html body
{
	text-align: center;
}

/*Layout divs and classes */

/* Le Wrapper (The Wrapper) */
/* Re-align text, set auto margins for centre, add 5px per side for the 'shadow' (content element needs +5 margin l, r, t). */
#wrapper
{
	width: 1035px;
	margin-left: auto;
	margin-right: auto;
	border: 50px solid #E41E26;
}

#inner
{
	width: 1035px;
	text-align: left;
	background-color: #820000;
}

#content
{
	width: 1025px;
	margin: 0 5px 0px 5px;
	background-color: #FFFFFF;
	border-bottom: 5px solid #820000;
	border-top: 5px solid #820000;
}

#head
{
	width: 1025px;
	height: 180px;	
	background-image: url(../images/bg/head-bg.png);
	background-position: right;
	background-repeat: no-repeat;
}

#links
{
	height: 30px;
	background-image: url(../images/bg/links-bg.png);
	background-position: right;
	background-repeat: no-repeat;
}

#middle
{
	width: 1025px;
	height: 480px;	
}

.footIndex
{
	text-align: right;
	display:block; overflow:hidden; width:1025px;
}

.foot
{
	height: 60px;
	text-align: right;
}

.fcol2
{
	background-image: url(../images/f-col2-bg.png);
	background-position: right bottom;
	background-repeat: no-repeat; 
}

.fcol3
{
	background-image: url(../images/f-col3-bg.png);
	background-position: left bottom;
	background-repeat: no-repeat; 
}

/* The 'middle' is divided generally into 3 columns. Each column is different in width and may be placed in a different location on the page. 
	We will use extra classes to impose layout as required */
.cola
{
	width: 765px;
	float: left;
}

.colb
{
	width: 395px;	
	float: left;
}

.colc
{
	width: 370px;	
	float: left;
}

.cold
{
	width: 255px;	
	float: left;
}

.cole
{
	width: 630px;	
	float: left;
}


/* Some extra classes to add w,h,p,m, color etc to elements */
/* Adds a 5pixel margin to the right of an element */
.mr5
{
	margin-right: 5px;
}

.ml50
{
	margin-left: 50px;
}

.ml250
{
	margin-left: 250px;
}

.mt200
{
	margin-top: 200px;
}

.pr5
{
	padding-right: 5px;
}

.pt20
{
	padding-top: 20px;
}

.pt40
{
	padding-top: 40px;
}

.pb5
{
	padding-bottom: 5px;
}

.pb10
{
	padding-bottom: 10px;
}

.pl0
{
	padding-left: 0; 
}

.pl50
{
	padding-left: 50px;
}

.p4
{
	padding: 4px;
}

.fs130
{
	font-size: 130%;
}

.tar
{
	text-align: right;
}

.h305
{
	height: 305px;
}

.h480
{
	height: 480px;
}

.h400
{
	height: 400px;
}

.h540
{
	height: 540px;
}

.w190
{
	width: 190px;
}

/* Some general styles and stuff */
#wiralogo
{
	padding: 20px 0 0 40px;
}

#highcrosslogo
{
	padding: 10px 25px;
}

.redcol
{
	background-color: #E41E26;
	color: White;
}

.wtext
{
	color: White;
}

.btext135
{
	color: #00016C;
	font-size: 135%;
}

.cbg
{
	width: 630px;
	height: 150px;
	background-image: url(../images/bg/contact-bg.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.uln
{
	list-style: none;
	margin: 10px 20px;
	padding: 0;
}

.aw
{
	color: White;
	text-decoration: none;
	font-size: 110%;
	padding: 5px 0;
	display: block;
}

.w50
{
	width: 50px;
}

.h100
{
	height: 100px;
}

.homespace
{
	font-size: 185%;
}

.ltext
{
	padding: 40px 0 0 50px
}

.gtext
{
	padding: 40px 0 0 50px;
}

.ctext
{
	padding: 40px 0 0 40px
}

.btext
{
	padding: 30px 0 20px 50px
}

/* Classes for bg images and page specific differences */
.home
{
	background-image: url(../images/bg/home-bg.jpg);
	background-repeat: no-repeat;	
}

/* Styles for the links lists/buttons etc */
#links ul
{
	margin: 0 45px;
	padding: 0;
	list-style: none;
}

#links li
{
	float: left;
	padding: 3px 10px;
}

#links li a
{
	display: block;
}

/* Home */
.h 
{
	background-image: url(../images/home-a.png);
	width: 48px;
	height: 16px;
}

.h:hover 
{
	background-image: url(../images/home-b.png);
}

/* Reatures */
.f 
{
	background-image: url(../images/features-a.png);
	width: 170px;
	height: 16px;
}

.f:hover 
{
	background-image: url(../images/features-b.png);
}

/* Availability */
.a 
{
	background-image: url(../images/availability-a.png);
	width: 99px;
	height: 16px;
}

.a:hover 
{
	background-image: url(../images/availability-b.png);
}

/* Location */
.l 
{
	background-image: url(../images/location-a.png);
	width: 71px;
	height: 16px;
}

.l:hover 
{
	background-image: url(../images/location-b.png);
}

/* Contact */
.c
{
	background-image: url(../images/contact-a.png);
	width: 71px;
	height: 16px;
}

.c:hover 
{
	background-image: url(../images/contact-b.png);
}

/* Gallery */
.g
{
	background-image: url(../images/gallery-a.png);
	width: 63px;
	height: 16px;
}

.g:hover 
{
	background-image: url(../images/gallery-b.png);
}

/* Book */
.b
{
	background-image: url(../images/book-a.png);
	width: 181px;
	height: 16px;
}

.b:hover 
{
	background-image: url(../images/book-b.png);
}

/* Hack the location map to make it bigger */
.mapbg
{
	background-image: url(../images/bg/map-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Fix collapsing columns */
.clear
{
	clear: both;
}