/* Main */ 

body { background-color: #fff; margin: 0; padding: 0;  }

html, body, img, h1 {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 13px;
	color: #666666;
	padding: 0;
	margin: 0;
	border: 0;
}

h1 {
	color: #000;
	font-size: 40px;
	font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
}

h3 {
	color: red;
	font-size: 40px;
	font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
}

h4 {
	color: red;
	font-size: 16px;
	font-family:'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
}

p { line-height: 21px; }

a { outline: 0; }

a:link { color: #534741; text-decoration: none; }
a:visited { color: #534741; }
a:active { color: #534741; }
a:hover { color: red; text-decoration: underline; }

.clear { clear: both; }

.container {
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	display: block;
}

/* Layout */

#buttonwrap { position: absolute; bottom: 10px; right: 20px; }

#topbar { height:auto; width: 100%; background:url(/images/topbarbg.png) top left;  }

#logo { padding-top: 25px; padding-left:10px; height:auto; }
#logo img { width:190px; height:auto; }

#nav { height: 50px; width: 100%; }
#nav ul { list-style-type: none; height: 40px; text-align: center; padding:0; margin:0; float: right; }
#nav ul li { float: left; line-height: 40px; background:url(/images/button.png) top left no-repeat; width: 135px; margin-right: 10px; }
#nav ul li a { display: block; padding-left: 20px; padding-right: 20px; }


#middle { height: 300px; width: 100%; background-color: #0d7abf; display: block; margin-top: -10px; }

#slide { height: 300px; width: 960px; background: url(/images/slide1.png) top left no-repeat; }
#slidecontent { padding-left: 400px; padding-top: 50px; color: #fff; }
#slidecontent h1 { color: #fff; }

#voucher { height: 160px; width: 402px; background:url(/images/voucherbg.png) top left no-repeat; margin-bottom: 20px; }
#vouchertext { padding: 30px 10px 10px 10px; }
#voucher h2 { font-size: 19px; padding:0; margin:0; }
#voucher p { color: red; font-size: 14px; }

#content { width: 100%; background:url(/images/contentbgtop.png) top left #f7f7f7; background-repeat:repeat-x; margin-top: -10px; } 
#content h1 { font-size: 22px; }

#left,#right { float: left; position: relative; display: block; padding-top: 50px; }

#left { width: 540px; margin: 10px;  }
#right { margin-left:10px; width: 370px; position: relative; /*height: 580px;*/ }

#footer { margin-top: 15px; width: 100%; background:url(/images/footerbg.png); height: 100px; text-align: center; color: #fff; padding-top: 10px; }
#footer a:link, #footer a:visited { color: #fff; }
#footer ul { list-style-type: none; padding: 20px; }
#footer ul li { float: left; }
#footer ul li a { padding-left: 20px; padding-right: 20px; } 
#copyright { padding-left: 20px; }
#copyright a:link, #copyright a:visited { color: yellow; }

/* Table */

table { border-collapse:collapse; width: 300px; margin-bottom: 20px; }
td { padding: 10px; }
table, th, td { border: solid 1px #165984; color: #fff; }

.colour1 { background-color: #3293d1; }
.colour2 { background-color: #0d7abf; }

/* Form */

#formsubmit { padding-top: 20px; height: 400px; }

form { margin-top: 10px }

.formelement {
	display: block;
	margin-bottom: 10px;
}

.posbutton {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

button { 
	background-color: #fff; 
	margin-top: 20px; 
	margin-right: 10px; 
	border: solid 1px #cccccc;
	height: 38px; 
	line-height: 30px; 
	color: #666666;
	cursor:pointer;
	border-radius:3px;
}

label { width: 75px; float: left; line-height: 31px; }

textarea { height: 100px; }
input, select, textarea { padding: 5px; width: 250px; margin-left: 10px; border: solid 1px #666666; } center; }